Resolved merge conflicts

.github/workflows/daily.yml

@@ -8,23 +8,6 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  ci:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-go@v4
-        with:
-          go-version-file: ./go.mod
-          cache: true
-      - run: COLOR=1 CI_FORCE=1 ./make.sh all race
-        env:
-          GITHUB_TOKEN: ${{ secrets._GITHUB_TOKEN }}
-          DISCORD_WEBHOOK_URL: ${{ secrets.DISCORD_WEBHOOK_URL }}
-      - uses: actions/upload-artifact@v4
-        if: always()
-        with:
-          name: d2chaos
-          path: ./d2chaos/out
   npm-nightly:
     runs-on: ubuntu-latest
     steps:
@@ -51,8 +34,28 @@ jobs:
 
       - name: Publish nightly version to NPM
         if: steps.check_changes.outputs.has_changes == 'true'
-        run: COLOR=1 NPM_VERSION=nightly ./make.sh js
+        run: |
+          export NPM_VERSION=nightly
+          COLOR=1 ./make.sh js
         env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
           GITHUB_TOKEN: ${{ secrets._GITHUB_TOKEN }}
           DISCORD_WEBHOOK_URL: ${{ secrets.DISCORD_WEBHOOK_URL }}
+  ci:
+    needs: [npm-nightly]
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-go@v4
+        with:
+          go-version-file: ./go.mod
+          cache: true
+      - run: COLOR=1 CI_FORCE=1 ./make.sh all race
+        env:
+          GITHUB_TOKEN: ${{ secrets._GITHUB_TOKEN }}
+          DISCORD_WEBHOOK_URL: ${{ secrets.DISCORD_WEBHOOK_URL }}
+      - uses: actions/upload-artifact@v4
+        if: always()
+        with:
+          name: d2chaos
+          path: ./d2chaos/out

Makefile

@@ -23,4 +23,4 @@ race: fmt
 	prefix "$@" ./ci/test.sh --race ./...
 .PHONY: js
 js: gen
-	cd d2js/js && prefix "$@" ./make.sh all
+	cd d2js/js && NPM_VERSION="${NPM_VERSION}" prefix "$@" ./make.sh all

ci/release/changelogs/next.md

@@ -11,11 +11,15 @@
 
 #### Improvements 🧹
 
-- d2cli:
+- CLI:
     - Support `validate` command. [#2415](https://github.com/terrastruct/d2/pull/2415)
     - Watch mode ignores backup files (e.g. files created by certain editors like Helix). [#2131](https://github.com/terrastruct/d2/issues/2131)
-- d2compiler:
+- Compiler:
     - `link`s can be set to root path, e.g. `/xyz`. [#2357](https://github.com/terrastruct/d2/issues/2357)
+- Parser:
+    - impose max key length. It's almost certainly a mistake if an ID gets too long, e.g. missing quotes [#2465](https://github.com/terrastruct/d2/pull/2465)
+- Render:
+    - horizontal padding added for connection labels [#2461](https://github.com/terrastruct/d2/pull/2461)
 
 #### Bugfixes ⛑️
 
@@ -26,7 +30,14 @@
   - fixes panic when comment lines appear in arrays [#2378](https://github.com/terrastruct/d2/pull/2378)
   - fixes inconsistencies when objects were double quoted [#2390](https://github.com/terrastruct/d2/pull/2390)
   - fixes globs not applying to spread substitutions [#2426](https://github.com/terrastruct/d2/issues/2426)
+  - fixes panic when classes were mixed with layers incorrectly [#2448](https://github.com/terrastruct/d2/pull/2448)
+- Formatter:
+  - fixes substitutions in quotes surrounded by text [#2462](https://github.com/terrastruct/d2/pull/2462)
 - CLI: fetch and render remote images of mimetype octet-stream correctly [#2370](https://github.com/terrastruct/d2/pull/2370)
+- Composition:
+    - spread importing scenarios/steps was not inheriting correctly [#2460](https://github.com/terrastruct/d2/pull/2460)
+    - imported fields were not merging with current fields/edges [#2464](https://github.com/terrastruct/d2/pull/2464)
+- Markdown: fixes nested var substitutions not working [#2456](https://github.com/terrastruct/d2/pull/2456)
 - d2js: handle unicode characters [#2393](https://github.com/terrastruct/d2/pull/2393)
 
 ---

d2compiler/compile_test.go

@@ -328,7 +328,7 @@ containers: {
   Steps
 }
 `,
-			expErr: `d2/testdata/d2compiler/TestCompile/image_children_Steps.d2:4:3: steps is only allowed at a board root`,
+			expErr: `d2/testdata/d2compiler/TestCompile/image_children_Steps.d2:4:3: steps must be declared at a board root scope`,
 		},
 		{
 			name: "name-with-dot-underscore",
@@ -1714,6 +1714,142 @@ steps: {
 				assert.Equal(t, 1, len(g.Layers[0].Steps))
 			},
 		},
+		{
+			name: "import-connections",
+
+			text: `b.c -> b.d
+
+b: @imp
+`,
+			files: map[string]string{
+				"imp.d2": `
+c
+d
+d -> c
+`,
+			},
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				assert.Equal(t, 2, len(g.Edges))
+			},
+		},
+		{
+			name: "import-style-1",
+
+			text: `b.c.style.fill: red
+
+b: @imp
+`,
+			files: map[string]string{
+				"imp.d2": `c`,
+			},
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				assert.Equal(t, 2, len(g.Objects))
+				assert.Equal(t, "c", g.Objects[1].Label.Value)
+				assert.Equal(t, "red", g.Objects[1].Style.Fill.Value)
+			},
+		},
+		{
+			name: "import-style-2",
+
+			text: `b.k.c.style.fill: red
+
+b: @imp
+`,
+			files: map[string]string{
+				"imp.d2": `
+k: {
+  c
+}
+`,
+			},
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				assert.Equal(t, "c", g.Objects[2].Label.Value)
+				assert.Equal(t, "red", g.Objects[2].Style.Fill.Value)
+			},
+		},
+		{
+			name: "import-scenario",
+
+			text: `a
+
+...@test
+`,
+			files: map[string]string{
+				"test.d2": `
+x
+
+scenarios: {
+  production: {
+    x.tooltip: foo
+  }
+}
+
+`,
+			},
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				assert.Equal(t, 2, len(g.Scenarios[0].Objects))
+			},
+		},
+		{
+			name: "import-steps",
+
+			text: `a
+
+...@test
+`,
+			files: map[string]string{
+				"test.d2": `
+x
+
+steps: {
+  1: {
+    x.tooltip: foo
+  }
+  2: {
+    x.tooltip: do
+  }
+}
+`,
+			},
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				assert.Equal(t, 2, len(g.Steps[0].Objects))
+				assert.Equal(t, 2, len(g.Steps[1].Objects))
+			},
+		},
+		{
+			name: "import-classes-boards",
+
+			text: `classes: {
+  a: {
+		label: hi
+  }
+}
+
+layers: {
+  asdf: {
+    qwer: {
+      layers: {
+        ok: {
+          bok
+				}
+      }
+    }
+  }
+  wert: {
+    classes: @classes
+  }
+}
+
+`,
+			files: map[string]string{
+				"classes.d2": `
+c: {
+	label: bye
+}
+`,
+			},
+			expErr: `d2/testdata/d2compiler/TestCompile/import-classes-boards.d2:10:7: layers must be declared at a board root scope`,
+		},
 		{
 			name: "import_url_link",
 
@@ -3224,6 +3360,22 @@ x: |md
 				tassert.True(t, strings.Contains(g.Objects[0].Attributes.Label.Value, "bye ${v}"))
 			},
 		},
+		{
+			name: "var_nested_in_markdown",
+			text: `vars: {
+  v: {
+		g: ok
+  }
+}
+
+x: |md
+  m${v.g}y
+|
+`,
+			assertions: func(t *testing.T, g *d2graph.Graph) {
+				tassert.True(t, strings.Contains(g.Objects[0].Attributes.Label.Value, "moky"))
+			},
+		},
 		{
 			name: "var_in_vars",
 			text: `vars: {

d2format/format.go

@@ -127,7 +127,7 @@ func (p *printer) blockComment(bc *d2ast.BlockComment) {
 }
 
 func (p *printer) interpolationBoxes(boxes []d2ast.InterpolationBox, isDoubleString bool) {
-	for _, b := range boxes {
+	for i, b := range boxes {
 		if b.Substitution != nil {
 			p.substitution(b.Substitution)
 			continue
@@ -140,6 +140,11 @@ func (p *printer) interpolationBoxes(boxes []d2ast.InterpolationBox, isDoubleStr
 				s = escapeUnquotedValue(*b.String, p.inKey)
 			}
 			b.StringRaw = &s
+		} else if i > 0 && boxes[i-1].Substitution != nil {
+			// If this string follows a substitution, we need to make sure to use
+			// the actual string content, not the raw value which might be incorrect
+			s := *b.String
+			b.StringRaw = &s
 		}
 		if !isDoubleString {
 			if _, ok := d2ast.ReservedKeywords[strings.ToLower(*b.StringRaw)]; ok {

d2format/format_test.go

@@ -892,6 +892,19 @@ scenarios: {}
 steps: asdf
 `,
 			exp: `k
+`,
+		},
+		{
+			name: "vars",
+			in: `vars: {
+  a: "a"
+  b: "X${a})"
+}
+`,
+			exp: `vars: {
+  a: "a"
+  b: "X${a})"
+}
 `,
 		},
 	}

d2ir/compile.go

@@ -113,7 +113,7 @@ func (c *compiler) overlayClasses(m *Map) {
 		if lClasses == nil {
 			lClasses = classes.Copy(l).(*Field)
 			l.Fields = append(l.Fields, lClasses)
-		} else {
+		} else if lClasses.Map() != nil {
 			base := classes.Copy(l).(*Field)
 			OverlayMap(base.Map(), lClasses.Map())
 			l.DeleteField("classes")
@@ -380,6 +380,11 @@ func (c *compiler) collectVariables(vars *Map, variables map[string]string) {
 		if f.Primary() != nil {
 			variables[f.Name.ScalarString()] = f.Primary().Value.ScalarString()
 		} else if f.Map() != nil {
+			nestedVars := make(map[string]string)
+			c.collectVariables(f.Map(), nestedVars)
+			for k, v := range nestedVars {
+				variables[f.Name.ScalarString()+"."+k] = v
+			}
 			c.collectVariables(f.Map(), variables)
 		}
 	}
@@ -599,6 +604,20 @@ func (c *compiler) compileMap(dst *Map, ast, scopeAST *d2ast.Map) {
 				c.ensureGlobContext(gctx2.refctx)
 			}
 
+			scenariosField := impn.Map().GetField(d2ast.FlatUnquotedString("scenarios"))
+			if scenariosField != nil && scenariosField.Map() != nil {
+				for _, sf := range scenariosField.Map().Fields {
+					c.overlay(dst, sf)
+				}
+			}
+
+			stepsField := impn.Map().GetField(d2ast.FlatUnquotedString("steps"))
+			if stepsField != nil && stepsField.Map() != nil {
+				for _, sf := range stepsField.Map().Fields {
+					c.overlay(dst, sf)
+				}
+			}
+
 			OverlayMap(dst, impn.Map())
 			impDir := n.Import.Dir()
 			c.extendLinks(dst, ParentField(dst), impDir)
@@ -1079,6 +1098,11 @@ func (c *compiler) _compileField(f *Field, refctx *RefContext) {
 			return
 		}
 		n.(Importable).SetImportAST(refctx.Key.Value.Import)
+		var existingEdges []*Edge
+		if f.Map() != nil {
+			existingEdges = f.Map().Edges
+		}
+		originalF := f.Copy(refctx.ScopeMap).(*Field)
 		switch n := n.(type) {
 		case *Field:
 			if n.Primary_ != nil {
@@ -1115,6 +1139,22 @@ func (c *compiler) _compileField(f *Field, refctx *RefContext) {
 				c.overlayClasses(f.Map())
 			}
 		}
+		OverlayField(f, originalF)
+		if existingEdges != nil && f.Map() != nil {
+			for _, edge := range existingEdges {
+				exists := false
+				for _, currentEdge := range f.Map().Edges {
+					if currentEdge.ID.Match(edge.ID) {
+						exists = true
+						break
+					}
+				}
+				if !exists {
+					f.Map().Edges = append(f.Map().Edges, edge)
+				}
+			}
+		}
+
 	} else if refctx.Key.Value.ScalarBox().Unbox() != nil {
 		if c.ignoreLazyGlob(f) {
 			return

d2ir/compile_test.go

@@ -593,7 +593,7 @@ classes: {
   }
 }
 `)
-				assert.ErrorString(t, err, `TestCompile/classes/nonroot.d2:2:3: classes is only allowed at a board root`)
+				assert.ErrorString(t, err, `TestCompile/classes/nonroot.d2:2:3: classes must be declared at a board root scope`)
 			},
 		},
 		{

d2ir/d2ir.go

@@ -942,11 +942,11 @@ func (m *Map) ensureField(i int, kp *d2ast.KeyPath, refctx *RefContext, create b
 	}
 
 	if headString == "classes" && head.IsUnquoted() && NodeBoardKind(m) == "" {
-		return d2parser.Errorf(kp.Path[i].Unbox(), "%s is only allowed at a board root", headString)
+		return d2parser.Errorf(kp.Path[i].Unbox(), "%s must be declared at a board root scope", headString)
 	}
 
 	if findBoardKeyword(head) != -1 && head.IsUnquoted() && NodeBoardKind(m) == "" {
-		return d2parser.Errorf(kp.Path[i].Unbox(), "%s is only allowed at a board root", headString)
+		return d2parser.Errorf(kp.Path[i].Unbox(), "%s must be declared at a board root scope", headString)
 	}
 
 	for _, f := range m.Fields {

d2js/js/package.json

@@ -44,8 +44,7 @@
     "test": "bun test test/unit",
     "test:integration": "bun test test/integration",
     "test:all": "bun run test && bun run test:integration",
-    "dev": "bun --watch dev-server.js",
-    "prepublishOnly": "NPM_VERSION= ./make.sh all"
+    "dev": "bun --watch dev-server.js"
   },
   "keywords": [
     "d2",

d2parser/parse.go

@@ -984,6 +984,14 @@ func (p *parser) parseKey() (k *d2ast.KeyPath) {
 			k = nil
 		} else {
 			k.Range.End = k.Path[len(k.Path)-1].Unbox().GetRange().End
+			for _, part := range k.Path {
+				if part.Unbox() != nil {
+					if len(part.Unbox().ScalarString()) > 518 {
+						p.errorf(k.Range.Start, k.Range.End, "key length %d exceeds maximum allowed length of 518", len(part.Unbox().ScalarString()))
+						break
+					}
+				}
+			}
 		}
 	}()
 

d2parser/parse_test.go

@@ -500,6 +500,15 @@ func testImport(t *testing.T) {
 				assert.ErrorString(t, err, "d2/testdata/d2parser/TestParse/import/#09.d2:1:7: unquoted strings cannot begin with ...@ as that's import spread syntax")
 			},
 		},
+		{
+			text: `gcloud: {
+  icon: data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAjVBMVEVChfT///89fOM3gPTk7P0+g/R0oPaKr+0rc+E0d+I5euNYjObt9P1lmiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAABORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAjVBMVEVChfT///89fOM3gPTk7P0+g/R0oPaKr+0rc+E0d+I5euNYjObt9P1lmiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAABORw0KGgoAAAANSUhEUgAAAMwAAADACAMAAAB/Pny7AAAAjVBMVEVChfT///89fOM3gPTk7P0+g/R0oPaKr+0rc+E0d+I5euNYjObt9P1lmiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAAiVBORw0KGgoAAAANSUhEUgAAA
+}
+`,
+			assert: func(t testing.TB, ast *d2ast.Map, err error) {
+				assert.ErrorString(t, err, "d2/testdata/d2parser/TestParse/import/#10.d2:2:24: key length 555 exceeds maximum allowed length of 518")
+			},
+		},
 	}
 
 	runa(t, tca)

d2renderers/d2sketch/testdata/basic/sketch.exp.svg

@@ -103,6 +103,6 @@
 </pattern>
 </defs><g class="YQ=="><g class="shape" ><path d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="54.000000" height="66.000000" transform="translate(1.000000 0.000000)" class=" sketch-overlay-B6" /></g><text x="28.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><path d="M-1.600310 -0.578379 L56.045551 1.811030 L55.253697 64.234072 L0.925556 67.532483" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.680493 0.940249, 21.440370 -1.953087, 54.206405 0.392335 M-0.648665 0.264598 C12.613806 0.338812, 24.435100 -0.230860, 54.419625 0.752815 M56.536704 -1.749433 C55.489431 15.585410, 56.180967 27.069513, 56.390547 65.130645 M55.297677 -0.799274 C55.657560 16.854002, 54.681091 35.455552, 55.406876 66.352243 M56.052801 65.786559 C44.168442 66.895156, 29.592434 66.351631, 1.836456 65.596476 M54.056573 65.856267 C34.236934 66.389723, 14.445538 66.118259, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="55.000000" height="66.000000" transform="translate(0.000000 166.000000)" class=" sketch-overlay-B6" /></g><text x="27.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-578270105-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M26.500044 67.170064 M26.500044 67.170064 C27.981942 105.840123, 28.081585 125.719938, 27.702656 162.428631 M25.634962 66.773267 C27.214643 106.539644, 26.689168 126.330748, 27.745209 161.016898" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-578270105)" /><path d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" stroke="none" class="connection fill-B1" style="stroke-width:0;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /> <path d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" fill="none" class="connection stroke-B1" style="stroke-width:2;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /></g><mask id="d2-578270105" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="434">
 <rect x="-101" y="-101" width="257" height="434" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="188.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2sketch/testdata/basic_dark/sketch.exp.svg

@@ -100,6 +100,6 @@
 </pattern>
 </defs><g class="YQ=="><g class="shape" ><path d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="54.000000" height="66.000000" transform="translate(1.000000 0.000000)" class=" sketch-overlay-B6" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><path d="M-1.600310 -0.578379 L56.045551 1.811030 L55.253697 64.234072 L0.925556 67.532483" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.680493 0.940249, 21.440370 -1.953087, 54.206405 0.392335 M-0.648665 0.264598 C12.613806 0.338812, 24.435100 -0.230860, 54.419625 0.752815 M56.536704 -1.749433 C55.489431 15.585410, 56.180967 27.069513, 56.390547 65.130645 M55.297677 -0.799274 C55.657560 16.854002, 54.681091 35.455552, 55.406876 66.352243 M56.052801 65.786559 C44.168442 66.895156, 29.592434 66.351631, 1.836456 65.596476 M54.056573 65.856267 C34.236934 66.389723, 14.445538 66.118259, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="55.000000" height="66.000000" transform="translate(0.000000 166.000000)" class=" sketch-overlay-B6" /></g><text x="27.500000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-546117263-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M26.500044 67.170064 M26.500044 67.170064 C27.981942 105.840123, 28.081585 125.719938, 27.702656 162.428631 M25.634962 66.773267 C27.214643 106.539644, 26.689168 126.330748, 27.745209 161.016898" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-546117263)" /><path d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" stroke="none" class="connection fill-B1" style="stroke-width:0;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /> <path d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" fill="none" class="connection stroke-B1" style="stroke-width:2;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /></g><mask id="d2-546117263" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="434">
 <rect x="-101" y="-101" width="257" height="434" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="188.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2sketch/testdata/connection_label/sketch.exp.svg

@@ -110,7 +110,7 @@
 </pattern>
 </defs><g class="YQ=="><g class="shape" ><path d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="54.000000" height="66.000000" transform="translate(1.000000 0.000000)" class=" sketch-overlay-B6" /></g><text x="28.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><path d="M-1.600310 -0.578379 L56.045551 1.811030 L55.253697 64.234072 L0.925556 67.532483" transform="translate(0.000000 187.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.680493 0.940249, 21.440370 -1.953087, 54.206405 0.392335 M-0.648665 0.264598 C12.613806 0.338812, 24.435100 -0.230860, 54.419625 0.752815 M56.536704 -1.749433 C55.489431 15.585410, 56.180967 27.069513, 56.390547 65.130645 M55.297677 -0.799274 C55.657560 16.854002, 54.681091 35.455552, 55.406876 66.352243 M56.052801 65.786559 C44.168442 66.895156, 29.592434 66.351631, 1.836456 65.596476 M54.056573 65.856267 C34.236934 66.389723, 14.445538 66.118259, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(0.000000 187.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="55.000000" height="66.000000" transform="translate(0.000000 187.000000)" class=" sketch-overlay-B6" /></g><text x="27.500000" y="225.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-3513614925-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M26.500044 66.670064 M26.500044 66.670064 C27.981942 114.140126, 28.081585 138.419935, 27.702656 183.928631 M25.634962 66.273267 C27.214643 114.839647, 26.689168 139.030745, 27.745209 182.516898" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-3513614925)" /><path d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" stroke="none" class="connection fill-B1" style="stroke-width:0;" transform="translate(27.500000 183.500000) rotate(90.00000250447816)" /> <path d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" fill="none" class="connection stroke-B1" style="stroke-width:2;" transform="translate(27.500000 183.500000) rotate(90.00000250447816)" /><text x="28.000000" y="132.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-3513614925" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="455">
 <rect x="-101" y="-101" width="257" height="455" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="209.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="9.000000" y="116.000000" width="38" height="21" fill="black"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="209.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="7.000000" y="116.000000" width="42" height="21" fill="black"></rect>
 </mask></svg></svg>

d2renderers/d2sketch/testdata/connection_label_dark/sketch.exp.svg

@@ -107,7 +107,7 @@
 </pattern>
 </defs><g class="YQ=="><g class="shape" ><path d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="54.000000" height="66.000000" transform="translate(1.000000 0.000000)" class=" sketch-overlay-B6" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><path d="M-1.600310 -0.578379 L56.045551 1.811030 L55.253697 64.234072 L0.925556 67.532483" transform="translate(0.000000 187.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.680493 0.940249, 21.440370 -1.953087, 54.206405 0.392335 M-0.648665 0.264598 C12.613806 0.338812, 24.435100 -0.230860, 54.419625 0.752815 M56.536704 -1.749433 C55.489431 15.585410, 56.180967 27.069513, 56.390547 65.130645 M55.297677 -0.799274 C55.657560 16.854002, 54.681091 35.455552, 55.406876 66.352243 M56.052801 65.786559 C44.168442 66.895156, 29.592434 66.351631, 1.836456 65.596476 M54.056573 65.856267 C34.236934 66.389723, 14.445538 66.118259, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(0.000000 187.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="55.000000" height="66.000000" transform="translate(0.000000 187.000000)" class=" sketch-overlay-B6" /></g><text x="27.500000" y="225.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-836702883-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M26.500044 66.670064 M26.500044 66.670064 C27.981942 114.140126, 28.081585 138.419935, 27.702656 183.928631 M25.634962 66.273267 C27.214643 114.839647, 26.689168 139.030745, 27.745209 182.516898" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-836702883)" /><path d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" stroke="none" class="connection fill-B1" style="stroke-width:0;" transform="translate(27.500000 183.500000) rotate(90.00000250447816)" /> <path d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" fill="none" class="connection stroke-B1" style="stroke-width:2;" transform="translate(27.500000 183.500000) rotate(90.00000250447816)" /><text x="28.000000" y="132.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-836702883" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="455">
 <rect x="-101" y="-101" width="257" height="455" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="209.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="9.000000" y="116.000000" width="38" height="21" fill="black"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="209.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="7.000000" y="116.000000" width="42" height="21" fill="black"></rect>
 </mask></svg></svg>

d2renderers/d2sketch/testdata/dots-3d/sketch.exp.svg

@@ -140,6 +140,6 @@
 <rect x="129" y="-15" width="66" height="84" fill="white"></rect>
 <path d="M141,0L156,-7L182,-7L195,27L182,62L167,69L141,69L129,34L141,0L167,0L180,34L167,69M167,0L182,-7M180,34L195,27M167,69L182,62" style="stroke-width:2;;stroke:#000;fill:none;opacity:1;"/></mask></defs><polygon x="129.000000" y="0.000000" mask="url(#border-mask-d2-408372067-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="129.000000" y="0.000000" mask="url(#border-mask-d2-408372067-y)" points="141,0 167,0 180,34 167,69 141,69 129,34" class="dots-overlay" style="stroke-width:2;" /><polygon mask="url(#border-mask-d2-408372067-y)" points="156,-7 182,-7 195,27 182,62 167,69 180,34 167,0 141,0" fill="#CFD2DD" class=" fill-N4" style="stroke-width:2;" /><path d="M141,0 L156,-7 L182,-7 L195,27 L182,62 L167,69 L141,69 L129,34 L141,0 L167,0 L180,34 L167,69 M167,0 L182,-7 M180,34 L195,27 M167,69 L182,62" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="154.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-408372067" maskUnits="userSpaceOnUse" x="-101" y="-115" width="398" height="285">
 <rect x="-101" y="-115" width="398" height="285" fill="white"></rect>
-<rect x="22.500000" y="24.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="150.000000" y="24.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="24.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="148.000000" y="24.000000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2sketch/testdata/long_arrowhead_label/sketch.exp.svg

@@ -110,6 +110,6 @@
 </pattern>
 </defs><g class="YQ=="><g class="shape" ><path d="M-1.600310 -0.578379 L55.045551 1.811030 L54.253697 64.234072 L0.925556 67.532483" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.480488 0.944302, 21.040361 -1.949033, 53.206405 0.392335 M-0.648665 0.264598 C12.392454 0.347446, 23.992396 -0.222226, 53.419625 0.752815 M55.536704 -1.749433 C54.489431 15.585410, 55.180967 27.069513, 55.390547 65.130645 M54.297677 -0.799274 C54.657560 16.854002, 53.681091 35.455552, 54.406876 66.352243 M55.052801 65.786559 C43.384114 66.875371, 29.023779 66.331846, 1.836456 65.596476 M53.056573 65.856267 C33.612847 66.387434, 14.197363 66.115970, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(1.000000 0.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="54.000000" height="66.000000" transform="translate(1.000000 0.000000)" class=" sketch-overlay-B6" /></g><text x="28.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><path d="M-1.600310 -0.578379 L56.045551 1.811030 L55.253697 64.234072 L0.925556 67.532483" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><path d="M0.857263 0.963884 C10.680493 0.940249, 21.440370 -1.953087, 54.206405 0.392335 M-0.648665 0.264598 C12.613806 0.338812, 24.435100 -0.230860, 54.419625 0.752815 M56.536704 -1.749433 C55.489431 15.585410, 56.180967 27.069513, 56.390547 65.130645 M55.297677 -0.799274 C55.657560 16.854002, 54.681091 35.455552, 55.406876 66.352243 M56.052801 65.786559 C44.168442 66.895156, 29.592434 66.351631, 1.836456 65.596476 M54.056573 65.856267 C34.236934 66.389723, 14.445538 66.118259, 0.938949 66.041844 M-0.720604 65.718532 C0.302797 45.542204, -1.429636 28.321166, 0.591800 -1.206080 M0.217956 66.998223 C-1.587850 41.337487, -1.081795 17.082362, 0.440740 0.988030" transform="translate(0.000000 166.000000)" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /><rect width="55.000000" height="66.000000" transform="translate(0.000000 166.000000)" class=" sketch-overlay-B6" /></g><text x="27.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4131608892-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M26.500044 67.170064 M26.500044 67.170064 C27.981942 105.840123, 28.081585 125.719938, 27.702656 162.428631 M25.634962 66.773267 C27.214643 106.539644, 26.689168 126.330748, 27.745209 161.016898" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-4131608892)" /><path d="M-8.527627 -3.097061 L1.749550 0.558791 L-8.562935 4.521533" stroke="none" class="connection fill-B1" style="stroke-width:0;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /> <path d="M-10.153731 -4.038897 C-7.293657 -2.964754, -5.552453 -3.126871, 0.222305 -0.654474 M-10.160117 -4.253535 C-7.616436 -2.677663, -5.569656 -2.320404, -0.086565 0.272291 M0.578048 -0.807164 C-2.240460 1.133634, -3.845699 1.135504, -9.579367 4.140709 M-0.217907 -0.322328 C-3.660571 0.941126, -7.003142 2.167050, -10.100296 3.840861 M-9.957758 4.629247 C-9.937438 2.794817, -10.508655 0.509238, -9.330834 -3.522818 M-10.354741 4.285014 C-9.712366 0.996453, -9.805329 -1.235319, -9.648840 -4.366524" fill="none" class="connection stroke-B1" style="stroke-width:2;" transform="translate(27.500000 162.000000) rotate(90.00000250447816)" /><text x="255.500000" y="156.000000" fill="#0A0F25" class="text-italic fill-N1" style="text-anchor:middle;font-size:16px">a to b with unexpectedly long target arrowhead label</text></g><mask id="d2-4131608892" maskUnits="userSpaceOnUse" x="-101" y="-101" width="676" height="434">
 <rect x="-101" y="-101" width="676" height="434" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="188.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2svg/appendix/testdata/internal-links/sketch.exp.svg

@@ -94,7 +94,7 @@
 		.d2-1308436021 .color-AB4{color:#EDF0FD;}
 		.d2-1308436021 .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-d2-1308436021);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1308436021);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1308436021);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1308436021);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1308436021);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1308436021);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1308436021);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1308436021);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="root.layers.x" xlink:href="root.layers.x"><g class="eA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><g transform="translate(37 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><mask id="d2-1308436021" maskUnits="userSpaceOnUse" x="-101" y="-118" width="272" height="285">
 <rect x="-101" y="-118" width="272" height="285" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="111.000000" y1="117.000000" y2="117.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="67" width="72" height="100%"><g transform="translate(0 167)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="172" style="font-size: 16px;">x</text></g>
 <style type="text/css"><![CDATA[
 .text {

d2renderers/d2svg/appendix/testdata/links/sketch.exp.svg

@@ -94,8 +94,8 @@
 		.d2-4260260088 .color-AB4{color:#EDF0FD;}
 		.d2-4260260088 .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-d2-4260260088);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4260260088);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4260260088);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4260260088);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4260260088);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4260260088);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4260260088);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4260260088);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://terrastruct.com" xlink:href="https://terrastruct.com"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-4260260088-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4260260088-3488378134)" mask="url(#d2-4260260088)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-4260260088" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
 <rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
-<rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="53.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="52.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="423.000000" y1="283.000000" y2="283.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="233" width="137" height="100%"><g transform="translate(0 333)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="338" style="font-size: 16px;">https://d2lang.com</text>
 <g transform="translate(0 385)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">2</text></g><text class="text" x="48" y="390" style="font-size: 16px;"><tspan x="48.000000" dy="0.000000">Gee, I feel kind of LIGHT in the head now,</tspan><tspan x="48.000000" dy="18.500000">knowing I can&#39;t make my satellite dish PAYMENTS!</tspan></text>
 <g transform="translate(0 442)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">3</text></g><text class="text" x="48" y="447" style="font-size: 16px;">https://terrastruct.com</text></g>

d2renderers/d2svg/appendix/testdata/links_dark/sketch.exp.svg

@@ -94,8 +94,8 @@
 		.d2-1542907692 .color-AB4{color:#45475A;}
 		.d2-1542907692 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-1542907692);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-1542907692);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1542907692);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-1542907692);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-1542907692);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><a href="https://d2lang.com" xlink:href="https://d2lang.com"><g class="eA=="><g class="shape" ><rect x="33.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g></a><a href="https://fosny.eu" xlink:href="https://fosny.eu"><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="118.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="59.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g></a><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1542907692-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 59.000000 68.000000 C 59.000000 106.000000 59.000000 126.000000 59.000000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1542907692-3488378134)" mask="url(#d2-1542907692)" /></g><g transform="translate(70 -16)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(102 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><g transform="translate(70 150)" class="appendix-icon"><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">3</text></g><mask id="d2-1542907692" maskUnits="userSpaceOnUse" x="-101" y="-118" width="337" height="451">
 <rect x="-101" y="-118" width="337" height="451" fill="white"></rect>
-<rect x="55.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="54.500000" y="188.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="53.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="52.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="423.000000" y1="283.000000" y2="283.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="233" width="137" height="100%"><g transform="translate(0 333)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="338" style="font-size: 16px;">https://d2lang.com</text>
 <g transform="translate(0 385)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">2</text></g><text class="text" x="48" y="390" style="font-size: 16px;"><tspan x="48.000000" dy="0.000000">Gee, I feel kind of LIGHT in the head now,</tspan><tspan x="48.000000" dy="18.500000">knowing I can&#39;t make my satellite dish PAYMENTS!</tspan></text>
 <g transform="translate(0 442)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">3</text></g><text class="text" x="48" y="447" style="font-size: 16px;">https://fosny.eu</text></g>

d2renderers/d2svg/appendix/testdata/tooltip_fill/sketch.exp.svg

@@ -94,8 +94,8 @@
 		.d2-324525658 .color-AB4{color:#EDF0FD;}
 		.d2-324525658 .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-d2-324525658);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-324525658);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-324525658);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-324525658);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-324525658);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-324525658);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-324525658);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-324525658);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-324525658-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-324525658-3488378134)" mask="url(#d2-324525658)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-324525658" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
 <rect x="-101" y="-118" width="273" height="451" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="424.000000" y1="283.000000" y2="283.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="233" width="73" height="100%"><g transform="translate(0 333)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="338" style="font-size: 16px;">Total abstinence is easier than perfect moderation</text>
 <g transform="translate(0 385)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">2</text></g><text class="text" x="48" y="390" style="font-size: 16px;"><tspan x="48.000000" dy="0.000000">Gee, I feel kind of LIGHT in the head now,</tspan><tspan x="48.000000" dy="18.500000">knowing I can&#39;t make my satellite dish PAYMENTS!</tspan></text></g>
 <style type="text/css"><![CDATA[

d2renderers/d2svg/appendix/testdata/tooltip_wider_than_diagram/sketch.exp.svg

@@ -94,8 +94,8 @@
 		.d2-823506279 .color-AB4{color:#EDF0FD;}
 		.d2-823506279 .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-d2-823506279);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-823506279);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-823506279);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-823506279);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-823506279);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-823506279);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-823506279);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-823506279);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text><title>Total abstinence is easier than perfect moderation</title></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-823506279-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-823506279-3488378134)" mask="url(#d2-823506279)" /></g><g transform="translate(38 -16)" class="appendix-icon"><title>Total abstinence is easier than perfect moderation</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">1</text></g><g transform="translate(38 150)" class="appendix-icon"><title>Gee, I feel kind of LIGHT in the head now,&#xA;knowing I can&#39;t make my satellite dish PAYMENTS!</title><circle cx="16" cy="16" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="21" style="font-size: 16px;text-anchor:middle;">2</text></g><mask id="d2-823506279" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="451">
 <rect x="-101" y="-118" width="273" height="451" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask><line x1="-41.000000" x2="424.000000" y1="283.000000" y2="283.000000" class=" stroke-B2" /><g class="appendix" x="-1" y="233" width="73" height="100%"><g transform="translate(0 333)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">1</text></g><text class="text" x="48" y="338" style="font-size: 16px;">Total abstinence is easier than perfect moderation</text>
 <g transform="translate(0 385)" class="appendix-icon"><circle cx="16" cy="0" r="16" fill="white" stroke="#DEE1EB" /><text class="text-bold" x="16" y="5" style="font-size: 16px;text-anchor:middle;">2</text></g><text class="text" x="48" y="390" style="font-size: 16px;"><tspan x="48.000000" dy="0.000000">Gee, I feel kind of LIGHT in the head now,</tspan><tspan x="48.000000" dy="18.500000">knowing I can&#39;t make my satellite dish PAYMENTS!</tspan></text></g>
 <style type="text/css"><![CDATA[

d2renderers/d2svg/d2svg.go

@@ -804,8 +804,8 @@ func makeLabelMask(labelTL *geo.Point, width, height int, opacity float64) strin
 		fill = fmt.Sprintf("rgba(0,0,0,%.2f)", opacity)
 	}
 	return fmt.Sprintf(`<rect x="%f" y="%f" width="%d" height="%d" fill="%s"></rect>`,
-		labelTL.X, labelTL.Y,
-		width,
+		labelTL.X-2, labelTL.Y,
+		width+4,
 		height,
 		fill,
 	)

d2renderers/d2svg/dark_theme/testdata/basic/dark_theme.exp.svg

@@ -91,6 +91,6 @@
 		.d2-3098357730 .color-AB4{color:#45475A;}
 		.d2-3098357730 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-3098357730);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-3098357730);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3098357730);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-3098357730);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-3098357730);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-3098357730-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 68.000000 C 27.500000 106.000000 27.500000 126.000000 27.500000 162.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3098357730-3488378134)" mask="url(#d2-3098357730)" /></g><mask id="d2-3098357730" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="434">
 <rect x="-101" y="-101" width="257" height="434" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="188.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/child_to_child/dark_theme.exp.svg

@@ -98,8 +98,8 @@
 		.d2-3232990914 .color-AB4{color:#45475A;}
 		.d2-3232990914 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-3232990914);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-3232990914);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3232990914);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-3232990914);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-3232990914);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="d2ludGVy"><g class="shape" ><rect x="10.000000" y="20.000000" width="148.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.000000" y="7.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">winter</text></g><g class="c3VtbWVy"><g class="shape" ><rect x="17.000000" y="286.000000" width="135.000000" height="126.000000" stroke="#CBA6f7" fill="#585B70" class=" stroke-B1 fill-B4" style="stroke-width:2;" /></g><text x="84.500000" y="273.000000" fill="#CDD6F4" class="text fill-N1" style="text-anchor:middle;font-size:28px">summer</text></g><g class="d2ludGVyLnNub3c="><g class="shape" ><rect x="40.000000" y="50.000000" width="88.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.000000" y="88.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">snow</text></g><g class="c3VtbWVyLnN1bg=="><g class="shape" ><rect x="47.000000" y="316.000000" width="75.000000" height="66.000000" stroke="#CBA6f7" fill="#45475A" class=" stroke-B1 fill-B5" style="stroke-width:2;" /></g><text x="84.500000" y="354.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">sun</text></g><g class="KHdpbnRlci5zbm93IC0mZ3Q7IHN1bW1lci5zdW4pWzBd"><marker id="mk-d2-3232990914-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 84.000000 118.000000 C 84.000000 156.000000 84.000000 176.000000 84.000000 191.000000 C 84.000000 206.000000 84.000000 276.000000 84.000000 312.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3232990914-3488378134)" mask="url(#d2-3232990914)" /></g><mask id="d2-3232990914" maskUnits="userSpaceOnUse" x="-91" y="-121" width="350" height="634">
 <rect x="-91" y="-121" width="350" height="634" fill="white"></rect>
-<rect x="38.500000" y="-21.000000" width="91" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="31.000000" y="245.000000" width="107" height="36" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="62.500000" y="72.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="69.500000" y="338.500000" width="30" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="36.500000" y="-21.000000" width="95" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="29.000000" y="245.000000" width="111" height="36" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="60.500000" y="72.500000" width="47" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="67.500000" y="338.500000" width="34" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/code/dark_theme.exp.svg

@@ -849,7 +849,7 @@
 </tspan></text><text class="text-mono" x="0" y="3.600000em"><tspan fill="#cdd6f4"></tspan><tspan fill="#cdd6f4">}</tspan></text></g></g></g><g class="dGV4dA=="><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="355.000000" y="27.000000" width="428" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md color-N1"><p>Five is a sufficiently close approximation to infinity.</p>
 </div></foreignObject></g></g><g class="dW5rbm93bg=="><g class="shape" ></g><g transform="translate(0.000000 178.000000)" class="light-code"><rect width="429.000000" height="37.000000" stroke="#CDD6F4" class="shape stroke-N1" style="fill:#ffffff;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em">Don't&#160;hit&#160;me!!&#160;&#160;I'm&#160;in&#160;the&#160;Twilight&#160;Zone!!!</text></g></g><g transform="translate(0.000000 178.000000)" class="dark-code"><rect width="429.000000" height="37.000000" stroke="#CDD6F4" class="shape stroke-N1" style="fill:#1e1e2e;stroke-width:2;" /><g transform="translate(8.000000 8.000000)"><text class="text-mono" x="0" y="1.000000em"><tspan fill="#cdd6f4">Don't&#160;hit&#160;me!!&#160;&#160;I'm&#160;in&#160;the&#160;Twilight&#160;Zone!!!</tspan></text></g></g></g><g class="KGNvZGUgLS0gdW5rbm93bilbMF0="><path d="M 214.500000 80.000000 C 214.500000 118.000000 214.500000 138.000000 214.500000 176.000000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" mask="url(#d2-41228547)" /></g><mask id="d2-41228547" maskUnits="userSpaceOnUse" x="-101" y="-101" width="985" height="417">
 <rect x="-101" y="-101" width="985" height="417" fill="white"></rect>
-<rect x="135.000000" y="0.000000" width="144" height="62" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="355.000000" y="27.000000" width="428" height="24" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="0.000000" y="178.000000" width="413" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="133.000000" y="0.000000" width="148" height="62" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="353.000000" y="27.000000" width="432" height="24" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-2.000000" y="178.000000" width="417" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/connection_label/dark_theme.exp.svg

@@ -98,7 +98,7 @@
 		.d2-2403116894 .color-AB4{color:#45475A;}
 		.d2-2403116894 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-2403116894);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-2403116894);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2403116894);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-2403116894);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-2403116894);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YQ=="><g class="shape" ><rect x="1.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="28.000000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="187.000000" width="55.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="225.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-2403116894-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 27.500000 67.500000 C 27.500000 114.300003 27.500000 138.699997 27.500000 183.500000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-2403116894-3488378134)" mask="url(#d2-2403116894)" /><text x="28.000000" y="132.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-2403116894" maskUnits="userSpaceOnUse" x="-101" y="-101" width="257" height="455">
 <rect x="-101" y="-101" width="257" height="455" fill="white"></rect>
-<rect x="23.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="209.500000" width="10" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="9.000000" y="116.000000" width="38" height="21" fill="black"></rect>
+<rect x="21.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="209.500000" width="14" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="7.000000" y="116.000000" width="42" height="21" fill="black"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/opacity/dark_theme.exp.svg

@@ -845,8 +845,8 @@
 </style><g class="eA==" style='opacity:0.400000'><g class="shape" ><rect x="181.000000" y="3.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="208.000000" y="41.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ==" style='opacity:0.400000'><g class="shape" ></g><g><foreignObject requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" x="295.000000" y="24.000000" width="382" height="24"><div xmlns="http://www.w3.org/1999/xhtml" class="md color-N1"><p>linux: because a PC is a terrible thing to waste</p>
 </div></foreignObject></g></g><g class="YQ=="><g class="shape" ><rect x="181.000000" y="209.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="208.000000" y="247.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="dXNlcnM=" style='opacity:0.400000'><g class="shape" ><rect x="737.000000" y="0.000000" width="240.000000" height="72.000000" stroke="#CDD6F4" fill="#1E1E2E" class="shape stroke-N1 fill-N7" style="stroke-width:2;" /><rect x="737.000000" y="0.000000" width="240.000000" height="36.000000" fill="#CDD6F4" class="class_header fill-N1" /><text x="747.000000" y="25.750000" fill="#1E1E2E" class="text fill-N7" style="text-anchor:start;font-size:24px">users</text><text x="747.000000" y="59.000000" fill="#CBA6f7" class="text fill-B2" style="text-anchor:start;font-size:20px">last_login</text><text x="869.000000" y="59.000000" fill="#BAC2DE" class="text fill-N2" style="text-anchor:start;font-size:20px">datetime</text><text x="967.000000" y="59.000000" fill="#f38BA8" class="text fill-AA2" style="text-anchor:end;font-size:20px" /><line x1="737.000000" x2="977.000000" y1="72.000000" y2="72.000000" stroke="#CDD6F4" class=" stroke-N1" style="stroke-width:2" /></g></g><g class="KHggLSZndDsgYSlbMF0=" style='opacity:0.400000'><marker id="mk-d2-3335880637-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" fill="#CBA6f7" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 208.000000 70.500000 C 208.000000 126.099998 208.000000 154.300003 208.000000 205.500000" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3335880637-3488378134)" mask="url(#d2-3335880637)" /><text x="208.000000" y="137.000000" fill="#BAC2DE" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px"><tspan x="208.000000" dy="0.000000">You don&#39;t have to know how the computer works,</tspan><tspan x="208.000000" dy="18.500000">just how to work the computer.</tspan></text></g><mask id="d2-3335880637" maskUnits="userSpaceOnUse" x="-100" y="-101" width="1178" height="477">
 <rect x="-100" y="-101" width="1178" height="477" fill="white"></rect>
-<rect x="203.500000" y="25.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="295.000000" y="24.000000" width="382" height="24" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="203.500000" y="231.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="0.000000" y="121.000000" width="416" height="37" fill="black"></rect>
+<rect x="201.500000" y="25.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="293.000000" y="24.000000" width="386" height="24" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="201.500000" y="231.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-2.000000" y="121.000000" width="420" height="37" fill="black"></rect>
 </mask></svg></svg>

d2renderers/d2svg/dark_theme/testdata/overlay/dark_theme.exp.svg

@@ -91,8 +91,8 @@
 		.d2-4013249291 .color-AB4{color:#45475A;}
 		.d2-4013249291 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-4013249291);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-4013249291);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4013249291);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-4013249291);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-4013249291);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="YnJpZ2h0"><g class="shape" ><rect x="0.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#000" fill="#fff" style="stroke-width:2;" /></g><text x="47.000000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">bright</text></g><g class="bm9ybWFs"><g class="shape" ><rect x="154.000000" y="0.000000" width="101.000000" height="66.000000" stroke="#000" fill="#ccc" style="stroke-width:2;" /></g><text x="204.500000" y="38.500000" fill="#000" class="text-bold" style="text-anchor:middle;font-size:16px">normal</text></g><g class="ZGFyaw=="><g class="shape" ><rect x="315.000000" y="0.000000" width="82.000000" height="66.000000" stroke="#000" fill="#555" style="stroke-width:2;" /></g><text x="356.000000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">dark</text></g><g class="ZGFya2Vy"><g class="shape" ><rect x="457.000000" y="0.000000" width="99.000000" height="66.000000" stroke="#000" fill="#000" style="stroke-width:2;" /></g><text x="506.500000" y="38.500000" fill="#fff" class="text-bold" style="text-anchor:middle;font-size:16px">darker</text></g><mask id="d2-4013249291" maskUnits="userSpaceOnUse" x="-101" y="-101" width="758" height="268">
 <rect x="-101" y="-101" width="758" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="176.500000" y="22.500000" width="56" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="337.500000" y="22.500000" width="37" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="479.500000" y="22.500000" width="54" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="53" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="174.500000" y="22.500000" width="60" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="335.500000" y="22.500000" width="41" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="477.500000" y="22.500000" width="58" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/abspath.exp.svg

@@ -91,6 +91,6 @@
 		.d2-3671284423 .color-AB4{color:#EDF0FD;}
 		.d2-3671284423 .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-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3671284423-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3671284423-3488378134)" mask="url(#d2-3671284423)" /></g><mask id="d2-3671284423" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/animation.exp.svg

@@ -870,20 +870,20 @@
 		}
 }]]></style><g style="animation: d2Transition-d2-2144186222-0 5600ms infinite" class="d2-2144186222 " width="412" height="247" viewBox="-206 -166 412 247"><rect x="-206.000000" y="-166.000000" width="412.000000" height="247.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="0.000000" y="-30.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><mask id="d2-2144186222" maskUnits="userSpaceOnUse" x="-206" y="-166" width="412" height="247">
 <rect x="-206" y="-166" width="412" height="247" fill="white"></rect>
-<rect x="-105.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-107.000000" y="-65.000000" width="214" height="45" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-2144186222-1 5600ms infinite" class="d2-2144186222 " width="412" height="333" viewBox="-131 -166 412 333"><rect x="-131.000000" y="-166.000000" width="412.000000" height="333.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="75.000000" y="-30.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><mask id="d2-3183431198" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="333">
 <rect x="-131" y="-166" width="412" height="333" fill="white"></rect>
-<rect x="-30.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-32.000000" y="-65.000000" width="214" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="109" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-2144186222-2 5600ms infinite" class="d2-2144186222 " width="412" height="499" viewBox="-131 -166 412 499"><rect x="-131.000000" y="-166.000000" width="412.000000" height="499.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="75.000000" y="-30.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="150.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g class="Q3Jvc3Mgcm9hZA=="><g class="shape" ><rect x="15.000000" y="166.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="75.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g class="KEFwcHJvYWNoIHJvYWQgLSZndDsgQ3Jvc3Mgcm9hZClbMF0="><marker id="mk-d2-3189957917-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 75.000000 68.000000 C 75.000000 106.000000 75.000000 126.000000 75.000000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3189957917-3488378134)" mask="url(#d2-3189957917)" /></g><mask id="d2-3189957917" maskUnits="userSpaceOnUse" x="-131" y="-166" width="412" height="499">
 <rect x="-131" y="-166" width="412" height="499" fill="white"></rect>
-<rect x="-30.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="37.500000" y="188.500000" width="75" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-32.000000" y="-65.000000" width="214" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="109" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="35.500000" y="188.500000" width="79" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-2144186222-3 5600ms infinite" class="d2-2144186222 " width="412" height="665" viewBox="-104 -166 412 665"><rect x="-104.000000" y="-166.000000" width="412.000000" height="665.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="102.000000" y="-30.000000" fill="#0A0F25" class="text fill-N1" style="text-anchor:middle;font-size:35px">Chicken&#39;s plan</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="27.000000" y="0.000000" width="150.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Approach road</text></g><g class="Q3Jvc3Mgcm9hZA=="><g class="shape" ><rect x="42.000000" y="166.000000" width="120.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="102.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Cross road</text></g><g class="TWFrZSB5b3Ugd29uZGVyIHdoeQ=="><g class="shape" ><rect x="0.000000" y="332.000000" width="203.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="101.500000" y="370.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Make you wonder why</text></g><g class="KEFwcHJvYWNoIHJvYWQgLSZndDsgQ3Jvc3Mgcm9hZClbMF0="><marker id="mk-d2-3867206212-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 101.500000 68.000000 C 101.500000 106.000000 101.500000 126.000000 101.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3867206212-3488378134)" mask="url(#d2-3867206212)" /></g><g class="KENyb3NzIHJvYWQgLSZndDsgTWFrZSB5b3Ugd29uZGVyIHdoeSlbMF0="><path d="M 101.500000 234.000000 C 101.500000 272.000000 101.500000 292.000000 101.500000 328.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3867206212-3488378134)" mask="url(#d2-3867206212)" /></g><mask id="d2-3867206212" maskUnits="userSpaceOnUse" x="-104" y="-166" width="412" height="665">
 <rect x="-104" y="-166" width="412" height="665" fill="white"></rect>
-<rect x="-3.000000" y="-65.000000" width="210" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="49.500000" y="22.500000" width="105" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="64.500000" y="188.500000" width="75" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="354.500000" width="158" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-5.000000" y="-65.000000" width="214" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="47.500000" y="22.500000" width="109" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="62.500000" y="188.500000" width="79" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="354.500000" width="162" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x-y.exp.svg

@@ -91,5 +91,5 @@
 		.d2-190729158 .color-AB4{color:#EDF0FD;}
 		.d2-190729158 .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-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-190729158);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-190729158);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-190729158);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-190729158);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-190729158);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-190729158);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-190729158" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
 <rect x="-101" y="-101" width="290" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="47" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world-x.exp.svg

@@ -106,5 +106,5 @@
 </svg>
 </g><mask id="d2-3768389989" maskUnits="userSpaceOnUse" x="-101" y="-118" width="273" height="285">
 <rect x="-101" y="-118" width="273" height="285" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/board_import/hello-world.exp.svg

@@ -106,5 +106,5 @@
 </svg>
 </g><mask id="d2-1527978698" maskUnits="userSpaceOnUse" x="-101" y="-118" width="272" height="285">
 <rect x="-101" y="-118" width="272" height="285" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/center.exp.svg

@@ -91,6 +91,6 @@
 		.d2-3671284423 .color-AB4{color:#EDF0FD;}
 		.d2-3671284423 .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-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3671284423-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3671284423-3488378134)" mask="url(#d2-3671284423)" /></g><mask id="d2-3671284423" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/chain_icon_import.exp.svg

@@ -91,5 +91,5 @@
 		.d2-574527389 .color-AB4{color:#EDF0FD;}
 		.d2-574527389 .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-d2-574527389);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-574527389);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-574527389);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-574527389);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-574527389);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-574527389);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-574527389);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-574527389);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aGVsbG8= Ecs"><g class="shape" ><ellipse rx="67.000000" ry="67.000000" cx="67.000000" cy="67.000000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNzUgNzUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDp1cmwoI09yYW5nZUdyYWRpZW50KTt9LmNscy0ye2ZpbGw6I2ZmZjt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9Ik9yYW5nZUdyYWRpZW50IiB4MT0iMTU4LjA1IiB5MT0iLTExMy40MyIgeDI9IjE1OC4wNSIgeTI9IjM2LjU3IiBncmFkaWVudFRyYW5zZm9ybT0idHJhbnNsYXRlKDE3Ni40MyAxMjIuMDgpIHJvdGF0ZSgtMTM1KSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2M4NTExYiIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2Y5MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjx0aXRsZT5BbWF6b24tRWxhc3RpYy1Db250YWluZXItU2VydmljZTwvdGl0bGU+PGcgaWQ9IlJlZmVyZW5jZSI+PHJlY3QgaWQ9Ik9yYW5nZV9HcmFkaWVudCIgZGF0YS1uYW1lPSJPcmFuZ2UgR3JhZGllbnQiIGNsYXNzPSJjbHMtMSIgd2lkdGg9Ijc1IiBoZWlnaHQ9Ijc1Ii8+PGcgaWQ9Ikljb25fVGVzdCIgZGF0YS1uYW1lPSJJY29uIFRlc3QiPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTM3LjI5LDY0LjQ0YTEsMSwwLDAsMS0uNTMtLjE0TDE0LDUxLjE4YTEuMDYsMS4wNiwwLDAsMS0uNTMtLjkyVjIzLjY4YTEuMDYsMS4wNiwwLDAsMSwuNTMtLjkyTDM0LjkzLDEwLjdhMSwxLDAsMCwxLDEuNTcuOVYyMy4xMUExLjA1LDEuMDUsMCwwLDEsMzYsMjRsLTEwLjQ3LDZWNDMuOTRsMTEuNzksNi44MSwxMC4zMS02YTEsMSwwLDAsMSwxLDBsOS45Miw1LjdhMS4wNiwxLjA2LDAsMCwxLC41My45MiwxLDEsMCwwLDEtLjUzLjkxbC0yMC43NSwxMkExLDEsMCwwLDEsMzcuMjksNjQuNDRaTTE1LjUsNDkuNTQsMzcuODMsNjIuNDMsNTcsNTEuMzVsLTgtNC42MUwzOC4zNyw1Mi44OGExLjExLDEuMTEsMCwwLDEtMS4wOSwwTDI0LDQ1LjIyYTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjI5LjQ2YTEsMSwwLDAsMSwuNTMtLjkxbDEwLjQ3LTZWMTMuMzdsLTE5LDExWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTYwLjQ0LDQ5YTEuMTMsMS4xMywwLDAsMS0uNTMtLjE0TDUwLDQzLjEzYTEsMSwwLDAsMS0uNTMtLjkxVjMwLjExTDM5LDI0LjA3YTEuMDUsMS4wNSwwLDAsMS0uNTMtLjkxVjExLjY1YTEsMSwwLDAsMSwuNTItLjksMSwxLDAsMCwxLDEsMEw2MSwyMi44MmExLjA1LDEuMDUsMCwwLDEsLjUzLjkxVjQ3LjlhMS4wNiwxLjA2LDAsMCwxLS41My45MkExLjEsMS4xLDAsMCwxLDYwLjQ0LDQ5Wk01MS41LDQxLjU1bDgsNC42VjI0LjRsLTE5LTExdjkuMTNMNTEsMjguNjFhMSwxLDAsMCwxLC41My45MVoiLz48L2c+PC9nPjwvc3ZnPg==" x="43.500000" y="43.500000" width="47" height="47" /><text x="67.000000" y="41.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">hello</text></g><mask id="d2-574527389" maskUnits="userSpaceOnUse" x="-101" y="-101" width="336" height="336">
 <rect x="-101" y="-101" width="336" height="336" fill="white"></rect>
-<rect x="49.500000" y="25.000000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="47.500000" y="25.000000" width="39" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/chain_import.exp.svg

@@ -91,5 +91,5 @@
 		.d2-4185473760 .color-AB4{color:#EDF0FD;}
 		.d2-4185473760 .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-d2-4185473760);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4185473760);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4185473760);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4185473760);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4185473760);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4185473760);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4185473760);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4185473760);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWVvdw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="88.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="44.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">meow</text></g><mask id="d2-4185473760" maskUnits="userSpaceOnUse" x="-101" y="-101" width="290" height="268">
 <rect x="-101" y="-101" width="290" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="43" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="47" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/empty-base.exp.svg

@@ -118,19 +118,19 @@
 		}
 }]]></style><g style="animation: d2Transition-d2-1783895667-0 4200ms infinite" class="d2-1783895667 " width="255" height="434" viewBox="-101 -101 255 434"><rect x="-101.000000" y="-101.000000" width="255.000000" height="434.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-140202434-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-140202434-3488378134)" mask="url(#d2-140202434)" /></g><mask id="d2-140202434" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="434">
 <rect x="-101" y="-101" width="255" height="434" 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="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-1783895667-1 4200ms infinite" class="d2-1783895667 " width="368" height="600" viewBox="-101 -101 368 600"><rect x="-101.000000" y="-101.000000" width="368.000000" height="600.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="ZA=="><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g class="Yw=="><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-4017565856-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4017565856-3488378134)" mask="url(#d2-4017565856)" /></g><g class="KGIgLSZndDsgZClbMF0="><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4017565856-3488378134)" mask="url(#d2-4017565856)" /></g><g class="KGMgLSZndDsgZClbMF0="><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-4017565856-3488378134)" mask="url(#d2-4017565856)" /></g><mask id="d2-4017565856" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="600">
 <rect x="-101" y="-101" width="368" height="600" 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="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="78.500000" y="354.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="135.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="76.500000" y="354.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="133.500000" y="188.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-1783895667-2 4200ms infinite" class="d2-1783895667 " width="368" height="766" viewBox="-101 -101 368 766"><rect x="-101.000000" y="-101.000000" width="368.000000" height="766.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="YQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">a</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="166.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">b</text></g><g class="ZA=="><g class="shape" ><rect x="56.000000" y="332.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.000000" y="370.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><g class="Yw=="><g class="shape" ><rect x="113.000000" y="166.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="139.500000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g class="ZQ=="><g class="shape" ><rect x="57.000000" y="498.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="83.500000" y="536.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">e</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-489628264-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 26.500000 68.000000 C 26.500000 106.000000 26.500000 126.000000 26.500000 162.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-489628264-3488378134)" mask="url(#d2-489628264)" /></g><g class="KGIgLSZndDsgZClbMF0="><path d="M 26.500000 234.000000 C 26.500000 272.000000 33.299999 292.000000 58.250760 328.692294" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-489628264-3488378134)" mask="url(#d2-489628264)" /></g><g class="KGMgLSZndDsgZClbMF0="><path d="M 139.500000 234.000000 C 139.500000 272.000000 132.699997 292.000000 107.749240 328.692294" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-489628264-3488378134)" mask="url(#d2-489628264)" /></g><g class="KGQgLSZndDsgZSlbMF0="><path d="M 83.000000 400.000000 C 83.000000 438.000000 83.000000 458.000000 83.000000 494.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-489628264-3488378134)" mask="url(#d2-489628264)" /></g><mask id="d2-489628264" maskUnits="userSpaceOnUse" x="-101" y="-101" width="368" height="766">
 <rect x="-101" y="-101" width="368" height="766" 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="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="78.500000" y="354.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="135.500000" y="188.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="79.500000" y="520.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="76.500000" y="354.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="133.500000" y="188.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="77.500000" y="520.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/import.exp.svg

@@ -91,6 +91,6 @@
 		.d2-373309350 .color-AB4{color:#EDF0FD;}
 		.d2-373309350 .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-d2-373309350);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-373309350);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-373309350);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-373309350);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-373309350);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-373309350);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-373309350);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-373309350);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><ellipse rx="38.500000" ry="38.500000" cx="38.500000" cy="38.500000" stroke="#0D32B2" fill="#F7F8FE" class="shape stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.500000" y="44.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="6.000000" y="177.000000" width="66.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="39.000000" y="215.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-373309350-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 38.980001 78.999900 C 38.599998 117.000000 38.500000 137.000000 38.500000 173.000000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-373309350-3488378134)" mask="url(#d2-373309350)" /></g><mask id="d2-373309350" maskUnits="userSpaceOnUse" x="-101" y="-101" width="279" height="445">
 <rect x="-101" y="-101" width="279" height="445" fill="white"></rect>
-<rect x="34.500000" y="28.000000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="34.500000" y="199.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="32.500000" y="28.000000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="32.500000" y="199.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/import_icon_relative.exp.svg

@@ -91,6 +91,6 @@
 		.d2-3626184764 .color-AB4{color:#EDF0FD;}
 		.d2-3626184764 .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-d2-3626184764);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3626184764);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3626184764);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3626184764);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3626184764);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3626184764);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3626184764);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3626184764);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eQ=="><g class="shape" ><rect x="0.000000" y="0.000000" width="80.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="20.000000" y="26.000000" width="40" height="40" /><text x="40.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="eg=="><g class="shape" ><rect x="140.000000" y="0.000000" width="78.000000" height="92.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><image href="data:image/svg+xml;base64," x="159.500000" y="26.500000" width="39" height="39" /><text x="179.000000" y="21.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">z</text></g><mask id="d2-3626184764" maskUnits="userSpaceOnUse" x="-101" y="-101" width="420" height="294">
 <rect x="-101" y="-101" width="420" height="294" fill="white"></rect>
-<rect x="35.500000" y="5.000000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="175.500000" y="5.000000" width="7" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="33.500000" y="5.000000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="173.500000" y="5.000000" width="11" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/import_spread_nested.exp.svg

@@ -91,6 +91,6 @@
 		.d2-1429612146 .color-AB4{color:#EDF0FD;}
 		.d2-1429612146 .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-d2-1429612146);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1429612146);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1429612146);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1429612146);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1429612146);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1429612146);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1429612146);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1429612146);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="am9u"><g class="shape" ><rect x="0.000000" y="0.000000" width="69.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="34.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jon</text></g><g class="amFu"><g class="shape" ><rect x="129.000000" y="0.000000" width="68.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="163.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">jan</text></g><mask id="d2-1429612146" maskUnits="userSpaceOnUse" x="-101" y="-101" width="399" height="268">
 <rect x="-101" y="-101" width="399" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="24" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="151.500000" y="22.500000" width="23" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="149.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/import_vars.exp.svg

@@ -91,6 +91,6 @@
 		.d2-781847169 .color-AB4{color:#45475A;}
 		.d2-781847169 .color-AB5{color:#313244;}.appendix text.text{fill:#CDD6F4}.md{--color-fg-default:#CDD6F4;--color-fg-muted:#BAC2DE;--color-fg-subtle:#A6ADC8;--color-canvas-default:#1E1E2E;--color-canvas-subtle:#313244;--color-border-default:#CBA6f7;--color-border-muted:#CBA6f7;--color-neutral-muted:#313244;--color-accent-fg:#CBA6f7;--color-accent-emphasis:#CBA6f7;--color-attention-subtle:#BAC2DE;--color-danger-fg:red;}.sketch-overlay-B1{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-B2{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-B3{fill:url(#streaks-dark-d2-781847169);mix-blend-mode:overlay}.sketch-overlay-B4{fill:url(#streaks-dark-d2-781847169);mix-blend-mode:overlay}.sketch-overlay-B5{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-B6{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-AA2{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-AA4{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-AA5{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-AB4{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-AB5{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-N1{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-N2{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-N3{fill:url(#streaks-normal-d2-781847169);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-dark-d2-781847169);mix-blend-mode:overlay}.sketch-overlay-N5{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-N6{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.sketch-overlay-N7{fill:url(#streaks-darker-d2-781847169);mix-blend-mode:lighten}.light-code{display: none}.dark-code{display: block}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#CBA6f7" fill="#313244" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#CDD6F4" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-781847169-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" fill="#CBA6f7" 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" stroke="#CBA6f7" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-781847169-3488378134)" mask="url(#d2-781847169)" /></g><mask id="d2-781847169" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/layer-link/index.exp.svg

@@ -106,5 +106,5 @@
 </svg>
 </g><mask id="d2-4207926312" maskUnits="userSpaceOnUse" x="-101" y="-118" width="292" height="285">
 <rect x="-101" y="-118" width="292" height="285" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="32" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/layer-link/test2.exp.svg

@@ -106,5 +106,5 @@
 </svg>
 </g><mask id="d2-2624935134" maskUnits="userSpaceOnUse" x="-101" y="-118" width="330" height="285">
 <rect x="-101" y="-118" width="330" height="285" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="66" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="70" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

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

@@ -91,6 +91,6 @@
 		.d2-1272689853 .color-AB4{color:#EDF0FD;}
 		.d2-1272689853 .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-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1272689853);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1272689853);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1272689853);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1272689853);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1272689853-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1272689853-3488378134)" mask="url(#d2-1272689853)" /></g><mask id="d2-1272689853" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/broker.exp.svg

@@ -91,6 +91,6 @@
 		.d2-1616388686 .color-AB4{color:#EDF0FD;}
 		.d2-1616388686 .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-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
 <rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="72" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="193.500000" y="22.500000" width="53" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/core.exp.svg

@@ -91,7 +91,7 @@
 		.d2-1610246682 .color-AB4{color:#EDF0FD;}
 		.d2-1610246682 .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-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
 <rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="305.500000" y="22.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="44" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="165.500000" y="22.500000" width="37" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="303.500000" y="22.500000" width="32" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life/layers/stocks.exp.svg

@@ -91,7 +91,7 @@
 		.d2-1921642409 .color-AB4{color:#EDF0FD;}
 		.d2-1921642409 .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-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
 <rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="294.500000" y="22.500000" width="59" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="31" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="152.500000" y="22.500000" width="39" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="292.500000" y="22.500000" width="63" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

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

@@ -91,6 +91,6 @@
 		.d2-355699599 .color-AB4{color:#EDF0FD;}
 		.d2-355699599 .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-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

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

@@ -91,6 +91,6 @@
 		.d2-1272689853 .color-AB4{color:#EDF0FD;}
 		.d2-1272689853 .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-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1272689853);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1272689853);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1272689853);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1272689853);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1272689853);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1272689853);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-1272689853-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-1272689853-3488378134)" mask="url(#d2-1272689853)" /></g><mask id="d2-1272689853" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/broker.exp.svg

@@ -91,6 +91,6 @@
 		.d2-1616388686 .color-AB4{color:#EDF0FD;}
 		.d2-1616388686 .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-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1616388686);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1616388686);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1616388686);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1616388686);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bW9ydGdhZ2U="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mortgage</text></g><g class="cmVhbHRvcg=="><g class="shape" ><rect x="173.000000" y="0.000000" width="94.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">realtor</text></g><mask id="d2-1616388686" maskUnits="userSpaceOnUse" x="-101" y="-101" width="469" height="268">
 <rect x="-101" y="-101" width="469" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="195.500000" y="22.500000" width="49" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="72" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="193.500000" y="22.500000" width="53" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/core.exp.svg

@@ -91,7 +91,7 @@
 		.d2-1610246682 .color-AB4{color:#EDF0FD;}
 		.d2-1610246682 .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-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1610246682);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1610246682);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1610246682);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1610246682);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YmVsaWVm"><g class="shape" ><rect x="0.000000" y="0.000000" width="85.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="42.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">belief</text></g><g class="Zm9vZA=="><g class="shape" ><rect x="145.000000" y="0.000000" width="78.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="184.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">food</text></g><g class="ZGlldA=="><g class="shape" ><rect x="283.000000" y="0.000000" width="73.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="319.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">diet</text></g><mask id="d2-1610246682" maskUnits="userSpaceOnUse" x="-101" y="-101" width="558" height="268">
 <rect x="-101" y="-101" width="558" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="40" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="167.500000" y="22.500000" width="33" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="305.500000" y="22.500000" width="28" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="44" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="165.500000" y="22.500000" width="37" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="303.500000" y="22.500000" width="32" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/multiboard/life_index_d2/layers/stocks.exp.svg

@@ -91,7 +91,7 @@
 		.d2-1921642409 .color-AB4{color:#EDF0FD;}
 		.d2-1921642409 .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-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1921642409);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1921642409);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1921642409);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1921642409);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="VFNY"><g class="shape" ><rect x="0.000000" y="0.000000" width="72.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="36.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">TSX</text></g><g class="TllTRQ=="><g class="shape" ><rect x="132.000000" y="0.000000" width="80.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="172.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NYSE</text></g><g class="TkFTREFR"><g class="shape" ><rect x="272.000000" y="0.000000" width="104.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="324.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">NASDAQ</text></g><mask id="d2-1921642409" maskUnits="userSpaceOnUse" x="-101" y="-101" width="578" height="268">
 <rect x="-101" y="-101" width="578" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="27" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="154.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="294.500000" y="22.500000" width="59" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="31" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="152.500000" y="22.500000" width="39" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="292.500000" y="22.500000" width="63" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

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

@@ -91,6 +91,6 @@
 		.d2-355699599 .color-AB4{color:#EDF0FD;}
 		.d2-355699599 .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-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-355699599);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-355699599);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-355699599);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-355699599);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-355699599-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><g class="KHkgLSZndDsgeClbMF0="><path d="M 31.238290 164.014246 C 35.799999 126.000000 35.799999 106.000000 31.476581 69.971507" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-355699599-3488378134)" mask="url(#d2-355699599)" /></g><mask id="d2-355699599" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/sequence-layer/index.exp.svg

@@ -91,5 +91,5 @@
 		.d2-4030577362 .color-AB4{color:#EDF0FD;}
 		.d2-4030577362 .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-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4030577362);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4030577362);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4030577362);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4030577362);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-4030577362" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
 <rect x="-101" y="-101" width="255" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/sequence-spread-layer/index.exp.svg

@@ -91,5 +91,5 @@
 		.d2-4030577362 .color-AB4{color:#EDF0FD;}
 		.d2-4030577362 .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-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4030577362);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4030577362);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4030577362);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4030577362);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4030577362);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4030577362);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="aw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">k</text></g><mask id="d2-4030577362" maskUnits="userSpaceOnUse" x="-101" y="-101" width="255" height="268">
 <rect x="-101" y="-101" width="255" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/stdin.exp.svg

@@ -91,6 +91,6 @@
 		.d2-3671284423 .color-AB4{color:#EDF0FD;}
 		.d2-3671284423 .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-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3671284423);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3671284423);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3671284423);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3671284423);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="eA=="><g class="shape" ><rect x="1.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">x</text></g><g class="eQ=="><g class="shape" ><rect x="0.000000" y="166.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="204.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><g class="KHggLSZndDsgeSlbMF0="><marker id="mk-d2-3671284423-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" fill="#0D32B2" 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" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3671284423-3488378134)" mask="url(#d2-3671284423)" /></g><mask id="d2-3671284423" 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>
+<rect x="21.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="188.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/target-b.exp.svg

@@ -91,5 +91,5 @@
 		.d2-2422484514 .color-AB4{color:#EDF0FD;}
 		.d2-2422484514 .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-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-2422484514);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-2422484514);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-2422484514);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-2422484514);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-2422484514);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-2422484514);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="132.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="66.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Backup Plan</text></g><mask id="d2-2422484514" maskUnits="userSpaceOnUse" x="-101" y="-101" width="334" height="268">
 <rect x="-101" y="-101" width="334" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="87" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="91" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/target-nested-index.exp.svg

@@ -91,5 +91,5 @@
 		.d2-4175695741 .color-AB4{color:#EDF0FD;}
 		.d2-4175695741 .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-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-4175695741);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-4175695741);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-4175695741);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-4175695741);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-4175695741);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-4175695741);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="ZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="27.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-4175695741" maskUnits="userSpaceOnUse" x="-101" y="-101" width="256" height="268">
 <rect x="-101" y="-101" width="256" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/target-nested-index2.exp.svg

@@ -91,6 +91,6 @@
 		.d2-1286117810 .color-AB4{color:#EDF0FD;}
 		.d2-1286117810 .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-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1286117810);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1286117810);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1286117810);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1286117810);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1286117810);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1286117810);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="Yw=="><g class="shape" ><rect x="0.000000" y="0.000000" width="53.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="26.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">c</text></g><g class="ZA=="><g class="shape" ><rect x="113.000000" y="0.000000" width="54.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="140.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">d</text></g><mask id="d2-1286117810" maskUnits="userSpaceOnUse" x="-101" y="-101" width="369" height="268">
 <rect x="-101" y="-101" width="369" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="8" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="135.500000" y="22.500000" width="9" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="133.500000" y="22.500000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/target-nested-with-special-chars.exp.svg

@@ -91,5 +91,5 @@
 		.d2-1807797871 .color-AB4{color:#EDF0FD;}
 		.d2-1807797871 .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-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1807797871);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1807797871);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1807797871);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1807797871);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1807797871);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1807797871);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="bWFk"><g class="shape" ><rect x="0.000000" y="0.000000" width="76.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="38.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">mad</text></g><mask id="d2-1807797871" maskUnits="userSpaceOnUse" x="-101" y="-101" width="278" height="268">
 <rect x="-101" y="-101" width="278" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="31" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="35" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/target-root.exp.svg

@@ -91,5 +91,5 @@
 		.d2-1725210778 .color-AB4{color:#EDF0FD;}
 		.d2-1725210778 .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-d2-1725210778);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-1725210778);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-1725210778);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-1725210778);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-1725210778);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-1725210778);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-1725210778);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-1725210778);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="dGl0bGU="><g class="shape" ><rect x="0.000000" y="0.000000" width="113.000000" height="66.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="56.500000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Main Plan</text></g><mask id="d2-1725210778" maskUnits="userSpaceOnUse" x="-101" y="-101" width="315" height="268">
 <rect x="-101" y="-101" width="315" height="268" fill="white"></rect>
-<rect x="22.500000" y="22.500000" width="68" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="72" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/vars-animation.exp.svg

@@ -870,20 +870,20 @@
 		}
 }]]></style><g style="animation: d2Transition-d2-629739489-0 5600ms infinite" class="d2-629739489 " width="492" height="247" viewBox="-246 -166 492 247"><rect x="-246.000000" y="-166.000000" width="492.000000" height="247.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="0.000000" y="-30.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><mask id="d2-629739489" maskUnits="userSpaceOnUse" x="-246" y="-166" width="492" height="247">
 <rect x="-246" y="-166" width="492" height="247" fill="white"></rect>
-<rect x="-145.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-147.000000" y="-65.000000" width="294" height="45" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-629739489-1 5600ms infinite" class="d2-629739489 " width="492" height="333" viewBox="-160 -166 492 333"><rect x="-160.000000" y="-166.000000" width="492.000000" height="333.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="86.000000" y="-30.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><mask id="d2-1483784289" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="333">
 <rect x="-160" y="-166" width="492" height="333" fill="white"></rect>
-<rect x="-59.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-61.000000" y="-65.000000" width="294" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="130" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-629739489-2 5600ms infinite" class="d2-629739489 " width="492" height="499" viewBox="-160 -166 492 499"><rect x="-160.000000" y="-166.000000" width="492.000000" height="499.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="86.000000" y="-30.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="0.000000" y="0.000000" width="171.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="85.500000" y="38.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g class="Q3Jvc3Mgcm9hZA=="><g class="shape" ><rect x="15.000000" y="166.000000" width="142.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="86.000000" y="204.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g class="KEFwcHJvYWNoIHJvYWQgLSZndDsgQ3Jvc3Mgcm9hZClbMF0="><marker id="mk-d2-3691685513-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" fill="#000410" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 85.500000 68.000000 C 85.500000 106.000000 85.500000 126.000000 85.500000 162.000000" stroke="#000410" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3691685513-3488378134)" mask="url(#d2-3691685513)" /></g><mask id="d2-3691685513" maskUnits="userSpaceOnUse" x="-160" y="-166" width="492" height="499">
 <rect x="-160" y="-166" width="492" height="499" fill="white"></rect>
-<rect x="-59.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="37.500000" y="188.500000" width="97" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-61.000000" y="-65.000000" width="294" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="22.500000" width="130" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="35.500000" y="188.500000" width="101" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g><g style="animation: d2Transition-d2-629739489-3 5600ms infinite" class="d2-629739489 " width="492" height="665" viewBox="-132 -166 492 665"><rect x="-132.000000" y="-166.000000" width="492.000000" height="665.000000" rx="0.000000" fill="#FFFFFF" class=" fill-N7" stroke-width="0" /><g class="JiMzNDtDaGlja2VuJiMzOTtzIHBsYW4mIzM0Ow=="><g class="shape" ></g><text x="114.000000" y="-30.000000" fill="#000410" class="text-mono fill-N1" style="text-anchor:middle;font-size:35px">CHICKEN&#39;S PLAN</text></g><g class="QXBwcm9hY2ggcm9hZA=="><g class="shape" ><rect x="29.000000" y="0.000000" width="171.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.500000" y="38.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">APPROACH ROAD</text></g><g class="Q3Jvc3Mgcm9hZA=="><g class="shape" ><rect x="43.000000" y="166.000000" width="142.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="204.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">CROSS ROAD</text></g><g class="TWFrZSB5b3Ugd29uZGVyIHdoeQ=="><g class="shape" ><rect x="0.000000" y="332.000000" width="228.000000" height="66.000000" stroke="#000410" fill="#FFFFFF" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="114.000000" y="370.500000" fill="#000410" class="text-mono-bold fill-N1" style="text-anchor:middle;font-size:16px">MAKE YOU WONDER WHY</text></g><g class="KEFwcHJvYWNoIHJvYWQgLSZndDsgQ3Jvc3Mgcm9hZClbMF0="><marker id="mk-d2-3457564929-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" fill="#000410" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 114.000000 68.000000 C 114.000000 106.000000 114.000000 126.000000 114.000000 162.000000" stroke="#000410" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3457564929-3488378134)" mask="url(#d2-3457564929)" /></g><g class="KENyb3NzIHJvYWQgLSZndDsgTWFrZSB5b3Ugd29uZGVyIHdoeSlbMF0="><path d="M 114.000000 234.000000 C 114.000000 272.000000 114.000000 292.000000 114.000000 328.000000" stroke="#000410" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3457564929-3488378134)" mask="url(#d2-3457564929)" /></g><mask id="d2-3457564929" maskUnits="userSpaceOnUse" x="-132" y="-166" width="492" height="665">
 <rect x="-132" y="-166" width="492" height="665" fill="white"></rect>
-<rect x="-31.000000" y="-65.000000" width="290" height="45" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="51.500000" y="22.500000" width="126" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="65.500000" y="188.500000" width="97" height="21" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="354.500000" width="183" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="-33.000000" y="-65.000000" width="294" height="45" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="49.500000" y="22.500000" width="130" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="63.500000" y="188.500000" width="101" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="354.500000" width="187" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></g></svg></svg>

e2etests-cli/testdata/TestCLI_E2E/with-font.exp.svg

@@ -98,7 +98,7 @@
 		.d2-3769314794 .color-AB4{color:#EDF0FD;}
 		.d2-3769314794 .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-d2-3769314794);mix-blend-mode:lighten}.sketch-overlay-B2{fill:url(#streaks-darker-d2-3769314794);mix-blend-mode:lighten}.sketch-overlay-B3{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-B4{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-B5{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-B6{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-AA2{fill:url(#streaks-dark-d2-3769314794);mix-blend-mode:overlay}.sketch-overlay-AA4{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-AA5{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-AB4{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-AB5{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-N1{fill:url(#streaks-darker-d2-3769314794);mix-blend-mode:lighten}.sketch-overlay-N2{fill:url(#streaks-dark-d2-3769314794);mix-blend-mode:overlay}.sketch-overlay-N3{fill:url(#streaks-normal-d2-3769314794);mix-blend-mode:color-burn}.sketch-overlay-N4{fill:url(#streaks-normal-d2-3769314794);mix-blend-mode:color-burn}.sketch-overlay-N5{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-N6{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.sketch-overlay-N7{fill:url(#streaks-bright-d2-3769314794);mix-blend-mode:darken}.light-code{display: block}.dark-code{display: none}]]></style><g class="YQ=="><g class="shape" ><rect x="29.000000" y="0.000000" width="382.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="220.000000" y="38.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Why do computers get sick often?</text></g><g class="Yg=="><g class="shape" ><rect x="0.000000" y="204.000000" width="439.000000" height="83.000000" stroke="#0D32B2" fill="#F7F8FE" class=" stroke-B1 fill-B6" style="stroke-width:2;" /></g><text x="219.500000" y="242.500000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">Because their Windows are always open!</text></g><g class="KGEgLSZndDsgYilbMF0="><marker id="mk-d2-3769314794-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" fill="#0D32B2" class="connection fill-B1" stroke-width="2" /> </marker><path d="M 219.500000 84.500000 C 219.500000 131.300003 219.500000 155.699997 219.500000 200.500000" stroke="#0D32B2" fill="none" class="connection stroke-B1" style="stroke-width:2;" marker-end="url(#mk-d2-3769314794-3488378134)" mask="url(#d2-3769314794)" /><text x="219.500000" y="149.000000" fill="#676C7E" class="text-italic fill-N2" style="text-anchor:middle;font-size:16px">italic font</text></g><mask id="d2-3769314794" maskUnits="userSpaceOnUse" x="-101" y="-101" width="641" height="489">
 <rect x="-101" y="-101" width="641" height="489" fill="white"></rect>
-<rect x="51.500000" y="22.500000" width="337" height="38" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="22.500000" y="226.500000" width="394" height="38" fill="rgba(0,0,0,0.75)"></rect>
-<rect x="188.000000" y="133.000000" width="63" height="21" fill="black"></rect>
+<rect x="49.500000" y="22.500000" width="341" height="38" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="20.500000" y="226.500000" width="398" height="38" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="186.000000" y="133.000000" width="67" height="21" fill="black"></rect>
 </mask></svg></svg>

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

@@ -128,6 +128,6 @@
 <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-d2-2253328165-y)" points="140,0 166,0 179,34 166,69 140,69 128,34" stroke="none" fill="#DEE1EB" class=" fill-N5" style="stroke-width:2;" /><polygon x="128.000000" y="0.000000" mask="url(#border-mask-d2-2253328165-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-d2-2253328165-y)" points="155,-7 181,-7 194,27 181,62 166,69 179,34 166,0 140,0" fill="#CFD2DD" 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" stroke="#0D32B2" fill="none" class=" stroke-B1" style="stroke-width:2;" /></g><text x="153.500000" y="40.000000" fill="#0A0F25" class="text-bold fill-N1" style="text-anchor:middle;font-size:16px">y</text></g><mask id="d2-2253328165" 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>
+<rect x="20.500000" y="24.500000" width="12" height="21" fill="rgba(0,0,0,0.75)"></rect>
+<rect x="147.000000" y="24.000000" width="13" height="21" fill="rgba(0,0,0,0.75)"></rect>
 </mask></svg></svg>