Repository: Textualize/textual
Pull request: command palette dismiss logic
Fixes https://github.com/Textualize/textual/issues/4856

Screwed up the diff a bit here. Most of the updated snapshots are from a previous PR.

Problem statement:
Command palette cancel
If you bring up the command palette (with `ctrl+\`) you have to press ESC twice to cancel it.

This makes sense when there is an auto-complete menu showing. But I think that a single ESC should dismiss the command palette in the following circumstances:

1. There is nothing in the input
2. There are no items in the auto-complete

Hints from issue discussion:
Could you please assign this issue to me? I want to work on it.
Sorry, we have a PR for this one. Will add more GFIs soon.

Commit message: snapshots

Patch to review:
diff --git a/src/textual/command.py b/src/textual/command.py
index ad519deeb8..698cf22105 100644
--- a/src/textual/command.py
+++ b/src/textual/command.py
@@ -575,6 +575,8 @@ def __init__(self) -> None:
         """Keeps track of if there are 'No matches found' message waiting to be displayed."""
         self._providers: list[Provider] = []
         """List of Provider instances involved in searches."""
+        self._hit_count: int = 0
+        """Number of hits displayed."""
 
     @staticmethod
     def is_open(app: App) -> bool:
@@ -735,6 +737,8 @@ def _show_no_matches() -> None:
                 # discovered is a situation we don't need to highlight.
                 self._list_visible = False
 
+        self._hit_count = 0
+
         self._no_matches_timer = self.set_timer(
             self._NO_MATCHES_COUNTDOWN,
             _show_no_matches,
@@ -883,6 +887,7 @@ def _refresh_command_list(
         if highlighted is not None and highlighted.id:
             command_list.highlighted = command_list.get_option_index(highlighted.id)
         self._list_visible = bool(command_list.option_count)
+        self._hit_count = command_list.option_count
 
     _RESULT_BATCH_TIME: Final[float] = 0.25
     """How long to wait before adding commands to the command list."""
@@ -1049,6 +1054,7 @@ def _select_command(self, event: OptionList.OptionSelected) -> None:
         input.action_end()
         self._list_visible = False
         self.query_one(CommandList).clear_options()
+        self._hit_count = 0
         if self.run_on_select:
             self._select_or_command()
 
@@ -1090,8 +1096,11 @@ def _stop_event_leak(self, event: OptionList.OptionHighlighted) -> None:
 
     def _action_escape(self) -> None:
         """Handle a request to escape out of the command palette."""
-        if self._list_visible:
+        input = self.query_one(CommandInput)
+        # Hide the options if there are result and there is input
+        if self._list_visible and (self._hit_count and input.value):
             self._list_visible = False
+        # Otherwise dismiss modal
         else:
             self._cancel_gather_commands()
             self.app.post_message(CommandPalette.Closed(option_selected=False))
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
index 0569ad0263..d7fcfbdf18 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_grid_default_height.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-2854661859-matrix {
+    .terminal-3709062841-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2854661859-title {
+    .terminal-3709062841-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2854661859-r1 { fill: #c5c8c6 }
-.terminal-2854661859-r2 { fill: #e3e3e3 }
-.terminal-2854661859-r3 { fill: #e1e1e1 }
-.terminal-2854661859-r4 { fill: #ff0000 }
-.terminal-2854661859-r5 { fill: #fea62b;font-weight: bold }
-.terminal-2854661859-r6 { fill: #a7a9ab }
-.terminal-2854661859-r7 { fill: #e2e3e3 }
+    .terminal-3709062841-r1 { fill: #c5c8c6 }
+.terminal-3709062841-r2 { fill: #e3e3e3 }
+.terminal-3709062841-r3 { fill: #e1e1e1 }
+.terminal-3709062841-r4 { fill: #ff0000 }
+.terminal-3709062841-r5 { fill: #fea62b;font-weight: bold }
+.terminal-3709062841-r6 { fill: #a7a9ab }
+.terminal-3709062841-r7 { fill: #e2e3e3 }
+.terminal-3709062841-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2854661859-clip-terminal">
+    <clipPath id="terminal-3709062841-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2854661859-line-0">
+    <clipPath id="terminal-3709062841-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-1">
+<clipPath id="terminal-3709062841-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-2">
+<clipPath id="terminal-3709062841-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-3">
+<clipPath id="terminal-3709062841-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-4">
+<clipPath id="terminal-3709062841-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-5">
+<clipPath id="terminal-3709062841-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-6">
+<clipPath id="terminal-3709062841-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-7">
+<clipPath id="terminal-3709062841-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-8">
+<clipPath id="terminal-3709062841-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-9">
+<clipPath id="terminal-3709062841-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-10">
+<clipPath id="terminal-3709062841-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-11">
+<clipPath id="terminal-3709062841-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-12">
+<clipPath id="terminal-3709062841-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-13">
+<clipPath id="terminal-3709062841-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-14">
+<clipPath id="terminal-3709062841-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-15">
+<clipPath id="terminal-3709062841-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-16">
+<clipPath id="terminal-3709062841-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-17">
+<clipPath id="terminal-3709062841-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-18">
+<clipPath id="terminal-3709062841-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-19">
+<clipPath id="terminal-3709062841-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-20">
+<clipPath id="terminal-3709062841-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-21">
+<clipPath id="terminal-3709062841-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2854661859-line-22">
+<clipPath id="terminal-3709062841-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2854661859-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridHeightAuto</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3709062841-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">GridHeightAuto</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2854661859-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3709062841-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="561.2" y="1.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="99.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="123.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="280.6" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="562.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="573.4" y="562.7" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2854661859-matrix">
-    <text class="terminal-2854661859-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2854661859-line-0)">⭘</text><text class="terminal-2854661859-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-2854661859-line-0)">GridHeightAuto</text><text class="terminal-2854661859-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2854661859-line-0)">
-</text><text class="terminal-2854661859-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2854661859-line-1)">Here&#160;is&#160;some&#160;text&#160;before&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2854661859-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2854661859-line-1)">
-</text><text class="terminal-2854661859-r4" x="0" y="68.8" textLength="976" clip-path="url(#terminal-2854661859-line-2)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-2854661859-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2854661859-line-2)">
-</text><text class="terminal-2854661859-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-3)">│</text><text class="terminal-2854661859-r3" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-2854661859-line-3)">Cell&#160;#0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2854661859-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-3)">│</text><text class="terminal-2854661859-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-3)">
-</text><text class="terminal-2854661859-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-4)">│</text><text class="terminal-2854661859-r3" x="12.2" y="117.6" textLength="951.6" clip-path="url(#terminal-2854661859-line-4)">Cell&#160;#3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2854661859-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-4)">│</text><text class="terminal-2854661859-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-4)">
-</text><text class="terminal-2854661859-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2854661859-line-5)">│</text><text class="terminal-2854661859-r3" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-2854661859-line-5)">Cell&#160;#6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2854661859-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-2854661859-line-5)">│</text><text class="terminal-2854661859-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2854661859-line-5)">
-</text><text class="terminal-2854661859-r4" x="0" y="166.4" textLength="976" clip-path="url(#terminal-2854661859-line-6)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-2854661859-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2854661859-line-6)">
-</text><text class="terminal-2854661859-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-2854661859-line-7)">Here&#160;is&#160;some&#160;text&#160;after&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2854661859-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2854661859-line-7)">
-</text><text class="terminal-2854661859-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-8)">
-</text><text class="terminal-2854661859-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-9)">
-</text><text class="terminal-2854661859-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2854661859-line-10)">
-</text><text class="terminal-2854661859-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2854661859-line-11)">
-</text><text class="terminal-2854661859-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2854661859-line-12)">
-</text><text class="terminal-2854661859-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-13)">
-</text><text class="terminal-2854661859-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-14)">
-</text><text class="terminal-2854661859-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2854661859-line-15)">
-</text><text class="terminal-2854661859-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2854661859-line-16)">
-</text><text class="terminal-2854661859-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2854661859-line-17)">
-</text><text class="terminal-2854661859-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2854661859-line-18)">
-</text><text class="terminal-2854661859-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2854661859-line-19)">
-</text><text class="terminal-2854661859-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2854661859-line-20)">
-</text><text class="terminal-2854661859-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2854661859-line-21)">
-</text><text class="terminal-2854661859-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2854661859-line-22)">
-</text><text class="terminal-2854661859-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2854661859-line-23)">&#160;g&#160;</text><text class="terminal-2854661859-r6" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-2854661859-line-23)">Grid&#160;</text><text class="terminal-2854661859-r5" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-2854661859-line-23)">&#160;v&#160;</text><text class="terminal-2854661859-r6" x="134.2" y="581.2" textLength="109.8" clip-path="url(#terminal-2854661859-line-23)">Vertical&#160;</text><text class="terminal-2854661859-r5" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-2854661859-line-23)">&#160;h&#160;</text><text class="terminal-2854661859-r6" x="280.6" y="581.2" textLength="134.2" clip-path="url(#terminal-2854661859-line-23)">Horizontal&#160;</text><text class="terminal-2854661859-r5" x="414.8" y="581.2" textLength="36.6" clip-path="url(#terminal-2854661859-line-23)">&#160;c&#160;</text><text class="terminal-2854661859-r6" x="451.4" y="581.2" textLength="122" clip-path="url(#terminal-2854661859-line-23)">Container&#160;</text><text class="terminal-2854661859-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2854661859-line-23)">^p</text><text class="terminal-2854661859-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2854661859-line-23)">&#160;palette</text>
+    <g class="terminal-3709062841-matrix">
+    <text class="terminal-3709062841-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3709062841-line-0)">⭘</text><text class="terminal-3709062841-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-3709062841-line-0)">GridHeightAuto</text><text class="terminal-3709062841-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3709062841-line-0)">
+</text><text class="terminal-3709062841-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-3709062841-line-1)">Here&#160;is&#160;some&#160;text&#160;before&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3709062841-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3709062841-line-1)">
+</text><text class="terminal-3709062841-r4" x="0" y="68.8" textLength="976" clip-path="url(#terminal-3709062841-line-2)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-3709062841-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3709062841-line-2)">
+</text><text class="terminal-3709062841-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-3)">│</text><text class="terminal-3709062841-r3" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-3709062841-line-3)">Cell&#160;#0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#1&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#2&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3709062841-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-3)">│</text><text class="terminal-3709062841-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-3)">
+</text><text class="terminal-3709062841-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-4)">│</text><text class="terminal-3709062841-r3" x="12.2" y="117.6" textLength="951.6" clip-path="url(#terminal-3709062841-line-4)">Cell&#160;#3&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#4&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#5&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3709062841-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-4)">│</text><text class="terminal-3709062841-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-4)">
+</text><text class="terminal-3709062841-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3709062841-line-5)">│</text><text class="terminal-3709062841-r3" x="12.2" y="142" textLength="951.6" clip-path="url(#terminal-3709062841-line-5)">Cell&#160;#6&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#7&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Cell&#160;#8&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3709062841-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-3709062841-line-5)">│</text><text class="terminal-3709062841-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3709062841-line-5)">
+</text><text class="terminal-3709062841-r4" x="0" y="166.4" textLength="976" clip-path="url(#terminal-3709062841-line-6)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-3709062841-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3709062841-line-6)">
+</text><text class="terminal-3709062841-r3" x="0" y="190.8" textLength="976" clip-path="url(#terminal-3709062841-line-7)">Here&#160;is&#160;some&#160;text&#160;after&#160;the&#160;grid&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3709062841-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3709062841-line-7)">
+</text><text class="terminal-3709062841-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-8)">
+</text><text class="terminal-3709062841-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-9)">
+</text><text class="terminal-3709062841-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3709062841-line-10)">
+</text><text class="terminal-3709062841-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3709062841-line-11)">
+</text><text class="terminal-3709062841-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3709062841-line-12)">
+</text><text class="terminal-3709062841-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-13)">
+</text><text class="terminal-3709062841-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-14)">
+</text><text class="terminal-3709062841-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3709062841-line-15)">
+</text><text class="terminal-3709062841-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3709062841-line-16)">
+</text><text class="terminal-3709062841-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3709062841-line-17)">
+</text><text class="terminal-3709062841-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-18)">
+</text><text class="terminal-3709062841-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3709062841-line-19)">
+</text><text class="terminal-3709062841-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3709062841-line-20)">
+</text><text class="terminal-3709062841-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3709062841-line-21)">
+</text><text class="terminal-3709062841-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3709062841-line-22)">
+</text><text class="terminal-3709062841-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3709062841-line-23)">&#160;g&#160;</text><text class="terminal-3709062841-r6" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-3709062841-line-23)">Grid&#160;</text><text class="terminal-3709062841-r5" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-3709062841-line-23)">&#160;v&#160;</text><text class="terminal-3709062841-r6" x="134.2" y="581.2" textLength="109.8" clip-path="url(#terminal-3709062841-line-23)">Vertical&#160;</text><text class="terminal-3709062841-r5" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-3709062841-line-23)">&#160;h&#160;</text><text class="terminal-3709062841-r6" x="280.6" y="581.2" textLength="134.2" clip-path="url(#terminal-3709062841-line-23)">Horizontal&#160;</text><text class="terminal-3709062841-r5" x="414.8" y="581.2" textLength="36.6" clip-path="url(#terminal-3709062841-line-23)">&#160;c&#160;</text><text class="terminal-3709062841-r6" x="451.4" y="581.2" textLength="122" clip-path="url(#terminal-3709062841-line-23)">Container&#160;</text><text class="terminal-3709062841-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3709062841-line-23)">▏</text><text class="terminal-3709062841-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3709062841-line-23)">^p</text><text class="terminal-3709062841-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3709062841-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
index 4fdd349366..7d9500e809 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_tab_active.svg
@@ -19,143 +19,144 @@
         font-weight: 700;
     }
 
-    .terminal-712035395-matrix {
+    .terminal-1993010201-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-712035395-title {
+    .terminal-1993010201-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-712035395-r1 { fill: #c5c8c6 }
-.terminal-712035395-r2 { fill: #e1e1e1 }
-.terminal-712035395-r3 { fill: #f4005f }
-.terminal-712035395-r4 { fill: #98e024;font-weight: bold }
-.terminal-712035395-r5 { fill: #323232 }
-.terminal-712035395-r6 { fill: #0178d4 }
-.terminal-712035395-r7 { fill: #98e024 }
-.terminal-712035395-r8 { fill: #7ae998 }
-.terminal-712035395-r9 { fill: #4ebf71;font-weight: bold }
-.terminal-712035395-r10 { fill: #008139 }
-.terminal-712035395-r11 { fill: #fea62b;font-weight: bold }
-.terminal-712035395-r12 { fill: #a7a9ab }
-.terminal-712035395-r13 { fill: #e2e3e3 }
+    .terminal-1993010201-r1 { fill: #c5c8c6 }
+.terminal-1993010201-r2 { fill: #e1e1e1 }
+.terminal-1993010201-r3 { fill: #f4005f }
+.terminal-1993010201-r4 { fill: #98e024;font-weight: bold }
+.terminal-1993010201-r5 { fill: #323232 }
+.terminal-1993010201-r6 { fill: #0178d4 }
+.terminal-1993010201-r7 { fill: #98e024 }
+.terminal-1993010201-r8 { fill: #7ae998 }
+.terminal-1993010201-r9 { fill: #4ebf71;font-weight: bold }
+.terminal-1993010201-r10 { fill: #008139 }
+.terminal-1993010201-r11 { fill: #fea62b;font-weight: bold }
+.terminal-1993010201-r12 { fill: #a7a9ab }
+.terminal-1993010201-r13 { fill: #e2e3e3 }
+.terminal-1993010201-r14 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-712035395-clip-terminal">
+    <clipPath id="terminal-1993010201-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-712035395-line-0">
+    <clipPath id="terminal-1993010201-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-1">
+<clipPath id="terminal-1993010201-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-2">
+<clipPath id="terminal-1993010201-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-3">
+<clipPath id="terminal-1993010201-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-4">
+<clipPath id="terminal-1993010201-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-5">
+<clipPath id="terminal-1993010201-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-6">
+<clipPath id="terminal-1993010201-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-7">
+<clipPath id="terminal-1993010201-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-8">
+<clipPath id="terminal-1993010201-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-9">
+<clipPath id="terminal-1993010201-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-10">
+<clipPath id="terminal-1993010201-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-11">
+<clipPath id="terminal-1993010201-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-12">
+<clipPath id="terminal-1993010201-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-13">
+<clipPath id="terminal-1993010201-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-14">
+<clipPath id="terminal-1993010201-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-15">
+<clipPath id="terminal-1993010201-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-16">
+<clipPath id="terminal-1993010201-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-17">
+<clipPath id="terminal-1993010201-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-18">
+<clipPath id="terminal-1993010201-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-19">
+<clipPath id="terminal-1993010201-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-20">
+<clipPath id="terminal-1993010201-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-21">
+<clipPath id="terminal-1993010201-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-712035395-line-22">
+<clipPath id="terminal-1993010201-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-712035395-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1993010201-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-712035395-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1993010201-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="268.4" y="1.5" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="268.4" y="25.9" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="50.3" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="99.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="123.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="123.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="123.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="317.2" y="123.5" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="147.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="147.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="48.8" y="196.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="196.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="48.8" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0a180e" x="73.2" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="219.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="221.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="48.8" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="245.5" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-712035395-matrix">
-    <text class="terminal-712035395-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-712035395-line-0)">
-</text><text class="terminal-712035395-r3" x="24.4" y="44.4" textLength="97.6" clip-path="url(#terminal-712035395-line-1)">Parent&#160;1</text><text class="terminal-712035395-r4" x="158.6" y="44.4" textLength="97.6" clip-path="url(#terminal-712035395-line-1)">Parent&#160;2</text><text class="terminal-712035395-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-712035395-line-1)">
-</text><text class="terminal-712035395-r5" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-712035395-line-2)">━━━━━━━━━━━━╸</text><text class="terminal-712035395-r6" x="158.6" y="68.8" textLength="97.6" clip-path="url(#terminal-712035395-line-2)">━━━━━━━━</text><text class="terminal-712035395-r5" x="256.2" y="68.8" textLength="719.8" clip-path="url(#terminal-712035395-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-712035395-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-712035395-line-2)">
-</text><text class="terminal-712035395-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-712035395-line-3)">
-</text><text class="terminal-712035395-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-712035395-line-4)">
-</text><text class="terminal-712035395-r7" x="48.8" y="142" textLength="109.8" clip-path="url(#terminal-712035395-line-5)">Child&#160;2.1</text><text class="terminal-712035395-r4" x="195.2" y="142" textLength="109.8" clip-path="url(#terminal-712035395-line-5)">Child&#160;2.2</text><text class="terminal-712035395-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-712035395-line-5)">
-</text><text class="terminal-712035395-r5" x="24.4" y="166.4" textLength="170.8" clip-path="url(#terminal-712035395-line-6)">━━━━━━━━━━━━━╸</text><text class="terminal-712035395-r6" x="195.2" y="166.4" textLength="109.8" clip-path="url(#terminal-712035395-line-6)">━━━━━━━━━</text><text class="terminal-712035395-r5" x="305" y="166.4" textLength="646.6" clip-path="url(#terminal-712035395-line-6)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-712035395-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-712035395-line-6)">
-</text><text class="terminal-712035395-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-712035395-line-7)">
-</text><text class="terminal-712035395-r8" x="48.8" y="215.2" textLength="195.2" clip-path="url(#terminal-712035395-line-8)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-712035395-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-712035395-line-8)">
-</text><text class="terminal-712035395-r9" x="73.2" y="239.6" textLength="146.4" clip-path="url(#terminal-712035395-line-9)">&#160;Button&#160;2.2&#160;</text><text class="terminal-712035395-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-712035395-line-9)">
-</text><text class="terminal-712035395-r10" x="48.8" y="264" textLength="195.2" clip-path="url(#terminal-712035395-line-10)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-712035395-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-712035395-line-10)">
-</text><text class="terminal-712035395-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-712035395-line-11)">
-</text><text class="terminal-712035395-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-712035395-line-12)">
-</text><text class="terminal-712035395-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-712035395-line-13)">
-</text><text class="terminal-712035395-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-712035395-line-14)">
-</text><text class="terminal-712035395-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-712035395-line-15)">
-</text><text class="terminal-712035395-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-712035395-line-16)">
-</text><text class="terminal-712035395-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-712035395-line-17)">
-</text><text class="terminal-712035395-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-712035395-line-18)">
-</text><text class="terminal-712035395-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-712035395-line-19)">
-</text><text class="terminal-712035395-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-712035395-line-20)">
-</text><text class="terminal-712035395-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-712035395-line-21)">
-</text><text class="terminal-712035395-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-712035395-line-22)">
-</text><text class="terminal-712035395-r11" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-712035395-line-23)">&#160;SPACE&#160;</text><text class="terminal-712035395-r12" x="85.4" y="581.2" textLength="207.4" clip-path="url(#terminal-712035395-line-23)">Focus&#160;button&#160;2.2&#160;</text><text class="terminal-712035395-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-712035395-line-23)">^p</text><text class="terminal-712035395-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-712035395-line-23)">&#160;palette</text>
+    <g class="terminal-1993010201-matrix">
+    <text class="terminal-1993010201-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1993010201-line-0)">
+</text><text class="terminal-1993010201-r3" x="24.4" y="44.4" textLength="97.6" clip-path="url(#terminal-1993010201-line-1)">Parent&#160;1</text><text class="terminal-1993010201-r4" x="158.6" y="44.4" textLength="97.6" clip-path="url(#terminal-1993010201-line-1)">Parent&#160;2</text><text class="terminal-1993010201-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1993010201-line-1)">
+</text><text class="terminal-1993010201-r5" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-1993010201-line-2)">━━━━━━━━━━━━╸</text><text class="terminal-1993010201-r6" x="158.6" y="68.8" textLength="97.6" clip-path="url(#terminal-1993010201-line-2)">━━━━━━━━</text><text class="terminal-1993010201-r5" x="256.2" y="68.8" textLength="719.8" clip-path="url(#terminal-1993010201-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1993010201-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1993010201-line-2)">
+</text><text class="terminal-1993010201-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1993010201-line-3)">
+</text><text class="terminal-1993010201-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1993010201-line-4)">
+</text><text class="terminal-1993010201-r7" x="48.8" y="142" textLength="109.8" clip-path="url(#terminal-1993010201-line-5)">Child&#160;2.1</text><text class="terminal-1993010201-r4" x="195.2" y="142" textLength="109.8" clip-path="url(#terminal-1993010201-line-5)">Child&#160;2.2</text><text class="terminal-1993010201-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1993010201-line-5)">
+</text><text class="terminal-1993010201-r5" x="24.4" y="166.4" textLength="170.8" clip-path="url(#terminal-1993010201-line-6)">━━━━━━━━━━━━━╸</text><text class="terminal-1993010201-r6" x="195.2" y="166.4" textLength="109.8" clip-path="url(#terminal-1993010201-line-6)">━━━━━━━━━</text><text class="terminal-1993010201-r5" x="305" y="166.4" textLength="646.6" clip-path="url(#terminal-1993010201-line-6)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1993010201-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1993010201-line-6)">
+</text><text class="terminal-1993010201-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1993010201-line-7)">
+</text><text class="terminal-1993010201-r8" x="48.8" y="215.2" textLength="195.2" clip-path="url(#terminal-1993010201-line-8)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1993010201-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1993010201-line-8)">
+</text><text class="terminal-1993010201-r9" x="73.2" y="239.6" textLength="146.4" clip-path="url(#terminal-1993010201-line-9)">&#160;Button&#160;2.2&#160;</text><text class="terminal-1993010201-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1993010201-line-9)">
+</text><text class="terminal-1993010201-r10" x="48.8" y="264" textLength="195.2" clip-path="url(#terminal-1993010201-line-10)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1993010201-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1993010201-line-10)">
+</text><text class="terminal-1993010201-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1993010201-line-11)">
+</text><text class="terminal-1993010201-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1993010201-line-12)">
+</text><text class="terminal-1993010201-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1993010201-line-13)">
+</text><text class="terminal-1993010201-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1993010201-line-14)">
+</text><text class="terminal-1993010201-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1993010201-line-15)">
+</text><text class="terminal-1993010201-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1993010201-line-16)">
+</text><text class="terminal-1993010201-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1993010201-line-17)">
+</text><text class="terminal-1993010201-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1993010201-line-18)">
+</text><text class="terminal-1993010201-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1993010201-line-19)">
+</text><text class="terminal-1993010201-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1993010201-line-20)">
+</text><text class="terminal-1993010201-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1993010201-line-21)">
+</text><text class="terminal-1993010201-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1993010201-line-22)">
+</text><text class="terminal-1993010201-r11" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-1993010201-line-23)">&#160;SPACE&#160;</text><text class="terminal-1993010201-r12" x="85.4" y="581.2" textLength="207.4" clip-path="url(#terminal-1993010201-line-23)">Focus&#160;button&#160;2.2&#160;</text><text class="terminal-1993010201-r14" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1993010201-line-23)">▏</text><text class="terminal-1993010201-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1993010201-line-23)">^p</text><text class="terminal-1993010201-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1993010201-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
index 1b5b2ddd36..234f5bc536 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_auto_width_input.svg
@@ -19,139 +19,140 @@
         font-weight: 700;
     }
 
-    .terminal-2049425685-matrix {
+    .terminal-1627381995-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2049425685-title {
+    .terminal-1627381995-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2049425685-r1 { fill: #c5c8c6 }
-.terminal-2049425685-r2 { fill: #e3e3e3 }
-.terminal-2049425685-r3 { fill: #1e1e1e }
-.terminal-2049425685-r4 { fill: #0178d4 }
-.terminal-2049425685-r5 { fill: #e1e1e1 }
-.terminal-2049425685-r6 { fill: #e2e2e2 }
-.terminal-2049425685-r7 { fill: #e2e3e3 }
-.terminal-2049425685-r8 { fill: #fea62b;font-weight: bold }
-.terminal-2049425685-r9 { fill: #a7a9ab }
+    .terminal-1627381995-r1 { fill: #c5c8c6 }
+.terminal-1627381995-r2 { fill: #e3e3e3 }
+.terminal-1627381995-r3 { fill: #1e1e1e }
+.terminal-1627381995-r4 { fill: #0178d4 }
+.terminal-1627381995-r5 { fill: #e1e1e1 }
+.terminal-1627381995-r6 { fill: #e2e2e2 }
+.terminal-1627381995-r7 { fill: #e2e3e3 }
+.terminal-1627381995-r8 { fill: #4c5055 }
+.terminal-1627381995-r9 { fill: #fea62b;font-weight: bold }
+.terminal-1627381995-r10 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-2049425685-clip-terminal">
+    <clipPath id="terminal-1627381995-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2049425685-line-0">
+    <clipPath id="terminal-1627381995-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-1">
+<clipPath id="terminal-1627381995-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-2">
+<clipPath id="terminal-1627381995-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-3">
+<clipPath id="terminal-1627381995-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-4">
+<clipPath id="terminal-1627381995-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-5">
+<clipPath id="terminal-1627381995-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-6">
+<clipPath id="terminal-1627381995-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-7">
+<clipPath id="terminal-1627381995-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-8">
+<clipPath id="terminal-1627381995-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-9">
+<clipPath id="terminal-1627381995-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-10">
+<clipPath id="terminal-1627381995-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-11">
+<clipPath id="terminal-1627381995-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-12">
+<clipPath id="terminal-1627381995-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-13">
+<clipPath id="terminal-1627381995-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-14">
+<clipPath id="terminal-1627381995-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-15">
+<clipPath id="terminal-1627381995-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-16">
+<clipPath id="terminal-1627381995-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-17">
+<clipPath id="terminal-1627381995-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-18">
+<clipPath id="terminal-1627381995-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-19">
+<clipPath id="terminal-1627381995-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-20">
+<clipPath id="terminal-1627381995-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-21">
+<clipPath id="terminal-1627381995-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2049425685-line-22">
+<clipPath id="terminal-1627381995-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2049425685-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">InputWidthAutoApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1627381995-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">InputWidthAutoApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2049425685-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1627381995-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="25.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="36.6" y="50.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#e1e1e1" x="97.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2049425685-matrix">
-    <text class="terminal-2049425685-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2049425685-line-0)">⭘</text><text class="terminal-2049425685-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-2049425685-line-0)">InputWidthAutoApp</text><text class="terminal-2049425685-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2049425685-line-0)">
-</text><text class="terminal-2049425685-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-1)">▊</text><text class="terminal-2049425685-r4" x="12.2" y="44.4" textLength="122" clip-path="url(#terminal-2049425685-line-1)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2049425685-r4" x="134.2" y="44.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-1)">▎</text><text class="terminal-2049425685-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-1)">
-</text><text class="terminal-2049425685-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-2)">▊</text><text class="terminal-2049425685-r6" x="36.6" y="68.8" textLength="61" clip-path="url(#terminal-2049425685-line-2)">Hello</text><text class="terminal-2049425685-r4" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-2)">▎</text><text class="terminal-2049425685-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-2)">
-</text><text class="terminal-2049425685-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-3)">▊</text><text class="terminal-2049425685-r4" x="12.2" y="93.2" textLength="122" clip-path="url(#terminal-2049425685-line-3)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2049425685-r4" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-3)">▎</text><text class="terminal-2049425685-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-3)">
-</text><text class="terminal-2049425685-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2049425685-line-4)">
-</text><text class="terminal-2049425685-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2049425685-line-5)">
-</text><text class="terminal-2049425685-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-6)">
-</text><text class="terminal-2049425685-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-7)">
-</text><text class="terminal-2049425685-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-8)">
-</text><text class="terminal-2049425685-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2049425685-line-9)">
-</text><text class="terminal-2049425685-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2049425685-line-10)">
-</text><text class="terminal-2049425685-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-11)">
-</text><text class="terminal-2049425685-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-12)">
-</text><text class="terminal-2049425685-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-13)">
-</text><text class="terminal-2049425685-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2049425685-line-14)">
-</text><text class="terminal-2049425685-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2049425685-line-15)">
-</text><text class="terminal-2049425685-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-16)">
-</text><text class="terminal-2049425685-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-17)">
-</text><text class="terminal-2049425685-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2049425685-line-18)">
-</text><text class="terminal-2049425685-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2049425685-line-19)">
-</text><text class="terminal-2049425685-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2049425685-line-20)">
-</text><text class="terminal-2049425685-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2049425685-line-21)">
-</text><text class="terminal-2049425685-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2049425685-line-22)">
-</text><text class="terminal-2049425685-r8" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2049425685-line-23)">^p</text><text class="terminal-2049425685-r9" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2049425685-line-23)">&#160;palette</text>
+    <g class="terminal-1627381995-matrix">
+    <text class="terminal-1627381995-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1627381995-line-0)">⭘</text><text class="terminal-1627381995-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-1627381995-line-0)">InputWidthAutoApp</text><text class="terminal-1627381995-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1627381995-line-0)">
+</text><text class="terminal-1627381995-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-1)">▊</text><text class="terminal-1627381995-r4" x="12.2" y="44.4" textLength="122" clip-path="url(#terminal-1627381995-line-1)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1627381995-r4" x="134.2" y="44.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-1)">▎</text><text class="terminal-1627381995-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-1)">
+</text><text class="terminal-1627381995-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-2)">▊</text><text class="terminal-1627381995-r6" x="36.6" y="68.8" textLength="61" clip-path="url(#terminal-1627381995-line-2)">Hello</text><text class="terminal-1627381995-r4" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-2)">▎</text><text class="terminal-1627381995-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-2)">
+</text><text class="terminal-1627381995-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-3)">▊</text><text class="terminal-1627381995-r4" x="12.2" y="93.2" textLength="122" clip-path="url(#terminal-1627381995-line-3)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1627381995-r4" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-3)">▎</text><text class="terminal-1627381995-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-3)">
+</text><text class="terminal-1627381995-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1627381995-line-4)">
+</text><text class="terminal-1627381995-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1627381995-line-5)">
+</text><text class="terminal-1627381995-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-6)">
+</text><text class="terminal-1627381995-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-7)">
+</text><text class="terminal-1627381995-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-8)">
+</text><text class="terminal-1627381995-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1627381995-line-9)">
+</text><text class="terminal-1627381995-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1627381995-line-10)">
+</text><text class="terminal-1627381995-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-11)">
+</text><text class="terminal-1627381995-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-12)">
+</text><text class="terminal-1627381995-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-13)">
+</text><text class="terminal-1627381995-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1627381995-line-14)">
+</text><text class="terminal-1627381995-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1627381995-line-15)">
+</text><text class="terminal-1627381995-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-16)">
+</text><text class="terminal-1627381995-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-17)">
+</text><text class="terminal-1627381995-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-18)">
+</text><text class="terminal-1627381995-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1627381995-line-19)">
+</text><text class="terminal-1627381995-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1627381995-line-20)">
+</text><text class="terminal-1627381995-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1627381995-line-21)">
+</text><text class="terminal-1627381995-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1627381995-line-22)">
+</text><text class="terminal-1627381995-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1627381995-line-23)">▏</text><text class="terminal-1627381995-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1627381995-line-23)">^p</text><text class="terminal-1627381995-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1627381995-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
index 1811405464..d0e1bbf708 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bind_override.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-682262790-matrix {
+    .terminal-1520345308-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-682262790-title {
+    .terminal-1520345308-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-682262790-r1 { fill: #008000 }
-.terminal-682262790-r2 { fill: #c5c8c6 }
-.terminal-682262790-r3 { fill: #e1e1e1 }
-.terminal-682262790-r4 { fill: #1e1e1e }
-.terminal-682262790-r5 { fill: #e2e2e2 }
-.terminal-682262790-r6 { fill: #fea62b;font-weight: bold }
-.terminal-682262790-r7 { fill: #a7a9ab }
-.terminal-682262790-r8 { fill: #e2e3e3 }
+    .terminal-1520345308-r1 { fill: #008000 }
+.terminal-1520345308-r2 { fill: #c5c8c6 }
+.terminal-1520345308-r3 { fill: #e1e1e1 }
+.terminal-1520345308-r4 { fill: #1e1e1e }
+.terminal-1520345308-r5 { fill: #e2e2e2 }
+.terminal-1520345308-r6 { fill: #fea62b;font-weight: bold }
+.terminal-1520345308-r7 { fill: #a7a9ab }
+.terminal-1520345308-r8 { fill: #e2e3e3 }
+.terminal-1520345308-r9 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-682262790-clip-terminal">
+    <clipPath id="terminal-1520345308-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-682262790-line-0">
+    <clipPath id="terminal-1520345308-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-1">
+<clipPath id="terminal-1520345308-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-2">
+<clipPath id="terminal-1520345308-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-3">
+<clipPath id="terminal-1520345308-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-4">
+<clipPath id="terminal-1520345308-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-5">
+<clipPath id="terminal-1520345308-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-6">
+<clipPath id="terminal-1520345308-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-7">
+<clipPath id="terminal-1520345308-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-8">
+<clipPath id="terminal-1520345308-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-9">
+<clipPath id="terminal-1520345308-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-10">
+<clipPath id="terminal-1520345308-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-11">
+<clipPath id="terminal-1520345308-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-12">
+<clipPath id="terminal-1520345308-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-13">
+<clipPath id="terminal-1520345308-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-14">
+<clipPath id="terminal-1520345308-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-15">
+<clipPath id="terminal-1520345308-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-16">
+<clipPath id="terminal-1520345308-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-17">
+<clipPath id="terminal-1520345308-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-18">
+<clipPath id="terminal-1520345308-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-19">
+<clipPath id="terminal-1520345308-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-20">
+<clipPath id="terminal-1520345308-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-21">
+<clipPath id="terminal-1520345308-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-682262790-line-22">
+<clipPath id="terminal-1520345308-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-682262790-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1520345308-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-682262790-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1520345308-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="25.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="123.5" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#454a50" x="36.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="61" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="85.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="147.9" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="172.3" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="500.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="585.6" y="562.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-682262790-matrix">
-    <text class="terminal-682262790-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-682262790-line-0)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-682262790-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-682262790-line-0)">
-</text><text class="terminal-682262790-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-682262790-line-1)">│</text><text class="terminal-682262790-r3" x="12.2" y="44.4" textLength="97.6" clip-path="url(#terminal-682262790-line-1)">MyWidget</text><text class="terminal-682262790-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-682262790-line-1)">│</text><text class="terminal-682262790-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-682262790-line-1)">
-</text><text class="terminal-682262790-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-682262790-line-2)">│</text><text class="terminal-682262790-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-682262790-line-2)">│</text><text class="terminal-682262790-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-682262790-line-2)">
-</text><text class="terminal-682262790-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-682262790-line-3)">│</text><text class="terminal-682262790-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-682262790-line-3)">│</text><text class="terminal-682262790-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-682262790-line-3)">
-</text><text class="terminal-682262790-r1" x="0" y="117.6" textLength="976" clip-path="url(#terminal-682262790-line-4)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-682262790-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-682262790-line-4)">
-</text><text class="terminal-682262790-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-682262790-line-5)">▊</text><text class="terminal-682262790-r4" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-682262790-line-5)">▔▔▔▔▔▔▔▔</text><text class="terminal-682262790-r4" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-682262790-line-5)">▎</text><text class="terminal-682262790-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-682262790-line-5)">
-</text><text class="terminal-682262790-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-682262790-line-6)">▊</text><text class="terminal-682262790-r4" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-682262790-line-6)">▎</text><text class="terminal-682262790-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-682262790-line-6)">
-</text><text class="terminal-682262790-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-682262790-line-7)">▊</text><text class="terminal-682262790-r4" x="12.2" y="190.8" textLength="97.6" clip-path="url(#terminal-682262790-line-7)">▁▁▁▁▁▁▁▁</text><text class="terminal-682262790-r4" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-682262790-line-7)">▎</text><text class="terminal-682262790-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-682262790-line-7)">
-</text><text class="terminal-682262790-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-682262790-line-8)">
-</text><text class="terminal-682262790-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-682262790-line-9)">
-</text><text class="terminal-682262790-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-682262790-line-10)">
-</text><text class="terminal-682262790-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-682262790-line-11)">
-</text><text class="terminal-682262790-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-682262790-line-12)">
-</text><text class="terminal-682262790-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-682262790-line-13)">
-</text><text class="terminal-682262790-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-682262790-line-14)">
-</text><text class="terminal-682262790-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-682262790-line-15)">
-</text><text class="terminal-682262790-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-682262790-line-16)">
-</text><text class="terminal-682262790-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-682262790-line-17)">
-</text><text class="terminal-682262790-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-682262790-line-18)">
-</text><text class="terminal-682262790-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-682262790-line-19)">
-</text><text class="terminal-682262790-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-682262790-line-20)">
-</text><text class="terminal-682262790-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-682262790-line-21)">
-</text><text class="terminal-682262790-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-682262790-line-22)">
-</text><text class="terminal-682262790-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-682262790-line-23)">&#160;SPACE&#160;</text><text class="terminal-682262790-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-682262790-line-23)">Bell&#160;(Widget)&#160;</text><text class="terminal-682262790-r6" x="256.2" y="581.2" textLength="36.6" clip-path="url(#terminal-682262790-line-23)">&#160;a&#160;</text><text class="terminal-682262790-r7" x="292.8" y="581.2" textLength="85.4" clip-path="url(#terminal-682262790-line-23)">widget&#160;</text><text class="terminal-682262790-r6" x="378.2" y="581.2" textLength="36.6" clip-path="url(#terminal-682262790-line-23)">&#160;b&#160;</text><text class="terminal-682262790-r7" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-682262790-line-23)">widget&#160;</text><text class="terminal-682262790-r6" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-682262790-line-23)">&#160;c&#160;</text><text class="terminal-682262790-r7" x="536.8" y="581.2" textLength="48.8" clip-path="url(#terminal-682262790-line-23)">app&#160;</text><text class="terminal-682262790-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-682262790-line-23)">^p</text><text class="terminal-682262790-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-682262790-line-23)">&#160;palette</text>
+    <g class="terminal-1520345308-matrix">
+    <text class="terminal-1520345308-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1520345308-line-0)">┌──────────────────────────────────────────────────────────────────────────────┐</text><text class="terminal-1520345308-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1520345308-line-0)">
+</text><text class="terminal-1520345308-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-1)">│</text><text class="terminal-1520345308-r3" x="12.2" y="44.4" textLength="97.6" clip-path="url(#terminal-1520345308-line-1)">MyWidget</text><text class="terminal-1520345308-r1" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-1)">│</text><text class="terminal-1520345308-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-1)">
+</text><text class="terminal-1520345308-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-2)">│</text><text class="terminal-1520345308-r1" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-2)">│</text><text class="terminal-1520345308-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-2)">
+</text><text class="terminal-1520345308-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-3)">│</text><text class="terminal-1520345308-r1" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-3)">│</text><text class="terminal-1520345308-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-3)">
+</text><text class="terminal-1520345308-r1" x="0" y="117.6" textLength="976" clip-path="url(#terminal-1520345308-line-4)">└──────────────────────────────────────────────────────────────────────────────┘</text><text class="terminal-1520345308-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1520345308-line-4)">
+</text><text class="terminal-1520345308-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1520345308-line-5)">▊</text><text class="terminal-1520345308-r4" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-1520345308-line-5)">▔▔▔▔▔▔▔▔</text><text class="terminal-1520345308-r4" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-1520345308-line-5)">▎</text><text class="terminal-1520345308-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1520345308-line-5)">
+</text><text class="terminal-1520345308-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-6)">▊</text><text class="terminal-1520345308-r4" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-6)">▎</text><text class="terminal-1520345308-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-6)">
+</text><text class="terminal-1520345308-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-7)">▊</text><text class="terminal-1520345308-r4" x="12.2" y="190.8" textLength="97.6" clip-path="url(#terminal-1520345308-line-7)">▁▁▁▁▁▁▁▁</text><text class="terminal-1520345308-r4" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-7)">▎</text><text class="terminal-1520345308-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-7)">
+</text><text class="terminal-1520345308-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-8)">
+</text><text class="terminal-1520345308-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1520345308-line-9)">
+</text><text class="terminal-1520345308-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1520345308-line-10)">
+</text><text class="terminal-1520345308-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-11)">
+</text><text class="terminal-1520345308-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-12)">
+</text><text class="terminal-1520345308-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-13)">
+</text><text class="terminal-1520345308-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1520345308-line-14)">
+</text><text class="terminal-1520345308-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1520345308-line-15)">
+</text><text class="terminal-1520345308-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-16)">
+</text><text class="terminal-1520345308-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-17)">
+</text><text class="terminal-1520345308-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-18)">
+</text><text class="terminal-1520345308-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1520345308-line-19)">
+</text><text class="terminal-1520345308-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1520345308-line-20)">
+</text><text class="terminal-1520345308-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1520345308-line-21)">
+</text><text class="terminal-1520345308-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1520345308-line-22)">
+</text><text class="terminal-1520345308-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-1520345308-line-23)">&#160;SPACE&#160;</text><text class="terminal-1520345308-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-1520345308-line-23)">Bell&#160;(Widget)&#160;</text><text class="terminal-1520345308-r6" x="256.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1520345308-line-23)">&#160;a&#160;</text><text class="terminal-1520345308-r7" x="292.8" y="581.2" textLength="85.4" clip-path="url(#terminal-1520345308-line-23)">widget&#160;</text><text class="terminal-1520345308-r6" x="378.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1520345308-line-23)">&#160;b&#160;</text><text class="terminal-1520345308-r7" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-1520345308-line-23)">widget&#160;</text><text class="terminal-1520345308-r6" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1520345308-line-23)">&#160;c&#160;</text><text class="terminal-1520345308-r7" x="536.8" y="581.2" textLength="48.8" clip-path="url(#terminal-1520345308-line-23)">app&#160;</text><text class="terminal-1520345308-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1520345308-line-23)">▏</text><text class="terminal-1520345308-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1520345308-line-23)">^p</text><text class="terminal-1520345308-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1520345308-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
index d077bc2ae2..c9add5c566 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_bindings_screen_overrides_show.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-1913393976-matrix {
+    .terminal-1311978254-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1913393976-title {
+    .terminal-1311978254-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1913393976-r1 { fill: #e1e1e1 }
-.terminal-1913393976-r2 { fill: #c5c8c6 }
-.terminal-1913393976-r3 { fill: #fea62b;font-weight: bold }
-.terminal-1913393976-r4 { fill: #a7a9ab }
-.terminal-1913393976-r5 { fill: #e2e3e3 }
+    .terminal-1311978254-r1 { fill: #e1e1e1 }
+.terminal-1311978254-r2 { fill: #c5c8c6 }
+.terminal-1311978254-r3 { fill: #fea62b;font-weight: bold }
+.terminal-1311978254-r4 { fill: #a7a9ab }
+.terminal-1311978254-r5 { fill: #e2e3e3 }
+.terminal-1311978254-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1913393976-clip-terminal">
+    <clipPath id="terminal-1311978254-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1913393976-line-0">
+    <clipPath id="terminal-1311978254-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-1">
+<clipPath id="terminal-1311978254-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-2">
+<clipPath id="terminal-1311978254-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-3">
+<clipPath id="terminal-1311978254-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-4">
+<clipPath id="terminal-1311978254-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-5">
+<clipPath id="terminal-1311978254-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-6">
+<clipPath id="terminal-1311978254-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-7">
+<clipPath id="terminal-1311978254-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-8">
+<clipPath id="terminal-1311978254-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-9">
+<clipPath id="terminal-1311978254-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-10">
+<clipPath id="terminal-1311978254-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-11">
+<clipPath id="terminal-1311978254-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-12">
+<clipPath id="terminal-1311978254-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-13">
+<clipPath id="terminal-1311978254-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-14">
+<clipPath id="terminal-1311978254-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-15">
+<clipPath id="terminal-1311978254-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-16">
+<clipPath id="terminal-1311978254-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-17">
+<clipPath id="terminal-1311978254-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-18">
+<clipPath id="terminal-1311978254-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-19">
+<clipPath id="terminal-1311978254-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-20">
+<clipPath id="terminal-1311978254-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-21">
+<clipPath id="terminal-1311978254-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1913393976-line-22">
+<clipPath id="terminal-1311978254-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1913393976-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HideBindingApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1311978254-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">HideBindingApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1913393976-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1311978254-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1913393976-matrix">
-    <text class="terminal-1913393976-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1913393976-line-0)">
-</text><text class="terminal-1913393976-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1913393976-line-1)">
-</text><text class="terminal-1913393976-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1913393976-line-2)">
-</text><text class="terminal-1913393976-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1913393976-line-3)">
-</text><text class="terminal-1913393976-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1913393976-line-4)">
-</text><text class="terminal-1913393976-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1913393976-line-5)">
-</text><text class="terminal-1913393976-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1913393976-line-6)">
-</text><text class="terminal-1913393976-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1913393976-line-7)">
-</text><text class="terminal-1913393976-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1913393976-line-8)">
-</text><text class="terminal-1913393976-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1913393976-line-9)">
-</text><text class="terminal-1913393976-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1913393976-line-10)">
-</text><text class="terminal-1913393976-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1913393976-line-11)">
-</text><text class="terminal-1913393976-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1913393976-line-12)">
-</text><text class="terminal-1913393976-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1913393976-line-13)">
-</text><text class="terminal-1913393976-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1913393976-line-14)">
-</text><text class="terminal-1913393976-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1913393976-line-15)">
-</text><text class="terminal-1913393976-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1913393976-line-16)">
-</text><text class="terminal-1913393976-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1913393976-line-17)">
-</text><text class="terminal-1913393976-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1913393976-line-18)">
-</text><text class="terminal-1913393976-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1913393976-line-19)">
-</text><text class="terminal-1913393976-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1913393976-line-20)">
-</text><text class="terminal-1913393976-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1913393976-line-21)">
-</text><text class="terminal-1913393976-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1913393976-line-22)">
-</text><text class="terminal-1913393976-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1913393976-line-23)">&#160;p&#160;</text><text class="terminal-1913393976-r4" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1913393976-line-23)">Binding&#160;shown&#160;</text><text class="terminal-1913393976-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1913393976-line-23)">^p</text><text class="terminal-1913393976-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1913393976-line-23)">&#160;palette</text>
+    <g class="terminal-1311978254-matrix">
+    <text class="terminal-1311978254-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1311978254-line-0)">
+</text><text class="terminal-1311978254-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1311978254-line-1)">
+</text><text class="terminal-1311978254-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1311978254-line-2)">
+</text><text class="terminal-1311978254-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1311978254-line-3)">
+</text><text class="terminal-1311978254-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1311978254-line-4)">
+</text><text class="terminal-1311978254-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1311978254-line-5)">
+</text><text class="terminal-1311978254-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1311978254-line-6)">
+</text><text class="terminal-1311978254-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1311978254-line-7)">
+</text><text class="terminal-1311978254-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1311978254-line-8)">
+</text><text class="terminal-1311978254-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1311978254-line-9)">
+</text><text class="terminal-1311978254-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1311978254-line-10)">
+</text><text class="terminal-1311978254-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1311978254-line-11)">
+</text><text class="terminal-1311978254-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1311978254-line-12)">
+</text><text class="terminal-1311978254-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1311978254-line-13)">
+</text><text class="terminal-1311978254-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1311978254-line-14)">
+</text><text class="terminal-1311978254-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1311978254-line-15)">
+</text><text class="terminal-1311978254-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1311978254-line-16)">
+</text><text class="terminal-1311978254-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1311978254-line-17)">
+</text><text class="terminal-1311978254-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1311978254-line-18)">
+</text><text class="terminal-1311978254-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1311978254-line-19)">
+</text><text class="terminal-1311978254-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1311978254-line-20)">
+</text><text class="terminal-1311978254-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1311978254-line-21)">
+</text><text class="terminal-1311978254-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1311978254-line-22)">
+</text><text class="terminal-1311978254-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1311978254-line-23)">&#160;p&#160;</text><text class="terminal-1311978254-r4" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1311978254-line-23)">Binding&#160;shown&#160;</text><text class="terminal-1311978254-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1311978254-line-23)">▏</text><text class="terminal-1311978254-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1311978254-line-23)">^p</text><text class="terminal-1311978254-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1311978254-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
index 124c5e80bf..b56de7bb0b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_collapsed.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-3031424370-matrix {
+    .terminal-1462435144-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3031424370-title {
+    .terminal-1462435144-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3031424370-r1 { fill: #121212 }
-.terminal-3031424370-r2 { fill: #c5c8c6 }
-.terminal-3031424370-r3 { fill: #ddedf9 }
-.terminal-3031424370-r4 { fill: #e2e2e2 }
-.terminal-3031424370-r5 { fill: #e1e1e1 }
-.terminal-3031424370-r6 { fill: #fea62b;font-weight: bold }
-.terminal-3031424370-r7 { fill: #a7a9ab }
-.terminal-3031424370-r8 { fill: #e2e3e3 }
+    .terminal-1462435144-r1 { fill: #121212 }
+.terminal-1462435144-r2 { fill: #c5c8c6 }
+.terminal-1462435144-r3 { fill: #ddedf9 }
+.terminal-1462435144-r4 { fill: #e2e2e2 }
+.terminal-1462435144-r5 { fill: #e1e1e1 }
+.terminal-1462435144-r6 { fill: #fea62b;font-weight: bold }
+.terminal-1462435144-r7 { fill: #a7a9ab }
+.terminal-1462435144-r8 { fill: #e2e3e3 }
+.terminal-1462435144-r9 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3031424370-clip-terminal">
+    <clipPath id="terminal-1462435144-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3031424370-line-0">
+    <clipPath id="terminal-1462435144-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-1">
+<clipPath id="terminal-1462435144-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-2">
+<clipPath id="terminal-1462435144-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-3">
+<clipPath id="terminal-1462435144-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-4">
+<clipPath id="terminal-1462435144-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-5">
+<clipPath id="terminal-1462435144-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-6">
+<clipPath id="terminal-1462435144-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-7">
+<clipPath id="terminal-1462435144-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-8">
+<clipPath id="terminal-1462435144-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-9">
+<clipPath id="terminal-1462435144-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-10">
+<clipPath id="terminal-1462435144-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-11">
+<clipPath id="terminal-1462435144-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-12">
+<clipPath id="terminal-1462435144-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-13">
+<clipPath id="terminal-1462435144-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-14">
+<clipPath id="terminal-1462435144-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-15">
+<clipPath id="terminal-1462435144-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-16">
+<clipPath id="terminal-1462435144-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-17">
+<clipPath id="terminal-1462435144-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-18">
+<clipPath id="terminal-1462435144-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-19">
+<clipPath id="terminal-1462435144-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-20">
+<clipPath id="terminal-1462435144-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-21">
+<clipPath id="terminal-1462435144-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3031424370-line-22">
+<clipPath id="terminal-1462435144-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3031424370-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1462435144-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3031424370-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1462435144-clip-terminal)">
     <rect fill="#262626" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3031424370-matrix">
-    <text class="terminal-3031424370-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-3031424370-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3031424370-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3031424370-line-0)">
-</text><text class="terminal-3031424370-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-3031424370-line-1)">▶&#160;Leto</text><text class="terminal-3031424370-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3031424370-line-1)">
-</text><text class="terminal-3031424370-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3031424370-line-2)">
-</text><text class="terminal-3031424370-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-3031424370-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3031424370-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3031424370-line-3)">
-</text><text class="terminal-3031424370-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-3031424370-line-4)">▶&#160;Jessica</text><text class="terminal-3031424370-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3031424370-line-4)">
-</text><text class="terminal-3031424370-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3031424370-line-5)">
-</text><text class="terminal-3031424370-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-3031424370-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3031424370-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3031424370-line-6)">
-</text><text class="terminal-3031424370-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-3031424370-line-7)">▶&#160;Paul</text><text class="terminal-3031424370-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3031424370-line-7)">
-</text><text class="terminal-3031424370-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3031424370-line-8)">
-</text><text class="terminal-3031424370-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3031424370-line-9)">
-</text><text class="terminal-3031424370-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3031424370-line-10)">
-</text><text class="terminal-3031424370-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3031424370-line-11)">
-</text><text class="terminal-3031424370-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3031424370-line-12)">
-</text><text class="terminal-3031424370-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3031424370-line-13)">
-</text><text class="terminal-3031424370-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3031424370-line-14)">
-</text><text class="terminal-3031424370-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3031424370-line-15)">
-</text><text class="terminal-3031424370-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3031424370-line-16)">
-</text><text class="terminal-3031424370-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3031424370-line-17)">
-</text><text class="terminal-3031424370-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3031424370-line-18)">
-</text><text class="terminal-3031424370-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3031424370-line-19)">
-</text><text class="terminal-3031424370-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3031424370-line-20)">
-</text><text class="terminal-3031424370-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3031424370-line-21)">
-</text><text class="terminal-3031424370-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3031424370-line-22)">
-</text><text class="terminal-3031424370-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3031424370-line-23)">&#160;c&#160;</text><text class="terminal-3031424370-r7" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3031424370-line-23)">Collapse&#160;All&#160;</text><text class="terminal-3031424370-r6" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3031424370-line-23)">&#160;e&#160;</text><text class="terminal-3031424370-r7" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-3031424370-line-23)">Expand&#160;All&#160;</text><text class="terminal-3031424370-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3031424370-line-23)">^p</text><text class="terminal-3031424370-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3031424370-line-23)">&#160;palette</text>
+    <g class="terminal-1462435144-matrix">
+    <text class="terminal-1462435144-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1462435144-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1462435144-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1462435144-line-0)">
+</text><text class="terminal-1462435144-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-1462435144-line-1)">▶&#160;Leto</text><text class="terminal-1462435144-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1462435144-line-1)">
+</text><text class="terminal-1462435144-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1462435144-line-2)">
+</text><text class="terminal-1462435144-r1" x="0" y="93.2" textLength="976" clip-path="url(#terminal-1462435144-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1462435144-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1462435144-line-3)">
+</text><text class="terminal-1462435144-r4" x="24.4" y="117.6" textLength="109.8" clip-path="url(#terminal-1462435144-line-4)">▶&#160;Jessica</text><text class="terminal-1462435144-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1462435144-line-4)">
+</text><text class="terminal-1462435144-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1462435144-line-5)">
+</text><text class="terminal-1462435144-r1" x="0" y="166.4" textLength="976" clip-path="url(#terminal-1462435144-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1462435144-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1462435144-line-6)">
+</text><text class="terminal-1462435144-r4" x="24.4" y="190.8" textLength="73.2" clip-path="url(#terminal-1462435144-line-7)">▶&#160;Paul</text><text class="terminal-1462435144-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1462435144-line-7)">
+</text><text class="terminal-1462435144-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1462435144-line-8)">
+</text><text class="terminal-1462435144-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1462435144-line-9)">
+</text><text class="terminal-1462435144-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1462435144-line-10)">
+</text><text class="terminal-1462435144-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1462435144-line-11)">
+</text><text class="terminal-1462435144-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1462435144-line-12)">
+</text><text class="terminal-1462435144-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1462435144-line-13)">
+</text><text class="terminal-1462435144-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1462435144-line-14)">
+</text><text class="terminal-1462435144-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1462435144-line-15)">
+</text><text class="terminal-1462435144-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1462435144-line-16)">
+</text><text class="terminal-1462435144-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1462435144-line-17)">
+</text><text class="terminal-1462435144-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1462435144-line-18)">
+</text><text class="terminal-1462435144-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1462435144-line-19)">
+</text><text class="terminal-1462435144-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1462435144-line-20)">
+</text><text class="terminal-1462435144-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1462435144-line-21)">
+</text><text class="terminal-1462435144-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1462435144-line-22)">
+</text><text class="terminal-1462435144-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1462435144-line-23)">&#160;c&#160;</text><text class="terminal-1462435144-r7" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-1462435144-line-23)">Collapse&#160;All&#160;</text><text class="terminal-1462435144-r6" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-1462435144-line-23)">&#160;e&#160;</text><text class="terminal-1462435144-r7" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-1462435144-line-23)">Expand&#160;All&#160;</text><text class="terminal-1462435144-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1462435144-line-23)">▏</text><text class="terminal-1462435144-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1462435144-line-23)">^p</text><text class="terminal-1462435144-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1462435144-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
index 217875da99..6601ca9c18 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_expanded.svg
@@ -19,140 +19,141 @@
         font-weight: 700;
     }
 
-    .terminal-2507231653-matrix {
+    .terminal-3006296443-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2507231653-title {
+    .terminal-3006296443-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2507231653-r1 { fill: #121212 }
-.terminal-2507231653-r2 { fill: #e1e1e1 }
-.terminal-2507231653-r3 { fill: #c5c8c6 }
-.terminal-2507231653-r4 { fill: #ddedf9 }
-.terminal-2507231653-r5 { fill: #e2e2e2 }
-.terminal-2507231653-r6 { fill: #4ebf71;font-weight: bold }
-.terminal-2507231653-r7 { fill: #14191f }
-.terminal-2507231653-r8 { fill: #fea62b;font-weight: bold }
-.terminal-2507231653-r9 { fill: #a7a9ab }
-.terminal-2507231653-r10 { fill: #e2e3e3 }
+    .terminal-3006296443-r1 { fill: #121212 }
+.terminal-3006296443-r2 { fill: #e1e1e1 }
+.terminal-3006296443-r3 { fill: #c5c8c6 }
+.terminal-3006296443-r4 { fill: #ddedf9 }
+.terminal-3006296443-r5 { fill: #e2e2e2 }
+.terminal-3006296443-r6 { fill: #4ebf71;font-weight: bold }
+.terminal-3006296443-r7 { fill: #14191f }
+.terminal-3006296443-r8 { fill: #fea62b;font-weight: bold }
+.terminal-3006296443-r9 { fill: #a7a9ab }
+.terminal-3006296443-r10 { fill: #e2e3e3 }
+.terminal-3006296443-r11 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2507231653-clip-terminal">
+    <clipPath id="terminal-3006296443-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2507231653-line-0">
+    <clipPath id="terminal-3006296443-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-1">
+<clipPath id="terminal-3006296443-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-2">
+<clipPath id="terminal-3006296443-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-3">
+<clipPath id="terminal-3006296443-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-4">
+<clipPath id="terminal-3006296443-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-5">
+<clipPath id="terminal-3006296443-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-6">
+<clipPath id="terminal-3006296443-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-7">
+<clipPath id="terminal-3006296443-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-8">
+<clipPath id="terminal-3006296443-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-9">
+<clipPath id="terminal-3006296443-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-10">
+<clipPath id="terminal-3006296443-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-11">
+<clipPath id="terminal-3006296443-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-12">
+<clipPath id="terminal-3006296443-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-13">
+<clipPath id="terminal-3006296443-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-14">
+<clipPath id="terminal-3006296443-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-15">
+<clipPath id="terminal-3006296443-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-16">
+<clipPath id="terminal-3006296443-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-17">
+<clipPath id="terminal-3006296443-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-18">
+<clipPath id="terminal-3006296443-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-19">
+<clipPath id="terminal-3006296443-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-20">
+<clipPath id="terminal-3006296443-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-21">
+<clipPath id="terminal-3006296443-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2507231653-line-22">
+<clipPath id="terminal-3006296443-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2507231653-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3006296443-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2507231653-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3006296443-clip-terminal)">
     <rect fill="#262626" x="0" y="1.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="25.9" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="329.4" y="74.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="329.4" y="99.1" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="123.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="196.7" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="245.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="269.9" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="73.2" y="294.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="573.4" y="294.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="927.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="318.7" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="343.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="343.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="927.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="367.5" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="391.9" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="416.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="440.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="465.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="465.1" width="841.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="489.5" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="513.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="513.9" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="538.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="538.3" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="805.2" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="817.4" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2507231653-matrix">
-    <text class="terminal-2507231653-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-2507231653-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2507231653-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2507231653-line-0)">
-</text><text class="terminal-2507231653-r4" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-2507231653-line-1)">▼&#160;Leto</text><text class="terminal-2507231653-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2507231653-line-1)">
-</text><text class="terminal-2507231653-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2507231653-line-2)">
-</text><text class="terminal-2507231653-r5" x="48.8" y="93.2" textLength="268.4" clip-path="url(#terminal-2507231653-line-3)">#&#160;Duke&#160;Leto&#160;I&#160;Atreides</text><text class="terminal-2507231653-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2507231653-line-3)">
-</text><text class="terminal-2507231653-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2507231653-line-4)">
-</text><text class="terminal-2507231653-r5" x="48.8" y="142" textLength="902.8" clip-path="url(#terminal-2507231653-line-5)">Head&#160;of&#160;House&#160;Atreides.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2507231653-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2507231653-line-5)">
-</text><text class="terminal-2507231653-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2507231653-line-6)">
-</text><text class="terminal-2507231653-r1" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-2507231653-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2507231653-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2507231653-line-7)">
-</text><text class="terminal-2507231653-r5" x="24.4" y="215.2" textLength="109.8" clip-path="url(#terminal-2507231653-line-8)">▼&#160;Jessica</text><text class="terminal-2507231653-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2507231653-line-8)">
-</text><text class="terminal-2507231653-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2507231653-line-9)">
-</text><text class="terminal-2507231653-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2507231653-line-10)">
-</text><text class="terminal-2507231653-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2507231653-line-11)">
-</text><text class="terminal-2507231653-r6" x="427" y="312.8" textLength="146.4" clip-path="url(#terminal-2507231653-line-12)">Lady&#160;Jessica</text><text class="terminal-2507231653-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2507231653-line-12)">
-</text><text class="terminal-2507231653-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2507231653-line-13)">
-</text><text class="terminal-2507231653-r5" x="48.8" y="361.6" textLength="817.4" clip-path="url(#terminal-2507231653-line-14)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-2507231653-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2507231653-line-14)">
-</text><text class="terminal-2507231653-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2507231653-line-15)">
-</text><text class="terminal-2507231653-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2507231653-line-16)">
-</text><text class="terminal-2507231653-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2507231653-line-17)">
-</text><text class="terminal-2507231653-r1" x="0" y="459.2" textLength="951.6" clip-path="url(#terminal-2507231653-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2507231653-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2507231653-line-18)">
-</text><text class="terminal-2507231653-r5" x="24.4" y="483.6" textLength="73.2" clip-path="url(#terminal-2507231653-line-19)">▼&#160;Paul</text><text class="terminal-2507231653-r7" x="951.6" y="483.6" textLength="24.4" clip-path="url(#terminal-2507231653-line-19)">▆▆</text><text class="terminal-2507231653-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2507231653-line-19)">
-</text><text class="terminal-2507231653-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2507231653-line-20)">
-</text><text class="terminal-2507231653-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2507231653-line-21)">
-</text><text class="terminal-2507231653-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2507231653-line-22)">
-</text><text class="terminal-2507231653-r8" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2507231653-line-23)">&#160;c&#160;</text><text class="terminal-2507231653-r9" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-2507231653-line-23)">Collapse&#160;All&#160;</text><text class="terminal-2507231653-r8" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-2507231653-line-23)">&#160;e&#160;</text><text class="terminal-2507231653-r9" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-2507231653-line-23)">Expand&#160;All&#160;</text><text class="terminal-2507231653-r8" x="817.4" y="581.2" textLength="24.4" clip-path="url(#terminal-2507231653-line-23)">^p</text><text class="terminal-2507231653-r9" x="841.8" y="581.2" textLength="97.6" clip-path="url(#terminal-2507231653-line-23)">&#160;palette</text>
+    <g class="terminal-3006296443-matrix">
+    <text class="terminal-3006296443-r1" x="0" y="20" textLength="951.6" clip-path="url(#terminal-3006296443-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3006296443-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3006296443-line-0)">
+</text><text class="terminal-3006296443-r4" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-3006296443-line-1)">▼&#160;Leto</text><text class="terminal-3006296443-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3006296443-line-1)">
+</text><text class="terminal-3006296443-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3006296443-line-2)">
+</text><text class="terminal-3006296443-r5" x="48.8" y="93.2" textLength="268.4" clip-path="url(#terminal-3006296443-line-3)">#&#160;Duke&#160;Leto&#160;I&#160;Atreides</text><text class="terminal-3006296443-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3006296443-line-3)">
+</text><text class="terminal-3006296443-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3006296443-line-4)">
+</text><text class="terminal-3006296443-r5" x="48.8" y="142" textLength="902.8" clip-path="url(#terminal-3006296443-line-5)">Head&#160;of&#160;House&#160;Atreides.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3006296443-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3006296443-line-5)">
+</text><text class="terminal-3006296443-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3006296443-line-6)">
+</text><text class="terminal-3006296443-r1" x="0" y="190.8" textLength="951.6" clip-path="url(#terminal-3006296443-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3006296443-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3006296443-line-7)">
+</text><text class="terminal-3006296443-r5" x="24.4" y="215.2" textLength="109.8" clip-path="url(#terminal-3006296443-line-8)">▼&#160;Jessica</text><text class="terminal-3006296443-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3006296443-line-8)">
+</text><text class="terminal-3006296443-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3006296443-line-9)">
+</text><text class="terminal-3006296443-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3006296443-line-10)">
+</text><text class="terminal-3006296443-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3006296443-line-11)">
+</text><text class="terminal-3006296443-r6" x="427" y="312.8" textLength="146.4" clip-path="url(#terminal-3006296443-line-12)">Lady&#160;Jessica</text><text class="terminal-3006296443-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3006296443-line-12)">
+</text><text class="terminal-3006296443-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3006296443-line-13)">
+</text><text class="terminal-3006296443-r5" x="48.8" y="361.6" textLength="817.4" clip-path="url(#terminal-3006296443-line-14)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-3006296443-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3006296443-line-14)">
+</text><text class="terminal-3006296443-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3006296443-line-15)">
+</text><text class="terminal-3006296443-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3006296443-line-16)">
+</text><text class="terminal-3006296443-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3006296443-line-17)">
+</text><text class="terminal-3006296443-r1" x="0" y="459.2" textLength="951.6" clip-path="url(#terminal-3006296443-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3006296443-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3006296443-line-18)">
+</text><text class="terminal-3006296443-r5" x="24.4" y="483.6" textLength="73.2" clip-path="url(#terminal-3006296443-line-19)">▼&#160;Paul</text><text class="terminal-3006296443-r7" x="951.6" y="483.6" textLength="24.4" clip-path="url(#terminal-3006296443-line-19)">▆▆</text><text class="terminal-3006296443-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3006296443-line-19)">
+</text><text class="terminal-3006296443-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3006296443-line-20)">
+</text><text class="terminal-3006296443-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3006296443-line-21)">
+</text><text class="terminal-3006296443-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3006296443-line-22)">
+</text><text class="terminal-3006296443-r8" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3006296443-line-23)">&#160;c&#160;</text><text class="terminal-3006296443-r9" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3006296443-line-23)">Collapse&#160;All&#160;</text><text class="terminal-3006296443-r8" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3006296443-line-23)">&#160;e&#160;</text><text class="terminal-3006296443-r9" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-3006296443-line-23)">Expand&#160;All&#160;</text><text class="terminal-3006296443-r11" x="805.2" y="581.2" textLength="12.2" clip-path="url(#terminal-3006296443-line-23)">▏</text><text class="terminal-3006296443-r8" x="817.4" y="581.2" textLength="24.4" clip-path="url(#terminal-3006296443-line-23)">^p</text><text class="terminal-3006296443-r9" x="841.8" y="581.2" textLength="97.6" clip-path="url(#terminal-3006296443-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
index 1f3c490928..4e6d5e263e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_collapsible_render.svg
@@ -19,139 +19,140 @@
         font-weight: 700;
     }
 
-    .terminal-335332231-matrix {
+    .terminal-4256359261-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-335332231-title {
+    .terminal-4256359261-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-335332231-r1 { fill: #121212 }
-.terminal-335332231-r2 { fill: #c5c8c6 }
-.terminal-335332231-r3 { fill: #ddedf9 }
-.terminal-335332231-r4 { fill: #e2e2e2 }
-.terminal-335332231-r5 { fill: #4ebf71;font-weight: bold }
-.terminal-335332231-r6 { fill: #e1e1e1 }
-.terminal-335332231-r7 { fill: #fea62b;font-weight: bold }
-.terminal-335332231-r8 { fill: #a7a9ab }
-.terminal-335332231-r9 { fill: #e2e3e3 }
+    .terminal-4256359261-r1 { fill: #121212 }
+.terminal-4256359261-r2 { fill: #c5c8c6 }
+.terminal-4256359261-r3 { fill: #ddedf9 }
+.terminal-4256359261-r4 { fill: #e2e2e2 }
+.terminal-4256359261-r5 { fill: #4ebf71;font-weight: bold }
+.terminal-4256359261-r6 { fill: #e1e1e1 }
+.terminal-4256359261-r7 { fill: #fea62b;font-weight: bold }
+.terminal-4256359261-r8 { fill: #a7a9ab }
+.terminal-4256359261-r9 { fill: #e2e3e3 }
+.terminal-4256359261-r10 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-335332231-clip-terminal">
+    <clipPath id="terminal-4256359261-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-335332231-line-0">
+    <clipPath id="terminal-4256359261-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-1">
+<clipPath id="terminal-4256359261-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-2">
+<clipPath id="terminal-4256359261-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-3">
+<clipPath id="terminal-4256359261-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-4">
+<clipPath id="terminal-4256359261-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-5">
+<clipPath id="terminal-4256359261-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-6">
+<clipPath id="terminal-4256359261-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-7">
+<clipPath id="terminal-4256359261-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-8">
+<clipPath id="terminal-4256359261-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-9">
+<clipPath id="terminal-4256359261-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-10">
+<clipPath id="terminal-4256359261-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-11">
+<clipPath id="terminal-4256359261-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-12">
+<clipPath id="terminal-4256359261-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-13">
+<clipPath id="terminal-4256359261-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-14">
+<clipPath id="terminal-4256359261-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-15">
+<clipPath id="terminal-4256359261-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-16">
+<clipPath id="terminal-4256359261-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-17">
+<clipPath id="terminal-4256359261-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-18">
+<clipPath id="terminal-4256359261-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-19">
+<clipPath id="terminal-4256359261-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-20">
+<clipPath id="terminal-4256359261-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-21">
+<clipPath id="terminal-4256359261-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-335332231-line-22">
+<clipPath id="terminal-4256359261-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-335332231-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4256359261-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CollapsibleApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-335332231-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-4256359261-clip-terminal)">
     <rect fill="#262626" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="317.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="329.4" y="74.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="99.1" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="329.4" y="99.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="134.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="196.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="245.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="269.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="73.2" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="439.2" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="585.6" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="318.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="343.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="367.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="391.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="465.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="465.1" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-335332231-matrix">
-    <text class="terminal-335332231-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-335332231-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-335332231-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-335332231-line-0)">
-</text><text class="terminal-335332231-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-335332231-line-1)">▼&#160;Leto</text><text class="terminal-335332231-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-335332231-line-1)">
-</text><text class="terminal-335332231-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-335332231-line-2)">
-</text><text class="terminal-335332231-r4" x="48.8" y="93.2" textLength="268.4" clip-path="url(#terminal-335332231-line-3)">#&#160;Duke&#160;Leto&#160;I&#160;Atreides</text><text class="terminal-335332231-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-335332231-line-3)">
-</text><text class="terminal-335332231-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-335332231-line-4)">
-</text><text class="terminal-335332231-r4" x="48.8" y="142" textLength="927.2" clip-path="url(#terminal-335332231-line-5)">Head&#160;of&#160;House&#160;Atreides.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-335332231-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-335332231-line-5)">
-</text><text class="terminal-335332231-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-335332231-line-6)">
-</text><text class="terminal-335332231-r1" x="0" y="190.8" textLength="976" clip-path="url(#terminal-335332231-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-335332231-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-335332231-line-7)">
-</text><text class="terminal-335332231-r4" x="24.4" y="215.2" textLength="109.8" clip-path="url(#terminal-335332231-line-8)">▼&#160;Jessica</text><text class="terminal-335332231-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-335332231-line-8)">
-</text><text class="terminal-335332231-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-335332231-line-9)">
-</text><text class="terminal-335332231-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-335332231-line-10)">
-</text><text class="terminal-335332231-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-335332231-line-11)">
-</text><text class="terminal-335332231-r5" x="439.2" y="312.8" textLength="146.4" clip-path="url(#terminal-335332231-line-12)">Lady&#160;Jessica</text><text class="terminal-335332231-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-335332231-line-12)">
-</text><text class="terminal-335332231-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-335332231-line-13)">
-</text><text class="terminal-335332231-r4" x="48.8" y="361.6" textLength="817.4" clip-path="url(#terminal-335332231-line-14)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-335332231-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-335332231-line-14)">
-</text><text class="terminal-335332231-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-335332231-line-15)">
-</text><text class="terminal-335332231-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-335332231-line-16)">
-</text><text class="terminal-335332231-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-335332231-line-17)">
-</text><text class="terminal-335332231-r1" x="0" y="459.2" textLength="976" clip-path="url(#terminal-335332231-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-335332231-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-335332231-line-18)">
-</text><text class="terminal-335332231-r4" x="24.4" y="483.6" textLength="73.2" clip-path="url(#terminal-335332231-line-19)">▶&#160;Paul</text><text class="terminal-335332231-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-335332231-line-19)">
-</text><text class="terminal-335332231-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-335332231-line-20)">
-</text><text class="terminal-335332231-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-335332231-line-21)">
-</text><text class="terminal-335332231-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-335332231-line-22)">
-</text><text class="terminal-335332231-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-335332231-line-23)">&#160;c&#160;</text><text class="terminal-335332231-r8" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-335332231-line-23)">Collapse&#160;All&#160;</text><text class="terminal-335332231-r7" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-335332231-line-23)">&#160;e&#160;</text><text class="terminal-335332231-r8" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-335332231-line-23)">Expand&#160;All&#160;</text><text class="terminal-335332231-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-335332231-line-23)">^p</text><text class="terminal-335332231-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-335332231-line-23)">&#160;palette</text>
+    <g class="terminal-4256359261-matrix">
+    <text class="terminal-4256359261-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-4256359261-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4256359261-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4256359261-line-0)">
+</text><text class="terminal-4256359261-r3" x="24.4" y="44.4" textLength="73.2" clip-path="url(#terminal-4256359261-line-1)">▼&#160;Leto</text><text class="terminal-4256359261-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4256359261-line-1)">
+</text><text class="terminal-4256359261-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4256359261-line-2)">
+</text><text class="terminal-4256359261-r4" x="48.8" y="93.2" textLength="268.4" clip-path="url(#terminal-4256359261-line-3)">#&#160;Duke&#160;Leto&#160;I&#160;Atreides</text><text class="terminal-4256359261-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4256359261-line-3)">
+</text><text class="terminal-4256359261-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4256359261-line-4)">
+</text><text class="terminal-4256359261-r4" x="48.8" y="142" textLength="927.2" clip-path="url(#terminal-4256359261-line-5)">Head&#160;of&#160;House&#160;Atreides.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4256359261-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4256359261-line-5)">
+</text><text class="terminal-4256359261-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4256359261-line-6)">
+</text><text class="terminal-4256359261-r1" x="0" y="190.8" textLength="976" clip-path="url(#terminal-4256359261-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4256359261-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4256359261-line-7)">
+</text><text class="terminal-4256359261-r4" x="24.4" y="215.2" textLength="109.8" clip-path="url(#terminal-4256359261-line-8)">▼&#160;Jessica</text><text class="terminal-4256359261-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4256359261-line-8)">
+</text><text class="terminal-4256359261-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4256359261-line-9)">
+</text><text class="terminal-4256359261-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4256359261-line-10)">
+</text><text class="terminal-4256359261-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4256359261-line-11)">
+</text><text class="terminal-4256359261-r5" x="439.2" y="312.8" textLength="146.4" clip-path="url(#terminal-4256359261-line-12)">Lady&#160;Jessica</text><text class="terminal-4256359261-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4256359261-line-12)">
+</text><text class="terminal-4256359261-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4256359261-line-13)">
+</text><text class="terminal-4256359261-r4" x="48.8" y="361.6" textLength="817.4" clip-path="url(#terminal-4256359261-line-14)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-4256359261-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4256359261-line-14)">
+</text><text class="terminal-4256359261-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4256359261-line-15)">
+</text><text class="terminal-4256359261-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4256359261-line-16)">
+</text><text class="terminal-4256359261-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4256359261-line-17)">
+</text><text class="terminal-4256359261-r1" x="0" y="459.2" textLength="976" clip-path="url(#terminal-4256359261-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4256359261-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4256359261-line-18)">
+</text><text class="terminal-4256359261-r4" x="24.4" y="483.6" textLength="73.2" clip-path="url(#terminal-4256359261-line-19)">▶&#160;Paul</text><text class="terminal-4256359261-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4256359261-line-19)">
+</text><text class="terminal-4256359261-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4256359261-line-20)">
+</text><text class="terminal-4256359261-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4256359261-line-21)">
+</text><text class="terminal-4256359261-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4256359261-line-22)">
+</text><text class="terminal-4256359261-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4256359261-line-23)">&#160;c&#160;</text><text class="terminal-4256359261-r8" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-4256359261-line-23)">Collapse&#160;All&#160;</text><text class="terminal-4256359261-r7" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-4256359261-line-23)">&#160;e&#160;</text><text class="terminal-4256359261-r8" x="231.8" y="581.2" textLength="134.2" clip-path="url(#terminal-4256359261-line-23)">Expand&#160;All&#160;</text><text class="terminal-4256359261-r10" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-4256359261-line-23)">▏</text><text class="terminal-4256359261-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4256359261-line-23)">^p</text><text class="terminal-4256359261-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4256359261-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg
new file mode 100644
index 0000000000..7b427fa736
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape.svg
@@ -0,0 +1,150 @@
+<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
+    <!-- Generated with Rich https://www.textualize.io -->
+    <style>
+
+    @font-face {
+        font-family: "Fira Code";
+        src: local("FiraCode-Regular"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
+        font-style: normal;
+        font-weight: 400;
+    }
+    @font-face {
+        font-family: "Fira Code";
+        src: local("FiraCode-Bold"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
+        font-style: bold;
+        font-weight: 700;
+    }
+
+    .terminal-1600172249-matrix {
+        font-family: Fira Code, monospace;
+        font-size: 20px;
+        line-height: 24.4px;
+        font-variant-east-asian: full-width;
+    }
+
+    .terminal-1600172249-title {
+        font-size: 18px;
+        font-weight: bold;
+        font-family: arial;
+    }
+
+    .terminal-1600172249-r1 { fill: #e1e1e1 }
+.terminal-1600172249-r2 { fill: #c5c8c6 }
+    </style>
+
+    <defs>
+    <clipPath id="terminal-1600172249-clip-terminal">
+      <rect x="0" y="0" width="975.0" height="584.5999999999999" />
+    </clipPath>
+    <clipPath id="terminal-1600172249-line-0">
+    <rect x="0" y="1.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-1">
+    <rect x="0" y="25.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-2">
+    <rect x="0" y="50.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-3">
+    <rect x="0" y="74.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-4">
+    <rect x="0" y="99.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-5">
+    <rect x="0" y="123.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-6">
+    <rect x="0" y="147.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-7">
+    <rect x="0" y="172.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-8">
+    <rect x="0" y="196.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-9">
+    <rect x="0" y="221.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-10">
+    <rect x="0" y="245.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-11">
+    <rect x="0" y="269.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-12">
+    <rect x="0" y="294.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-13">
+    <rect x="0" y="318.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-14">
+    <rect x="0" y="343.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-15">
+    <rect x="0" y="367.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-16">
+    <rect x="0" y="391.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-17">
+    <rect x="0" y="416.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-18">
+    <rect x="0" y="440.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-19">
+    <rect x="0" y="465.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-20">
+    <rect x="0" y="489.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-21">
+    <rect x="0" y="513.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-22">
+    <rect x="0" y="538.3" width="976" height="24.65"/>
+            </clipPath>
+    </defs>
+
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1600172249-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CPApp</text>
+            <g transform="translate(26,22)">
+            <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
+            <circle cx="22" cy="0" r="7" fill="#febc2e"/>
+            <circle cx="44" cy="0" r="7" fill="#28c840"/>
+            </g>
+        
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1600172249-clip-terminal)">
+    <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
+    <g class="terminal-1600172249-matrix">
+    <text class="terminal-1600172249-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1600172249-line-0)">Command&#160;palette&#160;test&#160;app&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1600172249-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1600172249-line-0)">
+</text><text class="terminal-1600172249-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-1)">
+</text><text class="terminal-1600172249-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-2)">
+</text><text class="terminal-1600172249-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-3)">
+</text><text class="terminal-1600172249-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-4)">
+</text><text class="terminal-1600172249-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1600172249-line-5)">
+</text><text class="terminal-1600172249-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-6)">
+</text><text class="terminal-1600172249-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-7)">
+</text><text class="terminal-1600172249-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-8)">
+</text><text class="terminal-1600172249-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-9)">
+</text><text class="terminal-1600172249-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1600172249-line-10)">
+</text><text class="terminal-1600172249-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-11)">
+</text><text class="terminal-1600172249-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-12)">
+</text><text class="terminal-1600172249-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-13)">
+</text><text class="terminal-1600172249-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-14)">
+</text><text class="terminal-1600172249-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1600172249-line-15)">
+</text><text class="terminal-1600172249-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-16)">
+</text><text class="terminal-1600172249-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-17)">
+</text><text class="terminal-1600172249-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-18)">
+</text><text class="terminal-1600172249-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-19)">
+</text><text class="terminal-1600172249-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1600172249-line-20)">
+</text><text class="terminal-1600172249-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-21)">
+</text><text class="terminal-1600172249-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-22)">
+</text>
+    </g>
+    </g>
+</svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg
new file mode 100644
index 0000000000..7b427fa736
--- /dev/null
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_command_palette_dismiss_escape_no_results.svg
@@ -0,0 +1,150 @@
+<svg class="rich-terminal" viewBox="0 0 994 635.5999999999999" xmlns="http://www.w3.org/2000/svg">
+    <!-- Generated with Rich https://www.textualize.io -->
+    <style>
+
+    @font-face {
+        font-family: "Fira Code";
+        src: local("FiraCode-Regular"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Regular.woff2") format("woff2"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Regular.woff") format("woff");
+        font-style: normal;
+        font-weight: 400;
+    }
+    @font-face {
+        font-family: "Fira Code";
+        src: local("FiraCode-Bold"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff2/FiraCode-Bold.woff2") format("woff2"),
+                url("https://cdnjs.cloudflare.com/ajax/libs/firacode/6.2.0/woff/FiraCode-Bold.woff") format("woff");
+        font-style: bold;
+        font-weight: 700;
+    }
+
+    .terminal-1600172249-matrix {
+        font-family: Fira Code, monospace;
+        font-size: 20px;
+        line-height: 24.4px;
+        font-variant-east-asian: full-width;
+    }
+
+    .terminal-1600172249-title {
+        font-size: 18px;
+        font-weight: bold;
+        font-family: arial;
+    }
+
+    .terminal-1600172249-r1 { fill: #e1e1e1 }
+.terminal-1600172249-r2 { fill: #c5c8c6 }
+    </style>
+
+    <defs>
+    <clipPath id="terminal-1600172249-clip-terminal">
+      <rect x="0" y="0" width="975.0" height="584.5999999999999" />
+    </clipPath>
+    <clipPath id="terminal-1600172249-line-0">
+    <rect x="0" y="1.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-1">
+    <rect x="0" y="25.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-2">
+    <rect x="0" y="50.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-3">
+    <rect x="0" y="74.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-4">
+    <rect x="0" y="99.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-5">
+    <rect x="0" y="123.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-6">
+    <rect x="0" y="147.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-7">
+    <rect x="0" y="172.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-8">
+    <rect x="0" y="196.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-9">
+    <rect x="0" y="221.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-10">
+    <rect x="0" y="245.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-11">
+    <rect x="0" y="269.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-12">
+    <rect x="0" y="294.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-13">
+    <rect x="0" y="318.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-14">
+    <rect x="0" y="343.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-15">
+    <rect x="0" y="367.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-16">
+    <rect x="0" y="391.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-17">
+    <rect x="0" y="416.3" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-18">
+    <rect x="0" y="440.7" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-19">
+    <rect x="0" y="465.1" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-20">
+    <rect x="0" y="489.5" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-21">
+    <rect x="0" y="513.9" width="976" height="24.65"/>
+            </clipPath>
+<clipPath id="terminal-1600172249-line-22">
+    <rect x="0" y="538.3" width="976" height="24.65"/>
+            </clipPath>
+    </defs>
+
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1600172249-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">CPApp</text>
+            <g transform="translate(26,22)">
+            <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
+            <circle cx="22" cy="0" r="7" fill="#febc2e"/>
+            <circle cx="44" cy="0" r="7" fill="#28c840"/>
+            </g>
+        
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1600172249-clip-terminal)">
+    <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="976" height="24.65" shape-rendering="crispEdges"/>
+    <g class="terminal-1600172249-matrix">
+    <text class="terminal-1600172249-r1" x="0" y="20" textLength="976" clip-path="url(#terminal-1600172249-line-0)">Command&#160;palette&#160;test&#160;app&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1600172249-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1600172249-line-0)">
+</text><text class="terminal-1600172249-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-1)">
+</text><text class="terminal-1600172249-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-2)">
+</text><text class="terminal-1600172249-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-3)">
+</text><text class="terminal-1600172249-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-4)">
+</text><text class="terminal-1600172249-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1600172249-line-5)">
+</text><text class="terminal-1600172249-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-6)">
+</text><text class="terminal-1600172249-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-7)">
+</text><text class="terminal-1600172249-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-8)">
+</text><text class="terminal-1600172249-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-9)">
+</text><text class="terminal-1600172249-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1600172249-line-10)">
+</text><text class="terminal-1600172249-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-11)">
+</text><text class="terminal-1600172249-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-12)">
+</text><text class="terminal-1600172249-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-13)">
+</text><text class="terminal-1600172249-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-14)">
+</text><text class="terminal-1600172249-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1600172249-line-15)">
+</text><text class="terminal-1600172249-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-16)">
+</text><text class="terminal-1600172249-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-17)">
+</text><text class="terminal-1600172249-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1600172249-line-18)">
+</text><text class="terminal-1600172249-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1600172249-line-19)">
+</text><text class="terminal-1600172249-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1600172249-line-20)">
+</text><text class="terminal-1600172249-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1600172249-line-21)">
+</text><text class="terminal-1600172249-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1600172249-line-22)">
+</text>
+    </g>
+    </g>
+</svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_demo.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_demo.svg
index 106db82b43..2ce51bf85e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_demo.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_demo.svg
@@ -19,169 +19,170 @@
         font-weight: 700;
     }
 
-    .terminal-436434647-matrix {
+    .terminal-1611241133-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-436434647-title {
+    .terminal-1611241133-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-436434647-r1 { fill: #c5c8c6 }
-.terminal-436434647-r2 { fill: #e3e3e3 }
-.terminal-436434647-r3 { fill: #e1e1e1 }
-.terminal-436434647-r4 { fill: #e2e2e2 }
-.terminal-436434647-r5 { fill: #14191f }
-.terminal-436434647-r6 { fill: #004578 }
-.terminal-436434647-r7 { fill: #262626 }
-.terminal-436434647-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; }
-.terminal-436434647-r9 { fill: #e2e2e2;font-weight: bold }
-.terminal-436434647-r10 { fill: #7ae998 }
-.terminal-436434647-r11 { fill: #4ebf71;font-weight: bold }
-.terminal-436434647-r12 { fill: #008139 }
-.terminal-436434647-r13 { fill: #fea62b;font-weight: bold }
-.terminal-436434647-r14 { fill: #a7a9ab }
-.terminal-436434647-r15 { fill: #e2e3e3 }
+    .terminal-1611241133-r1 { fill: #c5c8c6 }
+.terminal-1611241133-r2 { fill: #e3e3e3 }
+.terminal-1611241133-r3 { fill: #e1e1e1 }
+.terminal-1611241133-r4 { fill: #e2e2e2 }
+.terminal-1611241133-r5 { fill: #14191f }
+.terminal-1611241133-r6 { fill: #004578 }
+.terminal-1611241133-r7 { fill: #262626 }
+.terminal-1611241133-r8 { fill: #e2e2e2;font-weight: bold;text-decoration: underline; }
+.terminal-1611241133-r9 { fill: #e2e2e2;font-weight: bold }
+.terminal-1611241133-r10 { fill: #7ae998 }
+.terminal-1611241133-r11 { fill: #4ebf71;font-weight: bold }
+.terminal-1611241133-r12 { fill: #008139 }
+.terminal-1611241133-r13 { fill: #fea62b;font-weight: bold }
+.terminal-1611241133-r14 { fill: #a7a9ab }
+.terminal-1611241133-r15 { fill: #e2e3e3 }
+.terminal-1611241133-r16 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-436434647-clip-terminal">
+    <clipPath id="terminal-1611241133-clip-terminal">
       <rect x="0" y="0" width="1219.0" height="731.0" />
     </clipPath>
-    <clipPath id="terminal-436434647-line-0">
+    <clipPath id="terminal-1611241133-line-0">
     <rect x="0" y="1.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-1">
+<clipPath id="terminal-1611241133-line-1">
     <rect x="0" y="25.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-2">
+<clipPath id="terminal-1611241133-line-2">
     <rect x="0" y="50.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-3">
+<clipPath id="terminal-1611241133-line-3">
     <rect x="0" y="74.7" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-4">
+<clipPath id="terminal-1611241133-line-4">
     <rect x="0" y="99.1" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-5">
+<clipPath id="terminal-1611241133-line-5">
     <rect x="0" y="123.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-6">
+<clipPath id="terminal-1611241133-line-6">
     <rect x="0" y="147.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-7">
+<clipPath id="terminal-1611241133-line-7">
     <rect x="0" y="172.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-8">
+<clipPath id="terminal-1611241133-line-8">
     <rect x="0" y="196.7" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-9">
+<clipPath id="terminal-1611241133-line-9">
     <rect x="0" y="221.1" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-10">
+<clipPath id="terminal-1611241133-line-10">
     <rect x="0" y="245.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-11">
+<clipPath id="terminal-1611241133-line-11">
     <rect x="0" y="269.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-12">
+<clipPath id="terminal-1611241133-line-12">
     <rect x="0" y="294.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-13">
+<clipPath id="terminal-1611241133-line-13">
     <rect x="0" y="318.7" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-14">
+<clipPath id="terminal-1611241133-line-14">
     <rect x="0" y="343.1" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-15">
+<clipPath id="terminal-1611241133-line-15">
     <rect x="0" y="367.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-16">
+<clipPath id="terminal-1611241133-line-16">
     <rect x="0" y="391.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-17">
+<clipPath id="terminal-1611241133-line-17">
     <rect x="0" y="416.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-18">
+<clipPath id="terminal-1611241133-line-18">
     <rect x="0" y="440.7" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-19">
+<clipPath id="terminal-1611241133-line-19">
     <rect x="0" y="465.1" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-20">
+<clipPath id="terminal-1611241133-line-20">
     <rect x="0" y="489.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-21">
+<clipPath id="terminal-1611241133-line-21">
     <rect x="0" y="513.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-22">
+<clipPath id="terminal-1611241133-line-22">
     <rect x="0" y="538.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-23">
+<clipPath id="terminal-1611241133-line-23">
     <rect x="0" y="562.7" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-24">
+<clipPath id="terminal-1611241133-line-24">
     <rect x="0" y="587.1" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-25">
+<clipPath id="terminal-1611241133-line-25">
     <rect x="0" y="611.5" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-26">
+<clipPath id="terminal-1611241133-line-26">
     <rect x="0" y="635.9" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-27">
+<clipPath id="terminal-1611241133-line-27">
     <rect x="0" y="660.3" width="1220" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-436434647-line-28">
+<clipPath id="terminal-1611241133-line-28">
     <rect x="0" y="684.7" width="1220" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="1236" height="780" rx="8"/><text class="terminal-436434647-title" fill="#c5c8c6" text-anchor="middle" x="618" y="27">Textual&#160;Demo</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="1236" height="780" rx="8"/><text class="terminal-1611241133-title" fill="#c5c8c6" text-anchor="middle" x="618" y="27">Textual&#160;Demo</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-436434647-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1611241133-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="671" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="1110.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="1110.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="1195.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="1195.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="74.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="207.4" y="74.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="1195.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="1195.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="1195.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="147.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="172.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="231.8" y="172.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="172.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="196.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="221.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="245.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="245.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="245.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="256.2" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="707.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="294.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="294.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="318.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="512.4" y="318.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="343.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="343.1" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="367.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="367.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="207.4" y="367.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="427" y="367.5" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="391.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="427" y="391.9" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="427" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#0a180e" x="732" y="416.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="817.4" y="416.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#4ebf71" x="427" y="440.7" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="1134.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="390.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="402.6" y="465.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="1159" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="489.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="1171.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="587.1" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="611.5" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="611.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="635.9" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="635.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="660.3" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="660.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="684.7" width="1195.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="1195.6" y="684.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="709.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="709.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="709.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="709.1" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="402.6" y="709.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="709.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="585.6" y="709.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="634.4" y="709.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="707.6" y="709.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="756.4" y="709.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="817.4" y="709.1" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="1073.6" y="709.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="1085.8" y="709.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="1110.2" y="709.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="1207.8" y="709.1" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-436434647-matrix">
-    <text class="terminal-436434647-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-436434647-line-0)">⭘</text><text class="terminal-436434647-r2" x="524.6" y="20" textLength="146.4" clip-path="url(#terminal-436434647-line-0)">Textual&#160;Demo</text><text class="terminal-436434647-r1" x="1220" y="20" textLength="12.2" clip-path="url(#terminal-436434647-line-0)">
-</text><text class="terminal-436434647-r1" x="1220" y="44.4" textLength="12.2" clip-path="url(#terminal-436434647-line-1)">
-</text><text class="terminal-436434647-r1" x="1220" y="68.8" textLength="12.2" clip-path="url(#terminal-436434647-line-2)">
-</text><text class="terminal-436434647-r4" x="170.8" y="93.2" textLength="36.6" clip-path="url(#terminal-436434647-line-3)">TOP</text><text class="terminal-436434647-r1" x="1220" y="93.2" textLength="12.2" clip-path="url(#terminal-436434647-line-3)">
-</text><text class="terminal-436434647-r1" x="1220" y="117.6" textLength="12.2" clip-path="url(#terminal-436434647-line-4)">
-</text><text class="terminal-436434647-r5" x="1195.6" y="142" textLength="24.4" clip-path="url(#terminal-436434647-line-5)">▆▆</text><text class="terminal-436434647-r1" x="1220" y="142" textLength="12.2" clip-path="url(#terminal-436434647-line-5)">
-</text><text class="terminal-436434647-r1" x="1220" y="166.4" textLength="12.2" clip-path="url(#terminal-436434647-line-6)">
-</text><text class="terminal-436434647-r4" x="146.4" y="190.8" textLength="85.4" clip-path="url(#terminal-436434647-line-7)">Widgets</text><text class="terminal-436434647-r1" x="1220" y="190.8" textLength="12.2" clip-path="url(#terminal-436434647-line-7)">
-</text><text class="terminal-436434647-r6" x="390.4" y="215.2" textLength="780.8" clip-path="url(#terminal-436434647-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-436434647-r1" x="1220" y="215.2" textLength="12.2" clip-path="url(#terminal-436434647-line-8)">
-</text><text class="terminal-436434647-r6" x="390.4" y="239.6" textLength="12.2" clip-path="url(#terminal-436434647-line-9)">▎</text><text class="terminal-436434647-r7" x="1159" y="239.6" textLength="12.2" clip-path="url(#terminal-436434647-line-9)">▊</text><text class="terminal-436434647-r1" x="1220" y="239.6" textLength="12.2" clip-path="url(#terminal-436434647-line-9)">
-</text><text class="terminal-436434647-r6" x="390.4" y="264" textLength="12.2" clip-path="url(#terminal-436434647-line-10)">▎</text><text class="terminal-436434647-r7" x="1159" y="264" textLength="12.2" clip-path="url(#terminal-436434647-line-10)">▊</text><text class="terminal-436434647-r1" x="1220" y="264" textLength="12.2" clip-path="url(#terminal-436434647-line-10)">
-</text><text class="terminal-436434647-r4" x="109.8" y="288.4" textLength="146.4" clip-path="url(#terminal-436434647-line-11)">Rich&#160;content</text><text class="terminal-436434647-r6" x="390.4" y="288.4" textLength="12.2" clip-path="url(#terminal-436434647-line-11)">▎</text><text class="terminal-436434647-r8" x="707.6" y="288.4" textLength="146.4" clip-path="url(#terminal-436434647-line-11)">Textual&#160;Demo</text><text class="terminal-436434647-r7" x="1159" y="288.4" textLength="12.2" clip-path="url(#terminal-436434647-line-11)">▊</text><text class="terminal-436434647-r1" x="1220" y="288.4" textLength="12.2" clip-path="url(#terminal-436434647-line-11)">
-</text><text class="terminal-436434647-r6" x="390.4" y="312.8" textLength="12.2" clip-path="url(#terminal-436434647-line-12)">▎</text><text class="terminal-436434647-r7" x="1159" y="312.8" textLength="12.2" clip-path="url(#terminal-436434647-line-12)">▊</text><text class="terminal-436434647-r1" x="1220" y="312.8" textLength="12.2" clip-path="url(#terminal-436434647-line-12)">
-</text><text class="terminal-436434647-r6" x="390.4" y="337.2" textLength="12.2" clip-path="url(#terminal-436434647-line-13)">▎</text><text class="terminal-436434647-r9" x="427" y="337.2" textLength="85.4" clip-path="url(#terminal-436434647-line-13)">Welcome</text><text class="terminal-436434647-r4" x="512.4" y="337.2" textLength="622.2" clip-path="url(#terminal-436434647-line-13)">!&#160;Textual&#160;is&#160;a&#160;framework&#160;for&#160;creating&#160;sophisticated</text><text class="terminal-436434647-r7" x="1159" y="337.2" textLength="12.2" clip-path="url(#terminal-436434647-line-13)">▊</text><text class="terminal-436434647-r1" x="1220" y="337.2" textLength="12.2" clip-path="url(#terminal-436434647-line-13)">
-</text><text class="terminal-436434647-r6" x="390.4" y="361.6" textLength="12.2" clip-path="url(#terminal-436434647-line-14)">▎</text><text class="terminal-436434647-r4" x="427" y="361.6" textLength="707.6" clip-path="url(#terminal-436434647-line-14)">applications&#160;with&#160;the&#160;terminal.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-436434647-r7" x="1159" y="361.6" textLength="12.2" clip-path="url(#terminal-436434647-line-14)">▊</text><text class="terminal-436434647-r1" x="1220" y="361.6" textLength="12.2" clip-path="url(#terminal-436434647-line-14)">
-</text><text class="terminal-436434647-r4" x="170.8" y="386" textLength="36.6" clip-path="url(#terminal-436434647-line-15)">CSS</text><text class="terminal-436434647-r6" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-436434647-line-15)">▎</text><text class="terminal-436434647-r7" x="1159" y="386" textLength="12.2" clip-path="url(#terminal-436434647-line-15)">▊</text><text class="terminal-436434647-r1" x="1220" y="386" textLength="12.2" clip-path="url(#terminal-436434647-line-15)">
-</text><text class="terminal-436434647-r6" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-436434647-line-16)">▎</text><text class="terminal-436434647-r10" x="427" y="410.4" textLength="707.6" clip-path="url(#terminal-436434647-line-16)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-436434647-r7" x="1159" y="410.4" textLength="12.2" clip-path="url(#terminal-436434647-line-16)">▊</text><text class="terminal-436434647-r1" x="1220" y="410.4" textLength="12.2" clip-path="url(#terminal-436434647-line-16)">
-</text><text class="terminal-436434647-r6" x="390.4" y="434.8" textLength="12.2" clip-path="url(#terminal-436434647-line-17)">▎</text><text class="terminal-436434647-r11" x="732" y="434.8" textLength="85.4" clip-path="url(#terminal-436434647-line-17)">&#160;Start&#160;</text><text class="terminal-436434647-r7" x="1159" y="434.8" textLength="12.2" clip-path="url(#terminal-436434647-line-17)">▊</text><text class="terminal-436434647-r1" x="1220" y="434.8" textLength="12.2" clip-path="url(#terminal-436434647-line-17)">
-</text><text class="terminal-436434647-r6" x="390.4" y="459.2" textLength="12.2" clip-path="url(#terminal-436434647-line-18)">▎</text><text class="terminal-436434647-r12" x="427" y="459.2" textLength="707.6" clip-path="url(#terminal-436434647-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-436434647-r7" x="1159" y="459.2" textLength="12.2" clip-path="url(#terminal-436434647-line-18)">▊</text><text class="terminal-436434647-r1" x="1220" y="459.2" textLength="12.2" clip-path="url(#terminal-436434647-line-18)">
-</text><text class="terminal-436434647-r6" x="390.4" y="483.6" textLength="12.2" clip-path="url(#terminal-436434647-line-19)">▎</text><text class="terminal-436434647-r7" x="1159" y="483.6" textLength="12.2" clip-path="url(#terminal-436434647-line-19)">▊</text><text class="terminal-436434647-r1" x="1220" y="483.6" textLength="12.2" clip-path="url(#terminal-436434647-line-19)">
-</text><text class="terminal-436434647-r6" x="390.4" y="508" textLength="780.8" clip-path="url(#terminal-436434647-line-20)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-436434647-r1" x="1220" y="508" textLength="12.2" clip-path="url(#terminal-436434647-line-20)">
-</text><text class="terminal-436434647-r1" x="1220" y="532.4" textLength="12.2" clip-path="url(#terminal-436434647-line-21)">
-</text><text class="terminal-436434647-r1" x="1220" y="556.8" textLength="12.2" clip-path="url(#terminal-436434647-line-22)">
-</text><text class="terminal-436434647-r1" x="1220" y="581.2" textLength="12.2" clip-path="url(#terminal-436434647-line-23)">
-</text><text class="terminal-436434647-r1" x="1220" y="605.6" textLength="12.2" clip-path="url(#terminal-436434647-line-24)">
-</text><text class="terminal-436434647-r1" x="1220" y="630" textLength="12.2" clip-path="url(#terminal-436434647-line-25)">
-</text><text class="terminal-436434647-r1" x="1220" y="654.4" textLength="12.2" clip-path="url(#terminal-436434647-line-26)">
-</text><text class="terminal-436434647-r1" x="1220" y="678.8" textLength="12.2" clip-path="url(#terminal-436434647-line-27)">
-</text><text class="terminal-436434647-r1" x="1220" y="703.2" textLength="12.2" clip-path="url(#terminal-436434647-line-28)">
-</text><text class="terminal-436434647-r13" x="0" y="727.6" textLength="48.8" clip-path="url(#terminal-436434647-line-29)">&#160;^b&#160;</text><text class="terminal-436434647-r14" x="48.8" y="727.6" textLength="97.6" clip-path="url(#terminal-436434647-line-29)">Sidebar&#160;</text><text class="terminal-436434647-r13" x="146.4" y="727.6" textLength="48.8" clip-path="url(#terminal-436434647-line-29)">&#160;^t&#160;</text><text class="terminal-436434647-r14" x="195.2" y="727.6" textLength="207.4" clip-path="url(#terminal-436434647-line-29)">Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-436434647-r13" x="402.6" y="727.6" textLength="48.8" clip-path="url(#terminal-436434647-line-29)">&#160;^s&#160;</text><text class="terminal-436434647-r14" x="451.4" y="727.6" textLength="134.2" clip-path="url(#terminal-436434647-line-29)">Screenshot&#160;</text><text class="terminal-436434647-r13" x="585.6" y="727.6" textLength="48.8" clip-path="url(#terminal-436434647-line-29)">&#160;f1&#160;</text><text class="terminal-436434647-r14" x="634.4" y="727.6" textLength="73.2" clip-path="url(#terminal-436434647-line-29)">Notes&#160;</text><text class="terminal-436434647-r13" x="707.6" y="727.6" textLength="48.8" clip-path="url(#terminal-436434647-line-29)">&#160;^q&#160;</text><text class="terminal-436434647-r14" x="756.4" y="727.6" textLength="61" clip-path="url(#terminal-436434647-line-29)">Quit&#160;</text><text class="terminal-436434647-r13" x="1085.8" y="727.6" textLength="24.4" clip-path="url(#terminal-436434647-line-29)">^p</text><text class="terminal-436434647-r14" x="1110.2" y="727.6" textLength="97.6" clip-path="url(#terminal-436434647-line-29)">&#160;palette</text>
+    <g class="terminal-1611241133-matrix">
+    <text class="terminal-1611241133-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1611241133-line-0)">⭘</text><text class="terminal-1611241133-r2" x="524.6" y="20" textLength="146.4" clip-path="url(#terminal-1611241133-line-0)">Textual&#160;Demo</text><text class="terminal-1611241133-r1" x="1220" y="20" textLength="12.2" clip-path="url(#terminal-1611241133-line-0)">
+</text><text class="terminal-1611241133-r1" x="1220" y="44.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-1)">
+</text><text class="terminal-1611241133-r1" x="1220" y="68.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-2)">
+</text><text class="terminal-1611241133-r4" x="170.8" y="93.2" textLength="36.6" clip-path="url(#terminal-1611241133-line-3)">TOP</text><text class="terminal-1611241133-r1" x="1220" y="93.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-3)">
+</text><text class="terminal-1611241133-r1" x="1220" y="117.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-4)">
+</text><text class="terminal-1611241133-r5" x="1195.6" y="142" textLength="24.4" clip-path="url(#terminal-1611241133-line-5)">▆▆</text><text class="terminal-1611241133-r1" x="1220" y="142" textLength="12.2" clip-path="url(#terminal-1611241133-line-5)">
+</text><text class="terminal-1611241133-r1" x="1220" y="166.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-6)">
+</text><text class="terminal-1611241133-r4" x="146.4" y="190.8" textLength="85.4" clip-path="url(#terminal-1611241133-line-7)">Widgets</text><text class="terminal-1611241133-r1" x="1220" y="190.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-7)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="215.2" textLength="780.8" clip-path="url(#terminal-1611241133-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1611241133-r1" x="1220" y="215.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-8)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="239.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-9)">▎</text><text class="terminal-1611241133-r7" x="1159" y="239.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-9)">▊</text><text class="terminal-1611241133-r1" x="1220" y="239.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-9)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="264" textLength="12.2" clip-path="url(#terminal-1611241133-line-10)">▎</text><text class="terminal-1611241133-r7" x="1159" y="264" textLength="12.2" clip-path="url(#terminal-1611241133-line-10)">▊</text><text class="terminal-1611241133-r1" x="1220" y="264" textLength="12.2" clip-path="url(#terminal-1611241133-line-10)">
+</text><text class="terminal-1611241133-r4" x="109.8" y="288.4" textLength="146.4" clip-path="url(#terminal-1611241133-line-11)">Rich&#160;content</text><text class="terminal-1611241133-r6" x="390.4" y="288.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-11)">▎</text><text class="terminal-1611241133-r8" x="707.6" y="288.4" textLength="146.4" clip-path="url(#terminal-1611241133-line-11)">Textual&#160;Demo</text><text class="terminal-1611241133-r7" x="1159" y="288.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-11)">▊</text><text class="terminal-1611241133-r1" x="1220" y="288.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-11)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="312.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-12)">▎</text><text class="terminal-1611241133-r7" x="1159" y="312.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-12)">▊</text><text class="terminal-1611241133-r1" x="1220" y="312.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-12)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="337.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-13)">▎</text><text class="terminal-1611241133-r9" x="427" y="337.2" textLength="85.4" clip-path="url(#terminal-1611241133-line-13)">Welcome</text><text class="terminal-1611241133-r4" x="512.4" y="337.2" textLength="622.2" clip-path="url(#terminal-1611241133-line-13)">!&#160;Textual&#160;is&#160;a&#160;framework&#160;for&#160;creating&#160;sophisticated</text><text class="terminal-1611241133-r7" x="1159" y="337.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-13)">▊</text><text class="terminal-1611241133-r1" x="1220" y="337.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-13)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="361.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-14)">▎</text><text class="terminal-1611241133-r4" x="427" y="361.6" textLength="707.6" clip-path="url(#terminal-1611241133-line-14)">applications&#160;with&#160;the&#160;terminal.&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1611241133-r7" x="1159" y="361.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-14)">▊</text><text class="terminal-1611241133-r1" x="1220" y="361.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-14)">
+</text><text class="terminal-1611241133-r4" x="170.8" y="386" textLength="36.6" clip-path="url(#terminal-1611241133-line-15)">CSS</text><text class="terminal-1611241133-r6" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-1611241133-line-15)">▎</text><text class="terminal-1611241133-r7" x="1159" y="386" textLength="12.2" clip-path="url(#terminal-1611241133-line-15)">▊</text><text class="terminal-1611241133-r1" x="1220" y="386" textLength="12.2" clip-path="url(#terminal-1611241133-line-15)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-16)">▎</text><text class="terminal-1611241133-r10" x="427" y="410.4" textLength="707.6" clip-path="url(#terminal-1611241133-line-16)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1611241133-r7" x="1159" y="410.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-16)">▊</text><text class="terminal-1611241133-r1" x="1220" y="410.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-16)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="434.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-17)">▎</text><text class="terminal-1611241133-r11" x="732" y="434.8" textLength="85.4" clip-path="url(#terminal-1611241133-line-17)">&#160;Start&#160;</text><text class="terminal-1611241133-r7" x="1159" y="434.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-17)">▊</text><text class="terminal-1611241133-r1" x="1220" y="434.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-17)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="459.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-18)">▎</text><text class="terminal-1611241133-r12" x="427" y="459.2" textLength="707.6" clip-path="url(#terminal-1611241133-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1611241133-r7" x="1159" y="459.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-18)">▊</text><text class="terminal-1611241133-r1" x="1220" y="459.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-18)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="483.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-19)">▎</text><text class="terminal-1611241133-r7" x="1159" y="483.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-19)">▊</text><text class="terminal-1611241133-r1" x="1220" y="483.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-19)">
+</text><text class="terminal-1611241133-r6" x="390.4" y="508" textLength="780.8" clip-path="url(#terminal-1611241133-line-20)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1611241133-r1" x="1220" y="508" textLength="12.2" clip-path="url(#terminal-1611241133-line-20)">
+</text><text class="terminal-1611241133-r1" x="1220" y="532.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-21)">
+</text><text class="terminal-1611241133-r1" x="1220" y="556.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-22)">
+</text><text class="terminal-1611241133-r1" x="1220" y="581.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-23)">
+</text><text class="terminal-1611241133-r1" x="1220" y="605.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-24)">
+</text><text class="terminal-1611241133-r1" x="1220" y="630" textLength="12.2" clip-path="url(#terminal-1611241133-line-25)">
+</text><text class="terminal-1611241133-r1" x="1220" y="654.4" textLength="12.2" clip-path="url(#terminal-1611241133-line-26)">
+</text><text class="terminal-1611241133-r1" x="1220" y="678.8" textLength="12.2" clip-path="url(#terminal-1611241133-line-27)">
+</text><text class="terminal-1611241133-r1" x="1220" y="703.2" textLength="12.2" clip-path="url(#terminal-1611241133-line-28)">
+</text><text class="terminal-1611241133-r13" x="0" y="727.6" textLength="48.8" clip-path="url(#terminal-1611241133-line-29)">&#160;^b&#160;</text><text class="terminal-1611241133-r14" x="48.8" y="727.6" textLength="97.6" clip-path="url(#terminal-1611241133-line-29)">Sidebar&#160;</text><text class="terminal-1611241133-r13" x="146.4" y="727.6" textLength="48.8" clip-path="url(#terminal-1611241133-line-29)">&#160;^t&#160;</text><text class="terminal-1611241133-r14" x="195.2" y="727.6" textLength="207.4" clip-path="url(#terminal-1611241133-line-29)">Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-1611241133-r13" x="402.6" y="727.6" textLength="48.8" clip-path="url(#terminal-1611241133-line-29)">&#160;^s&#160;</text><text class="terminal-1611241133-r14" x="451.4" y="727.6" textLength="134.2" clip-path="url(#terminal-1611241133-line-29)">Screenshot&#160;</text><text class="terminal-1611241133-r13" x="585.6" y="727.6" textLength="48.8" clip-path="url(#terminal-1611241133-line-29)">&#160;f1&#160;</text><text class="terminal-1611241133-r14" x="634.4" y="727.6" textLength="73.2" clip-path="url(#terminal-1611241133-line-29)">Notes&#160;</text><text class="terminal-1611241133-r13" x="707.6" y="727.6" textLength="48.8" clip-path="url(#terminal-1611241133-line-29)">&#160;^q&#160;</text><text class="terminal-1611241133-r14" x="756.4" y="727.6" textLength="61" clip-path="url(#terminal-1611241133-line-29)">Quit&#160;</text><text class="terminal-1611241133-r16" x="1073.6" y="727.6" textLength="12.2" clip-path="url(#terminal-1611241133-line-29)">▏</text><text class="terminal-1611241133-r13" x="1085.8" y="727.6" textLength="24.4" clip-path="url(#terminal-1611241133-line-29)">^p</text><text class="terminal-1611241133-r14" x="1110.2" y="727.6" textLength="97.6" clip-path="url(#terminal-1611241133-line-29)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg
index 0a2bad6312..14127687f0 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll.svg
@@ -19,142 +19,143 @@
         font-weight: 700;
     }
 
-    .terminal-2999677337-matrix {
+    .terminal-645436058-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2999677337-title {
+    .terminal-645436058-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2999677337-r1 { fill: #c5c8c6 }
-.terminal-2999677337-r2 { fill: #1e1e1e }
-.terminal-2999677337-r3 { fill: #1f1f1f }
-.terminal-2999677337-r4 { fill: #ff0000 }
-.terminal-2999677337-r5 { fill: #004578;font-weight: bold }
-.terminal-2999677337-r6 { fill: #585a5c }
-.terminal-2999677337-r7 { fill: #1c1d1e }
-.terminal-2999677337-r8 { fill: #c7cdd2 }
+    .terminal-645436058-r1 { fill: #c5c8c6 }
+.terminal-645436058-r2 { fill: #1e1e1e }
+.terminal-645436058-r3 { fill: #1f1f1f }
+.terminal-645436058-r4 { fill: #ff0000 }
+.terminal-645436058-r5 { fill: #004578;font-weight: bold }
+.terminal-645436058-r6 { fill: #585a5c }
+.terminal-645436058-r7 { fill: #1c1d1e }
+.terminal-645436058-r8 { fill: #b3b8bc }
+.terminal-645436058-r9 { fill: #c7cdd2 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2999677337-clip-terminal">
+    <clipPath id="terminal-645436058-clip-terminal">
       <rect x="0" y="0" width="975.0" height="609.0" />
     </clipPath>
-    <clipPath id="terminal-2999677337-line-0">
+    <clipPath id="terminal-645436058-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-1">
+<clipPath id="terminal-645436058-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-2">
+<clipPath id="terminal-645436058-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-3">
+<clipPath id="terminal-645436058-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-4">
+<clipPath id="terminal-645436058-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-5">
+<clipPath id="terminal-645436058-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-6">
+<clipPath id="terminal-645436058-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-7">
+<clipPath id="terminal-645436058-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-8">
+<clipPath id="terminal-645436058-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-9">
+<clipPath id="terminal-645436058-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-10">
+<clipPath id="terminal-645436058-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-11">
+<clipPath id="terminal-645436058-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-12">
+<clipPath id="terminal-645436058-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-13">
+<clipPath id="terminal-645436058-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-14">
+<clipPath id="terminal-645436058-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-15">
+<clipPath id="terminal-645436058-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-16">
+<clipPath id="terminal-645436058-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-17">
+<clipPath id="terminal-645436058-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-18">
+<clipPath id="terminal-645436058-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-19">
+<clipPath id="terminal-645436058-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-20">
+<clipPath id="terminal-645436058-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-21">
+<clipPath id="terminal-645436058-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-22">
+<clipPath id="terminal-645436058-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2999677337-line-23">
+<clipPath id="terminal-645436058-line-23">
     <rect x="0" y="562.7" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-2999677337-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TestApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-645436058-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TestApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2999677337-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-645436058-clip-terminal)">
     <rect fill="#e9e9e9" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="24.4" y="1.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="414.8" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="500.2" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="841.8" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="841.8" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="25.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="25.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="50.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="50.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="36.6" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="74.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="24.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="99.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="85.4" y="123.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="123.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="147.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="172.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="196.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="196.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="221.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="221.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="245.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="245.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="269.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="36.6" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="294.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="24.4" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="318.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="343.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="85.4" y="343.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="343.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="109.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="367.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="391.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="416.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="416.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="440.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="440.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="465.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="465.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="489.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="73.2" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="489.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="513.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="48.8" y="513.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="109.8" y="513.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="805.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="817.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="841.8" y="513.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="939.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="562.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="587.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2999677337-matrix">
-    <text class="terminal-2999677337-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2999677337-line-0)">⭘</text><text class="terminal-2999677337-r2" x="414.8" y="20" textLength="85.4" clip-path="url(#terminal-2999677337-line-0)">TestApp</text><text class="terminal-2999677337-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2999677337-line-0)">
-</text><text class="terminal-2999677337-r4" x="0" y="44.4" textLength="134.2" clip-path="url(#terminal-2999677337-line-1)">┌─────────┐</text><text class="terminal-2999677337-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-1)">
-</text><text class="terminal-2999677337-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-2)">│</text><text class="terminal-2999677337-r3" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-2999677337-line-2)">this</text><text class="terminal-2999677337-r4" x="122" y="68.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-2)">│</text><text class="terminal-2999677337-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-2)">
-</text><text class="terminal-2999677337-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-3)">│</text><text class="terminal-2999677337-r3" x="12.2" y="93.2" textLength="24.4" clip-path="url(#terminal-2999677337-line-3)">is</text><text class="terminal-2999677337-r4" x="122" y="93.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-3)">│</text><text class="terminal-2999677337-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-3)">
-</text><text class="terminal-2999677337-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-4)">│</text><text class="terminal-2999677337-r3" x="12.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-4)">a</text><text class="terminal-2999677337-r4" x="122" y="117.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-4)">│</text><text class="terminal-2999677337-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-4)">
-</text><text class="terminal-2999677337-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2999677337-line-5)">│</text><text class="terminal-2999677337-r3" x="12.2" y="142" textLength="73.2" clip-path="url(#terminal-2999677337-line-5)">sample</text><text class="terminal-2999677337-r4" x="122" y="142" textLength="12.2" clip-path="url(#terminal-2999677337-line-5)">│</text><text class="terminal-2999677337-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2999677337-line-5)">
-</text><text class="terminal-2999677337-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-6)">│</text><text class="terminal-2999677337-r3" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-2999677337-line-6)">sentence</text><text class="terminal-2999677337-r4" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-6)">│</text><text class="terminal-2999677337-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-6)">
-</text><text class="terminal-2999677337-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-7)">│</text><text class="terminal-2999677337-r3" x="12.2" y="190.8" textLength="36.6" clip-path="url(#terminal-2999677337-line-7)">and</text><text class="terminal-2999677337-r4" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-7)">│</text><text class="terminal-2999677337-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-7)">
-</text><text class="terminal-2999677337-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-8)">│</text><text class="terminal-2999677337-r3" x="12.2" y="215.2" textLength="48.8" clip-path="url(#terminal-2999677337-line-8)">here</text><text class="terminal-2999677337-r4" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-8)">│</text><text class="terminal-2999677337-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-8)">
-</text><text class="terminal-2999677337-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-9)">│</text><text class="terminal-2999677337-r3" x="12.2" y="239.6" textLength="36.6" clip-path="url(#terminal-2999677337-line-9)">are</text><text class="terminal-2999677337-r4" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-9)">│</text><text class="terminal-2999677337-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-9)">
-</text><text class="terminal-2999677337-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2999677337-line-10)">│</text><text class="terminal-2999677337-r3" x="12.2" y="264" textLength="48.8" clip-path="url(#terminal-2999677337-line-10)">some</text><text class="terminal-2999677337-r4" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2999677337-line-10)">│</text><text class="terminal-2999677337-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2999677337-line-10)">
-</text><text class="terminal-2999677337-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-11)">│</text><text class="terminal-2999677337-r3" x="12.2" y="288.4" textLength="109.8" clip-path="url(#terminal-2999677337-line-11)">wordsthis</text><text class="terminal-2999677337-r4" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-11)">│</text><text class="terminal-2999677337-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-11)">
-</text><text class="terminal-2999677337-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-12)">│</text><text class="terminal-2999677337-r3" x="12.2" y="312.8" textLength="24.4" clip-path="url(#terminal-2999677337-line-12)">is</text><text class="terminal-2999677337-r4" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-12)">│</text><text class="terminal-2999677337-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-12)">
-</text><text class="terminal-2999677337-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-13)">│</text><text class="terminal-2999677337-r3" x="12.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-13)">a</text><text class="terminal-2999677337-r4" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-13)">│</text><text class="terminal-2999677337-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-13)">
-</text><text class="terminal-2999677337-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-14)">│</text><text class="terminal-2999677337-r3" x="12.2" y="361.6" textLength="73.2" clip-path="url(#terminal-2999677337-line-14)">sample</text><text class="terminal-2999677337-r4" x="122" y="361.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-14)">│</text><text class="terminal-2999677337-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-14)">
-</text><text class="terminal-2999677337-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2999677337-line-15)">│</text><text class="terminal-2999677337-r3" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-2999677337-line-15)">sentence</text><text class="terminal-2999677337-r4" x="122" y="386" textLength="12.2" clip-path="url(#terminal-2999677337-line-15)">│</text><text class="terminal-2999677337-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2999677337-line-15)">
-</text><text class="terminal-2999677337-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-16)">│</text><text class="terminal-2999677337-r3" x="12.2" y="410.4" textLength="36.6" clip-path="url(#terminal-2999677337-line-16)">and</text><text class="terminal-2999677337-r4" x="122" y="410.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-16)">│</text><text class="terminal-2999677337-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-16)">
-</text><text class="terminal-2999677337-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-17)">│</text><text class="terminal-2999677337-r3" x="12.2" y="434.8" textLength="48.8" clip-path="url(#terminal-2999677337-line-17)">here</text><text class="terminal-2999677337-r4" x="122" y="434.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-17)">│</text><text class="terminal-2999677337-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-17)">
-</text><text class="terminal-2999677337-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-18)">│</text><text class="terminal-2999677337-r3" x="12.2" y="459.2" textLength="36.6" clip-path="url(#terminal-2999677337-line-18)">are</text><text class="terminal-2999677337-r4" x="122" y="459.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-18)">│</text><text class="terminal-2999677337-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-18)">
-</text><text class="terminal-2999677337-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-19)">│</text><text class="terminal-2999677337-r3" x="12.2" y="483.6" textLength="48.8" clip-path="url(#terminal-2999677337-line-19)">some</text><text class="terminal-2999677337-r4" x="122" y="483.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-19)">│</text><text class="terminal-2999677337-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2999677337-line-19)">
-</text><text class="terminal-2999677337-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-2999677337-line-20)">│</text><text class="terminal-2999677337-r3" x="12.2" y="508" textLength="61" clip-path="url(#terminal-2999677337-line-20)">words</text><text class="terminal-2999677337-r4" x="122" y="508" textLength="12.2" clip-path="url(#terminal-2999677337-line-20)">│</text><text class="terminal-2999677337-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2999677337-line-20)">
-</text><text class="terminal-2999677337-r5" x="0" y="532.4" textLength="48.8" clip-path="url(#terminal-2999677337-line-21)">&#160;^q&#160;</text><text class="terminal-2999677337-r6" x="48.8" y="532.4" textLength="61" clip-path="url(#terminal-2999677337-line-21)">Quit&#160;</text><text class="terminal-2999677337-r5" x="817.4" y="532.4" textLength="24.4" clip-path="url(#terminal-2999677337-line-21)">^p</text><text class="terminal-2999677337-r6" x="841.8" y="532.4" textLength="97.6" clip-path="url(#terminal-2999677337-line-21)">&#160;palette</text><text class="terminal-2999677337-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2999677337-line-21)">
-</text><text class="terminal-2999677337-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2999677337-line-22)">
-</text><text class="terminal-2999677337-r1" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-2999677337-line-23)">
-</text><text class="terminal-2999677337-r8" x="951.6" y="605.6" textLength="24.4" clip-path="url(#terminal-2999677337-line-24)">▇▇</text>
+    <g class="terminal-645436058-matrix">
+    <text class="terminal-645436058-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-645436058-line-0)">⭘</text><text class="terminal-645436058-r2" x="414.8" y="20" textLength="85.4" clip-path="url(#terminal-645436058-line-0)">TestApp</text><text class="terminal-645436058-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-645436058-line-0)">
+</text><text class="terminal-645436058-r4" x="0" y="44.4" textLength="134.2" clip-path="url(#terminal-645436058-line-1)">┌─────────┐</text><text class="terminal-645436058-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-645436058-line-1)">
+</text><text class="terminal-645436058-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-645436058-line-2)">│</text><text class="terminal-645436058-r3" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-645436058-line-2)">this</text><text class="terminal-645436058-r4" x="122" y="68.8" textLength="12.2" clip-path="url(#terminal-645436058-line-2)">│</text><text class="terminal-645436058-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-645436058-line-2)">
+</text><text class="terminal-645436058-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-645436058-line-3)">│</text><text class="terminal-645436058-r3" x="12.2" y="93.2" textLength="24.4" clip-path="url(#terminal-645436058-line-3)">is</text><text class="terminal-645436058-r4" x="122" y="93.2" textLength="12.2" clip-path="url(#terminal-645436058-line-3)">│</text><text class="terminal-645436058-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-645436058-line-3)">
+</text><text class="terminal-645436058-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-645436058-line-4)">│</text><text class="terminal-645436058-r3" x="12.2" y="117.6" textLength="12.2" clip-path="url(#terminal-645436058-line-4)">a</text><text class="terminal-645436058-r4" x="122" y="117.6" textLength="12.2" clip-path="url(#terminal-645436058-line-4)">│</text><text class="terminal-645436058-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-645436058-line-4)">
+</text><text class="terminal-645436058-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-645436058-line-5)">│</text><text class="terminal-645436058-r3" x="12.2" y="142" textLength="73.2" clip-path="url(#terminal-645436058-line-5)">sample</text><text class="terminal-645436058-r4" x="122" y="142" textLength="12.2" clip-path="url(#terminal-645436058-line-5)">│</text><text class="terminal-645436058-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-645436058-line-5)">
+</text><text class="terminal-645436058-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-645436058-line-6)">│</text><text class="terminal-645436058-r3" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-645436058-line-6)">sentence</text><text class="terminal-645436058-r4" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-645436058-line-6)">│</text><text class="terminal-645436058-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-645436058-line-6)">
+</text><text class="terminal-645436058-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-645436058-line-7)">│</text><text class="terminal-645436058-r3" x="12.2" y="190.8" textLength="36.6" clip-path="url(#terminal-645436058-line-7)">and</text><text class="terminal-645436058-r4" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-645436058-line-7)">│</text><text class="terminal-645436058-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-645436058-line-7)">
+</text><text class="terminal-645436058-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-645436058-line-8)">│</text><text class="terminal-645436058-r3" x="12.2" y="215.2" textLength="48.8" clip-path="url(#terminal-645436058-line-8)">here</text><text class="terminal-645436058-r4" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-645436058-line-8)">│</text><text class="terminal-645436058-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-645436058-line-8)">
+</text><text class="terminal-645436058-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-645436058-line-9)">│</text><text class="terminal-645436058-r3" x="12.2" y="239.6" textLength="36.6" clip-path="url(#terminal-645436058-line-9)">are</text><text class="terminal-645436058-r4" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-645436058-line-9)">│</text><text class="terminal-645436058-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-645436058-line-9)">
+</text><text class="terminal-645436058-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-645436058-line-10)">│</text><text class="terminal-645436058-r3" x="12.2" y="264" textLength="48.8" clip-path="url(#terminal-645436058-line-10)">some</text><text class="terminal-645436058-r4" x="122" y="264" textLength="12.2" clip-path="url(#terminal-645436058-line-10)">│</text><text class="terminal-645436058-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-645436058-line-10)">
+</text><text class="terminal-645436058-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-645436058-line-11)">│</text><text class="terminal-645436058-r3" x="12.2" y="288.4" textLength="109.8" clip-path="url(#terminal-645436058-line-11)">wordsthis</text><text class="terminal-645436058-r4" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-645436058-line-11)">│</text><text class="terminal-645436058-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-645436058-line-11)">
+</text><text class="terminal-645436058-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-645436058-line-12)">│</text><text class="terminal-645436058-r3" x="12.2" y="312.8" textLength="24.4" clip-path="url(#terminal-645436058-line-12)">is</text><text class="terminal-645436058-r4" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-645436058-line-12)">│</text><text class="terminal-645436058-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-645436058-line-12)">
+</text><text class="terminal-645436058-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-645436058-line-13)">│</text><text class="terminal-645436058-r3" x="12.2" y="337.2" textLength="12.2" clip-path="url(#terminal-645436058-line-13)">a</text><text class="terminal-645436058-r4" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-645436058-line-13)">│</text><text class="terminal-645436058-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-645436058-line-13)">
+</text><text class="terminal-645436058-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-645436058-line-14)">│</text><text class="terminal-645436058-r3" x="12.2" y="361.6" textLength="73.2" clip-path="url(#terminal-645436058-line-14)">sample</text><text class="terminal-645436058-r4" x="122" y="361.6" textLength="12.2" clip-path="url(#terminal-645436058-line-14)">│</text><text class="terminal-645436058-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-645436058-line-14)">
+</text><text class="terminal-645436058-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-645436058-line-15)">│</text><text class="terminal-645436058-r3" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-645436058-line-15)">sentence</text><text class="terminal-645436058-r4" x="122" y="386" textLength="12.2" clip-path="url(#terminal-645436058-line-15)">│</text><text class="terminal-645436058-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-645436058-line-15)">
+</text><text class="terminal-645436058-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-645436058-line-16)">│</text><text class="terminal-645436058-r3" x="12.2" y="410.4" textLength="36.6" clip-path="url(#terminal-645436058-line-16)">and</text><text class="terminal-645436058-r4" x="122" y="410.4" textLength="12.2" clip-path="url(#terminal-645436058-line-16)">│</text><text class="terminal-645436058-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-645436058-line-16)">
+</text><text class="terminal-645436058-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-645436058-line-17)">│</text><text class="terminal-645436058-r3" x="12.2" y="434.8" textLength="48.8" clip-path="url(#terminal-645436058-line-17)">here</text><text class="terminal-645436058-r4" x="122" y="434.8" textLength="12.2" clip-path="url(#terminal-645436058-line-17)">│</text><text class="terminal-645436058-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-645436058-line-17)">
+</text><text class="terminal-645436058-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-645436058-line-18)">│</text><text class="terminal-645436058-r3" x="12.2" y="459.2" textLength="36.6" clip-path="url(#terminal-645436058-line-18)">are</text><text class="terminal-645436058-r4" x="122" y="459.2" textLength="12.2" clip-path="url(#terminal-645436058-line-18)">│</text><text class="terminal-645436058-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-645436058-line-18)">
+</text><text class="terminal-645436058-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-645436058-line-19)">│</text><text class="terminal-645436058-r3" x="12.2" y="483.6" textLength="48.8" clip-path="url(#terminal-645436058-line-19)">some</text><text class="terminal-645436058-r4" x="122" y="483.6" textLength="12.2" clip-path="url(#terminal-645436058-line-19)">│</text><text class="terminal-645436058-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-645436058-line-19)">
+</text><text class="terminal-645436058-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-645436058-line-20)">│</text><text class="terminal-645436058-r3" x="12.2" y="508" textLength="61" clip-path="url(#terminal-645436058-line-20)">words</text><text class="terminal-645436058-r4" x="122" y="508" textLength="12.2" clip-path="url(#terminal-645436058-line-20)">│</text><text class="terminal-645436058-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-645436058-line-20)">
+</text><text class="terminal-645436058-r5" x="0" y="532.4" textLength="48.8" clip-path="url(#terminal-645436058-line-21)">&#160;^q&#160;</text><text class="terminal-645436058-r6" x="48.8" y="532.4" textLength="61" clip-path="url(#terminal-645436058-line-21)">Quit&#160;</text><text class="terminal-645436058-r8" x="805.2" y="532.4" textLength="12.2" clip-path="url(#terminal-645436058-line-21)">▏</text><text class="terminal-645436058-r5" x="817.4" y="532.4" textLength="24.4" clip-path="url(#terminal-645436058-line-21)">^p</text><text class="terminal-645436058-r6" x="841.8" y="532.4" textLength="97.6" clip-path="url(#terminal-645436058-line-21)">&#160;palette</text><text class="terminal-645436058-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-645436058-line-21)">
+</text><text class="terminal-645436058-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-645436058-line-22)">
+</text><text class="terminal-645436058-r1" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-645436058-line-23)">
+</text><text class="terminal-645436058-r9" x="951.6" y="605.6" textLength="24.4" clip-path="url(#terminal-645436058-line-24)">▇▇</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg
index ef3b123e33..192b11861e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll2.svg
@@ -19,141 +19,142 @@
         font-weight: 700;
     }
 
-    .terminal-3117061087-matrix {
+    .terminal-369931488-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3117061087-title {
+    .terminal-369931488-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3117061087-r1 { fill: #c5c8c6 }
-.terminal-3117061087-r2 { fill: #1e1e1e }
-.terminal-3117061087-r3 { fill: #1f1f1f }
-.terminal-3117061087-r4 { fill: #ff0000 }
-.terminal-3117061087-r5 { fill: #c7cdd2 }
-.terminal-3117061087-r6 { fill: #004578;font-weight: bold }
-.terminal-3117061087-r7 { fill: #585a5c }
-.terminal-3117061087-r8 { fill: #1c1d1e }
+    .terminal-369931488-r1 { fill: #c5c8c6 }
+.terminal-369931488-r2 { fill: #1e1e1e }
+.terminal-369931488-r3 { fill: #1f1f1f }
+.terminal-369931488-r4 { fill: #ff0000 }
+.terminal-369931488-r5 { fill: #c7cdd2 }
+.terminal-369931488-r6 { fill: #004578;font-weight: bold }
+.terminal-369931488-r7 { fill: #585a5c }
+.terminal-369931488-r8 { fill: #1c1d1e }
+.terminal-369931488-r9 { fill: #b3b8bc }
     </style>
 
     <defs>
-    <clipPath id="terminal-3117061087-clip-terminal">
+    <clipPath id="terminal-369931488-clip-terminal">
       <rect x="0" y="0" width="975.0" height="609.0" />
     </clipPath>
-    <clipPath id="terminal-3117061087-line-0">
+    <clipPath id="terminal-369931488-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-1">
+<clipPath id="terminal-369931488-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-2">
+<clipPath id="terminal-369931488-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-3">
+<clipPath id="terminal-369931488-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-4">
+<clipPath id="terminal-369931488-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-5">
+<clipPath id="terminal-369931488-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-6">
+<clipPath id="terminal-369931488-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-7">
+<clipPath id="terminal-369931488-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-8">
+<clipPath id="terminal-369931488-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-9">
+<clipPath id="terminal-369931488-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-10">
+<clipPath id="terminal-369931488-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-11">
+<clipPath id="terminal-369931488-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-12">
+<clipPath id="terminal-369931488-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-13">
+<clipPath id="terminal-369931488-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-14">
+<clipPath id="terminal-369931488-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-15">
+<clipPath id="terminal-369931488-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-16">
+<clipPath id="terminal-369931488-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-17">
+<clipPath id="terminal-369931488-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-18">
+<clipPath id="terminal-369931488-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-19">
+<clipPath id="terminal-369931488-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-20">
+<clipPath id="terminal-369931488-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-21">
+<clipPath id="terminal-369931488-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-22">
+<clipPath id="terminal-369931488-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3117061087-line-23">
+<clipPath id="terminal-369931488-line-23">
     <rect x="0" y="562.7" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-3117061087-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TestApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-369931488-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TestApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3117061087-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-369931488-clip-terminal)">
     <rect fill="#e9e9e9" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="24.4" y="1.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="414.8" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="500.2" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="841.8" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#e9e9e9" x="841.8" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="25.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="25.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="50.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="50.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="36.6" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="74.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="24.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="99.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="85.4" y="123.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="123.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="147.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="172.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="172.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="196.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="196.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="221.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="221.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="221.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="245.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="245.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="269.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="269.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="36.6" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="294.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="24.4" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="318.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="343.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="85.4" y="343.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="343.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="109.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="367.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="391.9" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="416.3" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="416.3" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="440.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="48.8" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="440.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="61" y="465.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="465.1" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="12.2" y="489.5" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="73.2" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="122" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#f5f5f5" x="134.2" y="489.5" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="513.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="48.8" y="513.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="109.8" y="513.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="805.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="817.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="841.8" y="513.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="939.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="538.3" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="562.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#dce3e8" x="0" y="587.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#c7cdd2" x="951.6" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3117061087-matrix">
-    <text class="terminal-3117061087-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3117061087-line-0)">⭘</text><text class="terminal-3117061087-r2" x="414.8" y="20" textLength="85.4" clip-path="url(#terminal-3117061087-line-0)">TestApp</text><text class="terminal-3117061087-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3117061087-line-0)">
-</text><text class="terminal-3117061087-r4" x="0" y="44.4" textLength="134.2" clip-path="url(#terminal-3117061087-line-1)">┌─────────┐</text><text class="terminal-3117061087-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-1)">
-</text><text class="terminal-3117061087-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-2)">│</text><text class="terminal-3117061087-r3" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-3117061087-line-2)">this</text><text class="terminal-3117061087-r4" x="122" y="68.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-2)">│</text><text class="terminal-3117061087-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-2)">
-</text><text class="terminal-3117061087-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-3)">│</text><text class="terminal-3117061087-r3" x="12.2" y="93.2" textLength="24.4" clip-path="url(#terminal-3117061087-line-3)">is</text><text class="terminal-3117061087-r4" x="122" y="93.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-3)">│</text><text class="terminal-3117061087-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-3)">
-</text><text class="terminal-3117061087-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-4)">│</text><text class="terminal-3117061087-r3" x="12.2" y="117.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-4)">a</text><text class="terminal-3117061087-r4" x="122" y="117.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-4)">│</text><text class="terminal-3117061087-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-4)">
-</text><text class="terminal-3117061087-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3117061087-line-5)">│</text><text class="terminal-3117061087-r3" x="12.2" y="142" textLength="73.2" clip-path="url(#terminal-3117061087-line-5)">sample</text><text class="terminal-3117061087-r4" x="122" y="142" textLength="12.2" clip-path="url(#terminal-3117061087-line-5)">│</text><text class="terminal-3117061087-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3117061087-line-5)">
-</text><text class="terminal-3117061087-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-6)">│</text><text class="terminal-3117061087-r3" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-3117061087-line-6)">sentence</text><text class="terminal-3117061087-r4" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-6)">│</text><text class="terminal-3117061087-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-6)">
-</text><text class="terminal-3117061087-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-7)">│</text><text class="terminal-3117061087-r3" x="12.2" y="190.8" textLength="36.6" clip-path="url(#terminal-3117061087-line-7)">and</text><text class="terminal-3117061087-r4" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-7)">│</text><text class="terminal-3117061087-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-7)">
-</text><text class="terminal-3117061087-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-8)">│</text><text class="terminal-3117061087-r3" x="12.2" y="215.2" textLength="48.8" clip-path="url(#terminal-3117061087-line-8)">here</text><text class="terminal-3117061087-r4" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-8)">│</text><text class="terminal-3117061087-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-8)">
-</text><text class="terminal-3117061087-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-9)">│</text><text class="terminal-3117061087-r3" x="12.2" y="239.6" textLength="36.6" clip-path="url(#terminal-3117061087-line-9)">are</text><text class="terminal-3117061087-r4" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-9)">│</text><text class="terminal-3117061087-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-9)">
-</text><text class="terminal-3117061087-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-3117061087-line-10)">│</text><text class="terminal-3117061087-r3" x="12.2" y="264" textLength="48.8" clip-path="url(#terminal-3117061087-line-10)">some</text><text class="terminal-3117061087-r4" x="122" y="264" textLength="12.2" clip-path="url(#terminal-3117061087-line-10)">│</text><text class="terminal-3117061087-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3117061087-line-10)">
-</text><text class="terminal-3117061087-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-11)">│</text><text class="terminal-3117061087-r3" x="12.2" y="288.4" textLength="109.8" clip-path="url(#terminal-3117061087-line-11)">wordsthis</text><text class="terminal-3117061087-r4" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-11)">│</text><text class="terminal-3117061087-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-11)">
-</text><text class="terminal-3117061087-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-12)">│</text><text class="terminal-3117061087-r3" x="12.2" y="312.8" textLength="24.4" clip-path="url(#terminal-3117061087-line-12)">is</text><text class="terminal-3117061087-r4" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-12)">│</text><text class="terminal-3117061087-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-12)">
-</text><text class="terminal-3117061087-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-13)">│</text><text class="terminal-3117061087-r3" x="12.2" y="337.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-13)">a</text><text class="terminal-3117061087-r4" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-13)">│</text><text class="terminal-3117061087-r5" x="951.6" y="337.2" textLength="24.4" clip-path="url(#terminal-3117061087-line-13)">▅▅</text><text class="terminal-3117061087-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-13)">
-</text><text class="terminal-3117061087-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-14)">│</text><text class="terminal-3117061087-r3" x="12.2" y="361.6" textLength="73.2" clip-path="url(#terminal-3117061087-line-14)">sample</text><text class="terminal-3117061087-r4" x="122" y="361.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-14)">│</text><text class="terminal-3117061087-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-14)">
-</text><text class="terminal-3117061087-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-3117061087-line-15)">│</text><text class="terminal-3117061087-r3" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-3117061087-line-15)">sentence</text><text class="terminal-3117061087-r4" x="122" y="386" textLength="12.2" clip-path="url(#terminal-3117061087-line-15)">│</text><text class="terminal-3117061087-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3117061087-line-15)">
-</text><text class="terminal-3117061087-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-16)">│</text><text class="terminal-3117061087-r3" x="12.2" y="410.4" textLength="36.6" clip-path="url(#terminal-3117061087-line-16)">and</text><text class="terminal-3117061087-r4" x="122" y="410.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-16)">│</text><text class="terminal-3117061087-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-16)">
-</text><text class="terminal-3117061087-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-17)">│</text><text class="terminal-3117061087-r3" x="12.2" y="434.8" textLength="48.8" clip-path="url(#terminal-3117061087-line-17)">here</text><text class="terminal-3117061087-r4" x="122" y="434.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-17)">│</text><text class="terminal-3117061087-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-17)">
-</text><text class="terminal-3117061087-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-18)">│</text><text class="terminal-3117061087-r3" x="12.2" y="459.2" textLength="36.6" clip-path="url(#terminal-3117061087-line-18)">are</text><text class="terminal-3117061087-r4" x="122" y="459.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-18)">│</text><text class="terminal-3117061087-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-18)">
-</text><text class="terminal-3117061087-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-19)">│</text><text class="terminal-3117061087-r3" x="12.2" y="483.6" textLength="48.8" clip-path="url(#terminal-3117061087-line-19)">some</text><text class="terminal-3117061087-r4" x="122" y="483.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-19)">│</text><text class="terminal-3117061087-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3117061087-line-19)">
-</text><text class="terminal-3117061087-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-3117061087-line-20)">│</text><text class="terminal-3117061087-r3" x="12.2" y="508" textLength="61" clip-path="url(#terminal-3117061087-line-20)">words</text><text class="terminal-3117061087-r4" x="122" y="508" textLength="12.2" clip-path="url(#terminal-3117061087-line-20)">│</text><text class="terminal-3117061087-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3117061087-line-20)">
-</text><text class="terminal-3117061087-r6" x="0" y="532.4" textLength="48.8" clip-path="url(#terminal-3117061087-line-21)">&#160;^q&#160;</text><text class="terminal-3117061087-r7" x="48.8" y="532.4" textLength="61" clip-path="url(#terminal-3117061087-line-21)">Quit&#160;</text><text class="terminal-3117061087-r6" x="817.4" y="532.4" textLength="24.4" clip-path="url(#terminal-3117061087-line-21)">^p</text><text class="terminal-3117061087-r7" x="841.8" y="532.4" textLength="97.6" clip-path="url(#terminal-3117061087-line-21)">&#160;palette</text><text class="terminal-3117061087-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3117061087-line-21)">
-</text><text class="terminal-3117061087-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3117061087-line-22)">
-</text><text class="terminal-3117061087-r1" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-3117061087-line-23)">
+    <g class="terminal-369931488-matrix">
+    <text class="terminal-369931488-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-369931488-line-0)">⭘</text><text class="terminal-369931488-r2" x="414.8" y="20" textLength="85.4" clip-path="url(#terminal-369931488-line-0)">TestApp</text><text class="terminal-369931488-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-369931488-line-0)">
+</text><text class="terminal-369931488-r4" x="0" y="44.4" textLength="134.2" clip-path="url(#terminal-369931488-line-1)">┌─────────┐</text><text class="terminal-369931488-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-369931488-line-1)">
+</text><text class="terminal-369931488-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-369931488-line-2)">│</text><text class="terminal-369931488-r3" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-369931488-line-2)">this</text><text class="terminal-369931488-r4" x="122" y="68.8" textLength="12.2" clip-path="url(#terminal-369931488-line-2)">│</text><text class="terminal-369931488-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-369931488-line-2)">
+</text><text class="terminal-369931488-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-369931488-line-3)">│</text><text class="terminal-369931488-r3" x="12.2" y="93.2" textLength="24.4" clip-path="url(#terminal-369931488-line-3)">is</text><text class="terminal-369931488-r4" x="122" y="93.2" textLength="12.2" clip-path="url(#terminal-369931488-line-3)">│</text><text class="terminal-369931488-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-369931488-line-3)">
+</text><text class="terminal-369931488-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-369931488-line-4)">│</text><text class="terminal-369931488-r3" x="12.2" y="117.6" textLength="12.2" clip-path="url(#terminal-369931488-line-4)">a</text><text class="terminal-369931488-r4" x="122" y="117.6" textLength="12.2" clip-path="url(#terminal-369931488-line-4)">│</text><text class="terminal-369931488-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-369931488-line-4)">
+</text><text class="terminal-369931488-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-369931488-line-5)">│</text><text class="terminal-369931488-r3" x="12.2" y="142" textLength="73.2" clip-path="url(#terminal-369931488-line-5)">sample</text><text class="terminal-369931488-r4" x="122" y="142" textLength="12.2" clip-path="url(#terminal-369931488-line-5)">│</text><text class="terminal-369931488-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-369931488-line-5)">
+</text><text class="terminal-369931488-r4" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-369931488-line-6)">│</text><text class="terminal-369931488-r3" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-369931488-line-6)">sentence</text><text class="terminal-369931488-r4" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-369931488-line-6)">│</text><text class="terminal-369931488-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-369931488-line-6)">
+</text><text class="terminal-369931488-r4" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-369931488-line-7)">│</text><text class="terminal-369931488-r3" x="12.2" y="190.8" textLength="36.6" clip-path="url(#terminal-369931488-line-7)">and</text><text class="terminal-369931488-r4" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-369931488-line-7)">│</text><text class="terminal-369931488-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-369931488-line-7)">
+</text><text class="terminal-369931488-r4" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-369931488-line-8)">│</text><text class="terminal-369931488-r3" x="12.2" y="215.2" textLength="48.8" clip-path="url(#terminal-369931488-line-8)">here</text><text class="terminal-369931488-r4" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-369931488-line-8)">│</text><text class="terminal-369931488-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-369931488-line-8)">
+</text><text class="terminal-369931488-r4" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-369931488-line-9)">│</text><text class="terminal-369931488-r3" x="12.2" y="239.6" textLength="36.6" clip-path="url(#terminal-369931488-line-9)">are</text><text class="terminal-369931488-r4" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-369931488-line-9)">│</text><text class="terminal-369931488-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-369931488-line-9)">
+</text><text class="terminal-369931488-r4" x="0" y="264" textLength="12.2" clip-path="url(#terminal-369931488-line-10)">│</text><text class="terminal-369931488-r3" x="12.2" y="264" textLength="48.8" clip-path="url(#terminal-369931488-line-10)">some</text><text class="terminal-369931488-r4" x="122" y="264" textLength="12.2" clip-path="url(#terminal-369931488-line-10)">│</text><text class="terminal-369931488-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-369931488-line-10)">
+</text><text class="terminal-369931488-r4" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-369931488-line-11)">│</text><text class="terminal-369931488-r3" x="12.2" y="288.4" textLength="109.8" clip-path="url(#terminal-369931488-line-11)">wordsthis</text><text class="terminal-369931488-r4" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-369931488-line-11)">│</text><text class="terminal-369931488-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-369931488-line-11)">
+</text><text class="terminal-369931488-r4" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-369931488-line-12)">│</text><text class="terminal-369931488-r3" x="12.2" y="312.8" textLength="24.4" clip-path="url(#terminal-369931488-line-12)">is</text><text class="terminal-369931488-r4" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-369931488-line-12)">│</text><text class="terminal-369931488-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-369931488-line-12)">
+</text><text class="terminal-369931488-r4" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-369931488-line-13)">│</text><text class="terminal-369931488-r3" x="12.2" y="337.2" textLength="12.2" clip-path="url(#terminal-369931488-line-13)">a</text><text class="terminal-369931488-r4" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-369931488-line-13)">│</text><text class="terminal-369931488-r5" x="951.6" y="337.2" textLength="24.4" clip-path="url(#terminal-369931488-line-13)">▅▅</text><text class="terminal-369931488-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-369931488-line-13)">
+</text><text class="terminal-369931488-r4" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-369931488-line-14)">│</text><text class="terminal-369931488-r3" x="12.2" y="361.6" textLength="73.2" clip-path="url(#terminal-369931488-line-14)">sample</text><text class="terminal-369931488-r4" x="122" y="361.6" textLength="12.2" clip-path="url(#terminal-369931488-line-14)">│</text><text class="terminal-369931488-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-369931488-line-14)">
+</text><text class="terminal-369931488-r4" x="0" y="386" textLength="12.2" clip-path="url(#terminal-369931488-line-15)">│</text><text class="terminal-369931488-r3" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-369931488-line-15)">sentence</text><text class="terminal-369931488-r4" x="122" y="386" textLength="12.2" clip-path="url(#terminal-369931488-line-15)">│</text><text class="terminal-369931488-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-369931488-line-15)">
+</text><text class="terminal-369931488-r4" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-369931488-line-16)">│</text><text class="terminal-369931488-r3" x="12.2" y="410.4" textLength="36.6" clip-path="url(#terminal-369931488-line-16)">and</text><text class="terminal-369931488-r4" x="122" y="410.4" textLength="12.2" clip-path="url(#terminal-369931488-line-16)">│</text><text class="terminal-369931488-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-369931488-line-16)">
+</text><text class="terminal-369931488-r4" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-369931488-line-17)">│</text><text class="terminal-369931488-r3" x="12.2" y="434.8" textLength="48.8" clip-path="url(#terminal-369931488-line-17)">here</text><text class="terminal-369931488-r4" x="122" y="434.8" textLength="12.2" clip-path="url(#terminal-369931488-line-17)">│</text><text class="terminal-369931488-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-369931488-line-17)">
+</text><text class="terminal-369931488-r4" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-369931488-line-18)">│</text><text class="terminal-369931488-r3" x="12.2" y="459.2" textLength="36.6" clip-path="url(#terminal-369931488-line-18)">are</text><text class="terminal-369931488-r4" x="122" y="459.2" textLength="12.2" clip-path="url(#terminal-369931488-line-18)">│</text><text class="terminal-369931488-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-369931488-line-18)">
+</text><text class="terminal-369931488-r4" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-369931488-line-19)">│</text><text class="terminal-369931488-r3" x="12.2" y="483.6" textLength="48.8" clip-path="url(#terminal-369931488-line-19)">some</text><text class="terminal-369931488-r4" x="122" y="483.6" textLength="12.2" clip-path="url(#terminal-369931488-line-19)">│</text><text class="terminal-369931488-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-369931488-line-19)">
+</text><text class="terminal-369931488-r4" x="0" y="508" textLength="12.2" clip-path="url(#terminal-369931488-line-20)">│</text><text class="terminal-369931488-r3" x="12.2" y="508" textLength="61" clip-path="url(#terminal-369931488-line-20)">words</text><text class="terminal-369931488-r4" x="122" y="508" textLength="12.2" clip-path="url(#terminal-369931488-line-20)">│</text><text class="terminal-369931488-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-369931488-line-20)">
+</text><text class="terminal-369931488-r6" x="0" y="532.4" textLength="48.8" clip-path="url(#terminal-369931488-line-21)">&#160;^q&#160;</text><text class="terminal-369931488-r7" x="48.8" y="532.4" textLength="61" clip-path="url(#terminal-369931488-line-21)">Quit&#160;</text><text class="terminal-369931488-r9" x="805.2" y="532.4" textLength="12.2" clip-path="url(#terminal-369931488-line-21)">▏</text><text class="terminal-369931488-r6" x="817.4" y="532.4" textLength="24.4" clip-path="url(#terminal-369931488-line-21)">^p</text><text class="terminal-369931488-r7" x="841.8" y="532.4" textLength="97.6" clip-path="url(#terminal-369931488-line-21)">&#160;palette</text><text class="terminal-369931488-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-369931488-line-21)">
+</text><text class="terminal-369931488-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-369931488-line-22)">
+</text><text class="terminal-369931488-r1" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-369931488-line-23)">
 </text>
     </g>
     </g>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg
index c5991ee99a..ed849795f0 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dock_scroll_off_by_one.svg
@@ -19,144 +19,145 @@
         font-weight: 700;
     }
 
-    .terminal-3205324723-matrix {
+    .terminal-1768849289-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3205324723-title {
+    .terminal-1768849289-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3205324723-r1 { fill: #1e1e1e }
-.terminal-3205324723-r2 { fill: #e1e1e1 }
-.terminal-3205324723-r3 { fill: #c5c8c6 }
-.terminal-3205324723-r4 { fill: #434343 }
-.terminal-3205324723-r5 { fill: #262626;font-weight: bold }
-.terminal-3205324723-r6 { fill: #e2e2e2 }
-.terminal-3205324723-r7 { fill: #23568b }
-.terminal-3205324723-r8 { fill: #e2e3e3 }
-.terminal-3205324723-r9 { fill: #fea62b;font-weight: bold }
-.terminal-3205324723-r10 { fill: #a7a9ab }
+    .terminal-1768849289-r1 { fill: #1e1e1e }
+.terminal-1768849289-r2 { fill: #e1e1e1 }
+.terminal-1768849289-r3 { fill: #c5c8c6 }
+.terminal-1768849289-r4 { fill: #434343 }
+.terminal-1768849289-r5 { fill: #262626;font-weight: bold }
+.terminal-1768849289-r6 { fill: #e2e2e2 }
+.terminal-1768849289-r7 { fill: #23568b }
+.terminal-1768849289-r8 { fill: #e2e3e3 }
+.terminal-1768849289-r9 { fill: #4c5055 }
+.terminal-1768849289-r10 { fill: #fea62b;font-weight: bold }
+.terminal-1768849289-r11 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-3205324723-clip-terminal">
+    <clipPath id="terminal-1768849289-clip-terminal">
       <rect x="0" y="0" width="975.0" height="609.0" />
     </clipPath>
-    <clipPath id="terminal-3205324723-line-0">
+    <clipPath id="terminal-1768849289-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-1">
+<clipPath id="terminal-1768849289-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-2">
+<clipPath id="terminal-1768849289-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-3">
+<clipPath id="terminal-1768849289-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-4">
+<clipPath id="terminal-1768849289-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-5">
+<clipPath id="terminal-1768849289-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-6">
+<clipPath id="terminal-1768849289-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-7">
+<clipPath id="terminal-1768849289-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-8">
+<clipPath id="terminal-1768849289-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-9">
+<clipPath id="terminal-1768849289-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-10">
+<clipPath id="terminal-1768849289-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-11">
+<clipPath id="terminal-1768849289-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-12">
+<clipPath id="terminal-1768849289-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-13">
+<clipPath id="terminal-1768849289-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-14">
+<clipPath id="terminal-1768849289-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-15">
+<clipPath id="terminal-1768849289-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-16">
+<clipPath id="terminal-1768849289-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-17">
+<clipPath id="terminal-1768849289-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-18">
+<clipPath id="terminal-1768849289-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-19">
+<clipPath id="terminal-1768849289-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-20">
+<clipPath id="terminal-1768849289-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-21">
+<clipPath id="terminal-1768849289-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-22">
+<clipPath id="terminal-1768849289-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3205324723-line-23">
+<clipPath id="terminal-1768849289-line-23">
     <rect x="0" y="562.7" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-3205324723-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollOffByOne</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-1768849289-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollOffByOne</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3205324723-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1768849289-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="1.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="25.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="123.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="147.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="172.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="196.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="221.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="245.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="245.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="269.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="294.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="318.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="343.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="367.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="391.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="416.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="440.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="465.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="465.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="489.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="513.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="513.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="538.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="587.1" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="805.2" y="587.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="817.4" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="587.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="587.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3205324723-matrix">
-    <text class="terminal-3205324723-r1" x="0" y="20" textLength="12.2" clip-path="url(#terminal-3205324723-line-0)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="20" textLength="97.6" clip-path="url(#terminal-3205324723-line-0)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="20" textLength="12.2" clip-path="url(#terminal-3205324723-line-0)">▎</text><text class="terminal-3205324723-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3205324723-line-0)">
-</text><text class="terminal-3205324723-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">X</text><text class="terminal-3205324723-r4" x="48.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">▌</text><text class="terminal-3205324723-r6" x="61" y="44.4" textLength="36.6" clip-path="url(#terminal-3205324723-line-1)">&#160;92</text><text class="terminal-3205324723-r1" x="109.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">▎</text><text class="terminal-3205324723-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-1)">
-</text><text class="terminal-3205324723-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-2)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="68.8" textLength="97.6" clip-path="url(#terminal-3205324723-line-2)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-2)">▎</text><text class="terminal-3205324723-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-2)">
-</text><text class="terminal-3205324723-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-3)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="93.2" textLength="97.6" clip-path="url(#terminal-3205324723-line-3)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-3)">▎</text><text class="terminal-3205324723-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-3)">
-</text><text class="terminal-3205324723-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">X</text><text class="terminal-3205324723-r4" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">▌</text><text class="terminal-3205324723-r6" x="61" y="117.6" textLength="36.6" clip-path="url(#terminal-3205324723-line-4)">&#160;93</text><text class="terminal-3205324723-r1" x="109.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">▎</text><text class="terminal-3205324723-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-4)">
-</text><text class="terminal-3205324723-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3205324723-line-5)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-3205324723-line-5)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-3205324723-line-5)">▎</text><text class="terminal-3205324723-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3205324723-line-5)">
-</text><text class="terminal-3205324723-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-6)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-3205324723-line-6)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-6)">▎</text><text class="terminal-3205324723-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-6)">
-</text><text class="terminal-3205324723-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">X</text><text class="terminal-3205324723-r4" x="48.8" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">▌</text><text class="terminal-3205324723-r6" x="61" y="190.8" textLength="36.6" clip-path="url(#terminal-3205324723-line-7)">&#160;94</text><text class="terminal-3205324723-r1" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">▎</text><text class="terminal-3205324723-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-7)">
-</text><text class="terminal-3205324723-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-8)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="215.2" textLength="97.6" clip-path="url(#terminal-3205324723-line-8)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="215.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-8)">▎</text><text class="terminal-3205324723-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-8)">
-</text><text class="terminal-3205324723-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-9)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="239.6" textLength="97.6" clip-path="url(#terminal-3205324723-line-9)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="239.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-9)">▎</text><text class="terminal-3205324723-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-9)">
-</text><text class="terminal-3205324723-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">X</text><text class="terminal-3205324723-r4" x="48.8" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">▌</text><text class="terminal-3205324723-r6" x="61" y="264" textLength="36.6" clip-path="url(#terminal-3205324723-line-10)">&#160;95</text><text class="terminal-3205324723-r1" x="109.8" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">▎</text><text class="terminal-3205324723-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3205324723-line-10)">
-</text><text class="terminal-3205324723-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-11)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="288.4" textLength="97.6" clip-path="url(#terminal-3205324723-line-11)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="288.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-11)">▎</text><text class="terminal-3205324723-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-11)">
-</text><text class="terminal-3205324723-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-12)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="312.8" textLength="97.6" clip-path="url(#terminal-3205324723-line-12)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="312.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-12)">▎</text><text class="terminal-3205324723-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-12)">
-</text><text class="terminal-3205324723-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">X</text><text class="terminal-3205324723-r4" x="48.8" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">▌</text><text class="terminal-3205324723-r6" x="61" y="337.2" textLength="36.6" clip-path="url(#terminal-3205324723-line-13)">&#160;96</text><text class="terminal-3205324723-r1" x="109.8" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">▎</text><text class="terminal-3205324723-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-13)">
-</text><text class="terminal-3205324723-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-14)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="361.6" textLength="97.6" clip-path="url(#terminal-3205324723-line-14)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="361.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-14)">▎</text><text class="terminal-3205324723-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-14)">
-</text><text class="terminal-3205324723-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-3205324723-line-15)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-3205324723-line-15)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="386" textLength="12.2" clip-path="url(#terminal-3205324723-line-15)">▎</text><text class="terminal-3205324723-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3205324723-line-15)">
-</text><text class="terminal-3205324723-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">X</text><text class="terminal-3205324723-r4" x="48.8" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">▌</text><text class="terminal-3205324723-r6" x="61" y="410.4" textLength="36.6" clip-path="url(#terminal-3205324723-line-16)">&#160;97</text><text class="terminal-3205324723-r1" x="109.8" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">▎</text><text class="terminal-3205324723-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-16)">
-</text><text class="terminal-3205324723-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-17)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="434.8" textLength="97.6" clip-path="url(#terminal-3205324723-line-17)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="434.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-17)">▎</text><text class="terminal-3205324723-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-17)">
-</text><text class="terminal-3205324723-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-18)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="459.2" textLength="97.6" clip-path="url(#terminal-3205324723-line-18)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="459.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-18)">▎</text><text class="terminal-3205324723-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-18)">
-</text><text class="terminal-3205324723-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">X</text><text class="terminal-3205324723-r4" x="48.8" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">▌</text><text class="terminal-3205324723-r6" x="61" y="483.6" textLength="36.6" clip-path="url(#terminal-3205324723-line-19)">&#160;98</text><text class="terminal-3205324723-r1" x="109.8" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">▎</text><text class="terminal-3205324723-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3205324723-line-19)">
-</text><text class="terminal-3205324723-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-3205324723-line-20)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="508" textLength="97.6" clip-path="url(#terminal-3205324723-line-20)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="508" textLength="12.2" clip-path="url(#terminal-3205324723-line-20)">▎</text><text class="terminal-3205324723-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3205324723-line-20)">
-</text><text class="terminal-3205324723-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-21)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="532.4" textLength="97.6" clip-path="url(#terminal-3205324723-line-21)">▔▔▔▔▔▔▔▔</text><text class="terminal-3205324723-r1" x="109.8" y="532.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-21)">▎</text><text class="terminal-3205324723-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3205324723-line-21)">
-</text><text class="terminal-3205324723-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">▊</text><text class="terminal-3205324723-r4" x="24.4" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">▐</text><text class="terminal-3205324723-r5" x="36.6" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">X</text><text class="terminal-3205324723-r4" x="48.8" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">▌</text><text class="terminal-3205324723-r6" x="61" y="556.8" textLength="36.6" clip-path="url(#terminal-3205324723-line-22)">&#160;99</text><text class="terminal-3205324723-r1" x="109.8" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">▎</text><text class="terminal-3205324723-r7" x="951.6" y="556.8" textLength="24.4" clip-path="url(#terminal-3205324723-line-22)">▁▁</text><text class="terminal-3205324723-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3205324723-line-22)">
-</text><text class="terminal-3205324723-r1" x="0" y="581.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-23)">▊</text><text class="terminal-3205324723-r1" x="12.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3205324723-line-23)">▁▁▁▁▁▁▁▁</text><text class="terminal-3205324723-r1" x="109.8" y="581.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-23)">▎</text><text class="terminal-3205324723-r3" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-3205324723-line-23)">
-</text><text class="terminal-3205324723-r9" x="817.4" y="605.6" textLength="24.4" clip-path="url(#terminal-3205324723-line-24)">^p</text><text class="terminal-3205324723-r10" x="841.8" y="605.6" textLength="97.6" clip-path="url(#terminal-3205324723-line-24)">&#160;palette</text>
+    <g class="terminal-1768849289-matrix">
+    <text class="terminal-1768849289-r1" x="0" y="20" textLength="12.2" clip-path="url(#terminal-1768849289-line-0)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="20" textLength="97.6" clip-path="url(#terminal-1768849289-line-0)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="20" textLength="12.2" clip-path="url(#terminal-1768849289-line-0)">▎</text><text class="terminal-1768849289-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1768849289-line-0)">
+</text><text class="terminal-1768849289-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">X</text><text class="terminal-1768849289-r4" x="48.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">▌</text><text class="terminal-1768849289-r6" x="61" y="44.4" textLength="36.6" clip-path="url(#terminal-1768849289-line-1)">&#160;92</text><text class="terminal-1768849289-r1" x="109.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">▎</text><text class="terminal-1768849289-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-1)">
+</text><text class="terminal-1768849289-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-2)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="68.8" textLength="97.6" clip-path="url(#terminal-1768849289-line-2)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-2)">▎</text><text class="terminal-1768849289-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-2)">
+</text><text class="terminal-1768849289-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-3)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="93.2" textLength="97.6" clip-path="url(#terminal-1768849289-line-3)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-3)">▎</text><text class="terminal-1768849289-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-3)">
+</text><text class="terminal-1768849289-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">X</text><text class="terminal-1768849289-r4" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">▌</text><text class="terminal-1768849289-r6" x="61" y="117.6" textLength="36.6" clip-path="url(#terminal-1768849289-line-4)">&#160;93</text><text class="terminal-1768849289-r1" x="109.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">▎</text><text class="terminal-1768849289-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-4)">
+</text><text class="terminal-1768849289-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1768849289-line-5)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-1768849289-line-5)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-1768849289-line-5)">▎</text><text class="terminal-1768849289-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1768849289-line-5)">
+</text><text class="terminal-1768849289-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-6)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-1768849289-line-6)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-6)">▎</text><text class="terminal-1768849289-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-6)">
+</text><text class="terminal-1768849289-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">X</text><text class="terminal-1768849289-r4" x="48.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">▌</text><text class="terminal-1768849289-r6" x="61" y="190.8" textLength="36.6" clip-path="url(#terminal-1768849289-line-7)">&#160;94</text><text class="terminal-1768849289-r1" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">▎</text><text class="terminal-1768849289-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-7)">
+</text><text class="terminal-1768849289-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-8)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="215.2" textLength="97.6" clip-path="url(#terminal-1768849289-line-8)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-8)">▎</text><text class="terminal-1768849289-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-8)">
+</text><text class="terminal-1768849289-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-9)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="239.6" textLength="97.6" clip-path="url(#terminal-1768849289-line-9)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-9)">▎</text><text class="terminal-1768849289-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-9)">
+</text><text class="terminal-1768849289-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">X</text><text class="terminal-1768849289-r4" x="48.8" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">▌</text><text class="terminal-1768849289-r6" x="61" y="264" textLength="36.6" clip-path="url(#terminal-1768849289-line-10)">&#160;95</text><text class="terminal-1768849289-r1" x="109.8" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">▎</text><text class="terminal-1768849289-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1768849289-line-10)">
+</text><text class="terminal-1768849289-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-11)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="288.4" textLength="97.6" clip-path="url(#terminal-1768849289-line-11)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-11)">▎</text><text class="terminal-1768849289-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-11)">
+</text><text class="terminal-1768849289-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-12)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="312.8" textLength="97.6" clip-path="url(#terminal-1768849289-line-12)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="312.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-12)">▎</text><text class="terminal-1768849289-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-12)">
+</text><text class="terminal-1768849289-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">X</text><text class="terminal-1768849289-r4" x="48.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">▌</text><text class="terminal-1768849289-r6" x="61" y="337.2" textLength="36.6" clip-path="url(#terminal-1768849289-line-13)">&#160;96</text><text class="terminal-1768849289-r1" x="109.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">▎</text><text class="terminal-1768849289-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-13)">
+</text><text class="terminal-1768849289-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-14)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="361.6" textLength="97.6" clip-path="url(#terminal-1768849289-line-14)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-14)">▎</text><text class="terminal-1768849289-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-14)">
+</text><text class="terminal-1768849289-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-1768849289-line-15)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-1768849289-line-15)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="386" textLength="12.2" clip-path="url(#terminal-1768849289-line-15)">▎</text><text class="terminal-1768849289-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1768849289-line-15)">
+</text><text class="terminal-1768849289-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">X</text><text class="terminal-1768849289-r4" x="48.8" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">▌</text><text class="terminal-1768849289-r6" x="61" y="410.4" textLength="36.6" clip-path="url(#terminal-1768849289-line-16)">&#160;97</text><text class="terminal-1768849289-r1" x="109.8" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">▎</text><text class="terminal-1768849289-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-16)">
+</text><text class="terminal-1768849289-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-17)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="434.8" textLength="97.6" clip-path="url(#terminal-1768849289-line-17)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="434.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-17)">▎</text><text class="terminal-1768849289-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-17)">
+</text><text class="terminal-1768849289-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-18)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="459.2" textLength="97.6" clip-path="url(#terminal-1768849289-line-18)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="459.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-18)">▎</text><text class="terminal-1768849289-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-18)">
+</text><text class="terminal-1768849289-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">X</text><text class="terminal-1768849289-r4" x="48.8" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">▌</text><text class="terminal-1768849289-r6" x="61" y="483.6" textLength="36.6" clip-path="url(#terminal-1768849289-line-19)">&#160;98</text><text class="terminal-1768849289-r1" x="109.8" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">▎</text><text class="terminal-1768849289-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-19)">
+</text><text class="terminal-1768849289-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-1768849289-line-20)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="508" textLength="97.6" clip-path="url(#terminal-1768849289-line-20)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="508" textLength="12.2" clip-path="url(#terminal-1768849289-line-20)">▎</text><text class="terminal-1768849289-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1768849289-line-20)">
+</text><text class="terminal-1768849289-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-21)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="532.4" textLength="97.6" clip-path="url(#terminal-1768849289-line-21)">▔▔▔▔▔▔▔▔</text><text class="terminal-1768849289-r1" x="109.8" y="532.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-21)">▎</text><text class="terminal-1768849289-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1768849289-line-21)">
+</text><text class="terminal-1768849289-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">▊</text><text class="terminal-1768849289-r4" x="24.4" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">▐</text><text class="terminal-1768849289-r5" x="36.6" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">X</text><text class="terminal-1768849289-r4" x="48.8" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">▌</text><text class="terminal-1768849289-r6" x="61" y="556.8" textLength="36.6" clip-path="url(#terminal-1768849289-line-22)">&#160;99</text><text class="terminal-1768849289-r1" x="109.8" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">▎</text><text class="terminal-1768849289-r7" x="951.6" y="556.8" textLength="24.4" clip-path="url(#terminal-1768849289-line-22)">▁▁</text><text class="terminal-1768849289-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1768849289-line-22)">
+</text><text class="terminal-1768849289-r1" x="0" y="581.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-23)">▊</text><text class="terminal-1768849289-r1" x="12.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1768849289-line-23)">▁▁▁▁▁▁▁▁</text><text class="terminal-1768849289-r1" x="109.8" y="581.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-23)">▎</text><text class="terminal-1768849289-r3" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-1768849289-line-23)">
+</text><text class="terminal-1768849289-r9" x="805.2" y="605.6" textLength="12.2" clip-path="url(#terminal-1768849289-line-24)">▏</text><text class="terminal-1768849289-r10" x="817.4" y="605.6" textLength="24.4" clip-path="url(#terminal-1768849289-line-24)">^p</text><text class="terminal-1768849289-r11" x="841.8" y="605.6" textLength="97.6" clip-path="url(#terminal-1768849289-line-24)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg
index 8edeae7614..1e0c41e146 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_dynamic_bindings.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-3836977354-matrix {
+    .terminal-3721642144-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3836977354-title {
+    .terminal-3721642144-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3836977354-r1 { fill: #e1e1e1 }
-.terminal-3836977354-r2 { fill: #c5c8c6 }
-.terminal-3836977354-r3 { fill: #fea62b;font-weight: bold }
-.terminal-3836977354-r4 { fill: #a7a9ab }
-.terminal-3836977354-r5 { fill: #a6742c;font-weight: bold }
-.terminal-3836977354-r6 { fill: #727579 }
-.terminal-3836977354-r7 { fill: #e2e3e3 }
+    .terminal-3721642144-r1 { fill: #e1e1e1 }
+.terminal-3721642144-r2 { fill: #c5c8c6 }
+.terminal-3721642144-r3 { fill: #fea62b;font-weight: bold }
+.terminal-3721642144-r4 { fill: #a7a9ab }
+.terminal-3721642144-r5 { fill: #a6742c;font-weight: bold }
+.terminal-3721642144-r6 { fill: #727579 }
+.terminal-3721642144-r7 { fill: #e2e3e3 }
+.terminal-3721642144-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3836977354-clip-terminal">
+    <clipPath id="terminal-3721642144-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3836977354-line-0">
+    <clipPath id="terminal-3721642144-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-1">
+<clipPath id="terminal-3721642144-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-2">
+<clipPath id="terminal-3721642144-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-3">
+<clipPath id="terminal-3721642144-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-4">
+<clipPath id="terminal-3721642144-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-5">
+<clipPath id="terminal-3721642144-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-6">
+<clipPath id="terminal-3721642144-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-7">
+<clipPath id="terminal-3721642144-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-8">
+<clipPath id="terminal-3721642144-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-9">
+<clipPath id="terminal-3721642144-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-10">
+<clipPath id="terminal-3721642144-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-11">
+<clipPath id="terminal-3721642144-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-12">
+<clipPath id="terminal-3721642144-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-13">
+<clipPath id="terminal-3721642144-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-14">
+<clipPath id="terminal-3721642144-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-15">
+<clipPath id="terminal-3721642144-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-16">
+<clipPath id="terminal-3721642144-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-17">
+<clipPath id="terminal-3721642144-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-18">
+<clipPath id="terminal-3721642144-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-19">
+<clipPath id="terminal-3721642144-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-20">
+<clipPath id="terminal-3721642144-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-21">
+<clipPath id="terminal-3721642144-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836977354-line-22">
+<clipPath id="terminal-3721642144-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3836977354-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindingsApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3721642144-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">BindingsApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3836977354-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3721642144-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3836977354-matrix">
-    <text class="terminal-3836977354-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3836977354-line-0)">
-</text><text class="terminal-3836977354-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3836977354-line-1)">
-</text><text class="terminal-3836977354-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3836977354-line-2)">
-</text><text class="terminal-3836977354-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3836977354-line-3)">
-</text><text class="terminal-3836977354-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3836977354-line-4)">
-</text><text class="terminal-3836977354-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3836977354-line-5)">
-</text><text class="terminal-3836977354-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3836977354-line-6)">
-</text><text class="terminal-3836977354-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3836977354-line-7)">
-</text><text class="terminal-3836977354-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3836977354-line-8)">
-</text><text class="terminal-3836977354-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3836977354-line-9)">
-</text><text class="terminal-3836977354-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3836977354-line-10)">
-</text><text class="terminal-3836977354-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3836977354-line-11)">
-</text><text class="terminal-3836977354-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3836977354-line-12)">
-</text><text class="terminal-3836977354-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3836977354-line-13)">
-</text><text class="terminal-3836977354-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3836977354-line-14)">
-</text><text class="terminal-3836977354-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3836977354-line-15)">
-</text><text class="terminal-3836977354-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3836977354-line-16)">
-</text><text class="terminal-3836977354-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3836977354-line-17)">
-</text><text class="terminal-3836977354-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3836977354-line-18)">
-</text><text class="terminal-3836977354-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3836977354-line-19)">
-</text><text class="terminal-3836977354-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3836977354-line-20)">
-</text><text class="terminal-3836977354-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3836977354-line-21)">
-</text><text class="terminal-3836977354-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3836977354-line-22)">
-</text><text class="terminal-3836977354-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3836977354-line-23)">&#160;a&#160;</text><text class="terminal-3836977354-r4" x="36.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3836977354-line-23)">A&#160;</text><text class="terminal-3836977354-r5" x="61" y="581.2" textLength="36.6" clip-path="url(#terminal-3836977354-line-23)">&#160;c&#160;</text><text class="terminal-3836977354-r6" x="97.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3836977354-line-23)">C&#160;</text><text class="terminal-3836977354-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3836977354-line-23)">^p</text><text class="terminal-3836977354-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3836977354-line-23)">&#160;palette</text>
+    <g class="terminal-3721642144-matrix">
+    <text class="terminal-3721642144-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3721642144-line-0)">
+</text><text class="terminal-3721642144-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3721642144-line-1)">
+</text><text class="terminal-3721642144-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3721642144-line-2)">
+</text><text class="terminal-3721642144-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3721642144-line-3)">
+</text><text class="terminal-3721642144-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3721642144-line-4)">
+</text><text class="terminal-3721642144-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3721642144-line-5)">
+</text><text class="terminal-3721642144-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3721642144-line-6)">
+</text><text class="terminal-3721642144-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3721642144-line-7)">
+</text><text class="terminal-3721642144-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3721642144-line-8)">
+</text><text class="terminal-3721642144-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3721642144-line-9)">
+</text><text class="terminal-3721642144-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3721642144-line-10)">
+</text><text class="terminal-3721642144-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3721642144-line-11)">
+</text><text class="terminal-3721642144-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3721642144-line-12)">
+</text><text class="terminal-3721642144-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3721642144-line-13)">
+</text><text class="terminal-3721642144-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3721642144-line-14)">
+</text><text class="terminal-3721642144-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3721642144-line-15)">
+</text><text class="terminal-3721642144-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3721642144-line-16)">
+</text><text class="terminal-3721642144-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3721642144-line-17)">
+</text><text class="terminal-3721642144-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3721642144-line-18)">
+</text><text class="terminal-3721642144-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3721642144-line-19)">
+</text><text class="terminal-3721642144-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3721642144-line-20)">
+</text><text class="terminal-3721642144-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3721642144-line-21)">
+</text><text class="terminal-3721642144-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3721642144-line-22)">
+</text><text class="terminal-3721642144-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3721642144-line-23)">&#160;a&#160;</text><text class="terminal-3721642144-r4" x="36.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3721642144-line-23)">A&#160;</text><text class="terminal-3721642144-r5" x="61" y="581.2" textLength="36.6" clip-path="url(#terminal-3721642144-line-23)">&#160;c&#160;</text><text class="terminal-3721642144-r6" x="97.6" y="581.2" textLength="24.4" clip-path="url(#terminal-3721642144-line-23)">C&#160;</text><text class="terminal-3721642144-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3721642144-line-23)">▏</text><text class="terminal-3721642144-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3721642144-line-23)">^p</text><text class="terminal-3721642144-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3721642144-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg
index 324ff93aed..582b54ebe8 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_five_by_five.svg
@@ -19,139 +19,140 @@
         font-weight: 700;
     }
 
-    .terminal-693292760-matrix {
+    .terminal-2114580142-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-693292760-title {
+    .terminal-2114580142-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-693292760-r1 { fill: #e4e5e6 }
-.terminal-693292760-r2 { fill: #c5c8c6 }
-.terminal-693292760-r3 { fill: #0d0d0d }
-.terminal-693292760-r4 { fill: #e1e1e1;font-weight: bold }
-.terminal-693292760-r5 { fill: #e7920d }
-.terminal-693292760-r6 { fill: #211505;font-weight: bold }
-.terminal-693292760-r7 { fill: #fea62b;font-weight: bold }
-.terminal-693292760-r8 { fill: #a7a9ab }
-.terminal-693292760-r9 { fill: #e2e3e3 }
+    .terminal-2114580142-r1 { fill: #e4e5e6 }
+.terminal-2114580142-r2 { fill: #c5c8c6 }
+.terminal-2114580142-r3 { fill: #0d0d0d }
+.terminal-2114580142-r4 { fill: #e1e1e1;font-weight: bold }
+.terminal-2114580142-r5 { fill: #e7920d }
+.terminal-2114580142-r6 { fill: #211505;font-weight: bold }
+.terminal-2114580142-r7 { fill: #fea62b;font-weight: bold }
+.terminal-2114580142-r8 { fill: #a7a9ab }
+.terminal-2114580142-r9 { fill: #e2e3e3 }
+.terminal-2114580142-r10 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-693292760-clip-terminal">
+    <clipPath id="terminal-2114580142-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-693292760-line-0">
+    <clipPath id="terminal-2114580142-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-1">
+<clipPath id="terminal-2114580142-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-2">
+<clipPath id="terminal-2114580142-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-3">
+<clipPath id="terminal-2114580142-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-4">
+<clipPath id="terminal-2114580142-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-5">
+<clipPath id="terminal-2114580142-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-6">
+<clipPath id="terminal-2114580142-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-7">
+<clipPath id="terminal-2114580142-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-8">
+<clipPath id="terminal-2114580142-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-9">
+<clipPath id="terminal-2114580142-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-10">
+<clipPath id="terminal-2114580142-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-11">
+<clipPath id="terminal-2114580142-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-12">
+<clipPath id="terminal-2114580142-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-13">
+<clipPath id="terminal-2114580142-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-14">
+<clipPath id="terminal-2114580142-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-15">
+<clipPath id="terminal-2114580142-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-16">
+<clipPath id="terminal-2114580142-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-17">
+<clipPath id="terminal-2114580142-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-18">
+<clipPath id="terminal-2114580142-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-19">
+<clipPath id="terminal-2114580142-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-20">
+<clipPath id="terminal-2114580142-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-21">
+<clipPath id="terminal-2114580142-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-693292760-line-22">
+<clipPath id="terminal-2114580142-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-693292760-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">5x5&#160;--&#160;A&#160;little&#160;annoying&#160;puzzle</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2114580142-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">5x5&#160;--&#160;A&#160;little&#160;annoying&#160;puzzle</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-693292760-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2114580142-clip-terminal)">
     <rect fill="#333b42" x="0" y="1.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#333b42" x="378.2" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#333b42" x="585.6" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#333b42" x="683.2" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#333b42" x="780.8" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#333b42" x="890.6" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="85.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="50.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="50.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="50.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="50.3" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="890.6" y="50.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="74.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="74.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="74.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="74.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="74.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="123.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="85.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="475.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="488" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="488" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="500.2" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="147.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="890.6" y="147.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="172.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="196.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="196.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="195.2" y="221.1" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="245.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="195.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="207.4" y="245.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="378.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="245.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="597.8" y="245.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="768.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="245.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="85.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="195.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="207.4" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="280.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="292.8" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="292.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="305" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="378.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#211505" x="475.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="488" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#211505" x="488" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="500.2" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="597.8" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="671" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="683.2" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="683.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="695.4" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="768.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="269.9" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="890.6" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="195.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="207.4" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="378.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="597.8" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="768.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="195.2" y="318.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="343.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="343.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="85.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="475.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="488" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="488" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="500.2" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="367.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="890.6" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="402.6" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="573.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="390.4" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="416.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="85.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="489.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="489.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="305" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="475.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="489.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="489.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="683.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="695.4" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="489.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="890.6" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="378.2" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="793" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="280.6" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="341.6" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="597.8" y="562.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-693292760-matrix">
-    <text class="terminal-693292760-r1" x="0" y="20" textLength="378.2" clip-path="url(#terminal-693292760-line-0)">5x5&#160;--&#160;A&#160;little&#160;annoying&#160;puzzle</text><text class="terminal-693292760-r1" x="585.6" y="20" textLength="97.6" clip-path="url(#terminal-693292760-line-0)">Moves:&#160;0</text><text class="terminal-693292760-r1" x="780.8" y="20" textLength="109.8" clip-path="url(#terminal-693292760-line-0)">Filled:&#160;5</text><text class="terminal-693292760-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-693292760-line-0)">
-</text><text class="terminal-693292760-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-693292760-line-1)">╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-693292760-line-1)">
-</text><text class="terminal-693292760-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-693292760-line-2)">│</text><text class="terminal-693292760-r3" x="183" y="68.8" textLength="24.4" clip-path="url(#terminal-693292760-line-2)">││</text><text class="terminal-693292760-r3" x="378.2" y="68.8" textLength="24.4" clip-path="url(#terminal-693292760-line-2)">││</text><text class="terminal-693292760-r3" x="573.4" y="68.8" textLength="24.4" clip-path="url(#terminal-693292760-line-2)">││</text><text class="terminal-693292760-r3" x="768.6" y="68.8" textLength="24.4" clip-path="url(#terminal-693292760-line-2)">││</text><text class="terminal-693292760-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-693292760-line-2)">│</text><text class="terminal-693292760-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-693292760-line-2)">
-</text><text class="terminal-693292760-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-693292760-line-3)">│</text><text class="terminal-693292760-r3" x="183" y="93.2" textLength="24.4" clip-path="url(#terminal-693292760-line-3)">││</text><text class="terminal-693292760-r3" x="378.2" y="93.2" textLength="24.4" clip-path="url(#terminal-693292760-line-3)">││</text><text class="terminal-693292760-r3" x="573.4" y="93.2" textLength="24.4" clip-path="url(#terminal-693292760-line-3)">││</text><text class="terminal-693292760-r3" x="768.6" y="93.2" textLength="24.4" clip-path="url(#terminal-693292760-line-3)">││</text><text class="terminal-693292760-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-693292760-line-3)">│</text><text class="terminal-693292760-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-693292760-line-3)">
-</text><text class="terminal-693292760-r3" x="0" y="117.6" textLength="976" clip-path="url(#terminal-693292760-line-4)">╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-693292760-line-4)">
-</text><text class="terminal-693292760-r3" x="0" y="142" textLength="390.4" clip-path="url(#terminal-693292760-line-5)">╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r5" x="390.4" y="142" textLength="195.2" clip-path="url(#terminal-693292760-line-5)">╭──────────────╮</text><text class="terminal-693292760-r3" x="585.6" y="142" textLength="390.4" clip-path="url(#terminal-693292760-line-5)">╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-693292760-line-5)">
-</text><text class="terminal-693292760-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r3" x="183" y="166.4" textLength="24.4" clip-path="url(#terminal-693292760-line-6)">││</text><text class="terminal-693292760-r3" x="378.2" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r5" x="390.4" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r5" x="573.4" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r3" x="585.6" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r3" x="768.6" y="166.4" textLength="24.4" clip-path="url(#terminal-693292760-line-6)">││</text><text class="terminal-693292760-r3" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">│</text><text class="terminal-693292760-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-693292760-line-6)">
-</text><text class="terminal-693292760-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r3" x="183" y="190.8" textLength="24.4" clip-path="url(#terminal-693292760-line-7)">││</text><text class="terminal-693292760-r3" x="378.2" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r5" x="390.4" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r5" x="573.4" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r3" x="585.6" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r3" x="768.6" y="190.8" textLength="24.4" clip-path="url(#terminal-693292760-line-7)">││</text><text class="terminal-693292760-r3" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">│</text><text class="terminal-693292760-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-693292760-line-7)">
-</text><text class="terminal-693292760-r3" x="0" y="215.2" textLength="390.4" clip-path="url(#terminal-693292760-line-8)">╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r5" x="390.4" y="215.2" textLength="195.2" clip-path="url(#terminal-693292760-line-8)">╰──────────────╯</text><text class="terminal-693292760-r3" x="585.6" y="215.2" textLength="390.4" clip-path="url(#terminal-693292760-line-8)">╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-693292760-line-8)">
-</text><text class="terminal-693292760-r3" x="0" y="239.6" textLength="195.2" clip-path="url(#terminal-693292760-line-9)">╭──────────────╮</text><text class="terminal-693292760-r5" x="195.2" y="239.6" textLength="585.6" clip-path="url(#terminal-693292760-line-9)">╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r3" x="780.8" y="239.6" textLength="195.2" clip-path="url(#terminal-693292760-line-9)">╭──────────────╮</text><text class="terminal-693292760-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-693292760-line-9)">
-</text><text class="terminal-693292760-r3" x="0" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r3" x="183" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r5" x="195.2" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r5" x="378.2" y="264" textLength="24.4" clip-path="url(#terminal-693292760-line-10)">││</text><text class="terminal-693292760-r5" x="573.4" y="264" textLength="24.4" clip-path="url(#terminal-693292760-line-10)">││</text><text class="terminal-693292760-r5" x="768.6" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r3" x="780.8" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r3" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">│</text><text class="terminal-693292760-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-693292760-line-10)">
-</text><text class="terminal-693292760-r3" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r3" x="183" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r5" x="195.2" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r5" x="378.2" y="288.4" textLength="24.4" clip-path="url(#terminal-693292760-line-11)">││</text><text class="terminal-693292760-r5" x="573.4" y="288.4" textLength="24.4" clip-path="url(#terminal-693292760-line-11)">││</text><text class="terminal-693292760-r5" x="768.6" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r3" x="780.8" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r3" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">│</text><text class="terminal-693292760-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-693292760-line-11)">
-</text><text class="terminal-693292760-r3" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r3" x="183" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r5" x="195.2" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r5" x="378.2" y="312.8" textLength="24.4" clip-path="url(#terminal-693292760-line-12)">││</text><text class="terminal-693292760-r5" x="573.4" y="312.8" textLength="24.4" clip-path="url(#terminal-693292760-line-12)">││</text><text class="terminal-693292760-r5" x="768.6" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r3" x="780.8" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r3" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">│</text><text class="terminal-693292760-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-693292760-line-12)">
-</text><text class="terminal-693292760-r3" x="0" y="337.2" textLength="195.2" clip-path="url(#terminal-693292760-line-13)">╰──────────────╯</text><text class="terminal-693292760-r5" x="195.2" y="337.2" textLength="585.6" clip-path="url(#terminal-693292760-line-13)">╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r3" x="780.8" y="337.2" textLength="195.2" clip-path="url(#terminal-693292760-line-13)">╰──────────────╯</text><text class="terminal-693292760-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-693292760-line-13)">
-</text><text class="terminal-693292760-r3" x="0" y="361.6" textLength="390.4" clip-path="url(#terminal-693292760-line-14)">╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r5" x="390.4" y="361.6" textLength="195.2" clip-path="url(#terminal-693292760-line-14)">╭──────────────╮</text><text class="terminal-693292760-r3" x="585.6" y="361.6" textLength="390.4" clip-path="url(#terminal-693292760-line-14)">╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-693292760-line-14)">
-</text><text class="terminal-693292760-r3" x="0" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r3" x="183" y="386" textLength="24.4" clip-path="url(#terminal-693292760-line-15)">││</text><text class="terminal-693292760-r3" x="378.2" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r5" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r5" x="573.4" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r3" x="585.6" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r3" x="768.6" y="386" textLength="24.4" clip-path="url(#terminal-693292760-line-15)">││</text><text class="terminal-693292760-r3" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">│</text><text class="terminal-693292760-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-693292760-line-15)">
-</text><text class="terminal-693292760-r3" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r3" x="183" y="410.4" textLength="24.4" clip-path="url(#terminal-693292760-line-16)">││</text><text class="terminal-693292760-r3" x="378.2" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r5" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r5" x="573.4" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r3" x="585.6" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r3" x="768.6" y="410.4" textLength="24.4" clip-path="url(#terminal-693292760-line-16)">││</text><text class="terminal-693292760-r3" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">│</text><text class="terminal-693292760-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-693292760-line-16)">
-</text><text class="terminal-693292760-r3" x="0" y="434.8" textLength="390.4" clip-path="url(#terminal-693292760-line-17)">╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r5" x="390.4" y="434.8" textLength="195.2" clip-path="url(#terminal-693292760-line-17)">╰──────────────╯</text><text class="terminal-693292760-r3" x="585.6" y="434.8" textLength="390.4" clip-path="url(#terminal-693292760-line-17)">╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-693292760-line-17)">
-</text><text class="terminal-693292760-r3" x="0" y="459.2" textLength="976" clip-path="url(#terminal-693292760-line-18)">╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-693292760-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-693292760-line-18)">
-</text><text class="terminal-693292760-r3" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-693292760-line-19)">│</text><text class="terminal-693292760-r3" x="183" y="483.6" textLength="24.4" clip-path="url(#terminal-693292760-line-19)">││</text><text class="terminal-693292760-r3" x="378.2" y="483.6" textLength="24.4" clip-path="url(#terminal-693292760-line-19)">││</text><text class="terminal-693292760-r3" x="573.4" y="483.6" textLength="24.4" clip-path="url(#terminal-693292760-line-19)">││</text><text class="terminal-693292760-r3" x="768.6" y="483.6" textLength="24.4" clip-path="url(#terminal-693292760-line-19)">││</text><text class="terminal-693292760-r3" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-693292760-line-19)">│</text><text class="terminal-693292760-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-693292760-line-19)">
-</text><text class="terminal-693292760-r3" x="0" y="508" textLength="12.2" clip-path="url(#terminal-693292760-line-20)">│</text><text class="terminal-693292760-r3" x="183" y="508" textLength="24.4" clip-path="url(#terminal-693292760-line-20)">││</text><text class="terminal-693292760-r3" x="378.2" y="508" textLength="24.4" clip-path="url(#terminal-693292760-line-20)">││</text><text class="terminal-693292760-r3" x="573.4" y="508" textLength="24.4" clip-path="url(#terminal-693292760-line-20)">││</text><text class="terminal-693292760-r3" x="768.6" y="508" textLength="24.4" clip-path="url(#terminal-693292760-line-20)">││</text><text class="terminal-693292760-r3" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-693292760-line-20)">│</text><text class="terminal-693292760-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-693292760-line-20)">
-</text><text class="terminal-693292760-r3" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-693292760-line-21)">│</text><text class="terminal-693292760-r3" x="183" y="532.4" textLength="24.4" clip-path="url(#terminal-693292760-line-21)">││</text><text class="terminal-693292760-r3" x="378.2" y="532.4" textLength="24.4" clip-path="url(#terminal-693292760-line-21)">││</text><text class="terminal-693292760-r3" x="573.4" y="532.4" textLength="24.4" clip-path="url(#terminal-693292760-line-21)">││</text><text class="terminal-693292760-r3" x="768.6" y="532.4" textLength="24.4" clip-path="url(#terminal-693292760-line-21)">││</text><text class="terminal-693292760-r3" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-693292760-line-21)">│</text><text class="terminal-693292760-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-693292760-line-21)">
-</text><text class="terminal-693292760-r3" x="0" y="556.8" textLength="976" clip-path="url(#terminal-693292760-line-22)">╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-693292760-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-693292760-line-22)">
-</text><text class="terminal-693292760-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-693292760-line-23)">&#160;n&#160;</text><text class="terminal-693292760-r8" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-693292760-line-23)">New&#160;Game&#160;</text><text class="terminal-693292760-r7" x="146.4" y="581.2" textLength="36.6" clip-path="url(#terminal-693292760-line-23)">&#160;?&#160;</text><text class="terminal-693292760-r8" x="183" y="581.2" textLength="61" clip-path="url(#terminal-693292760-line-23)">Help&#160;</text><text class="terminal-693292760-r7" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-693292760-line-23)">&#160;q&#160;</text><text class="terminal-693292760-r8" x="280.6" y="581.2" textLength="61" clip-path="url(#terminal-693292760-line-23)">Quit&#160;</text><text class="terminal-693292760-r7" x="341.6" y="581.2" textLength="48.8" clip-path="url(#terminal-693292760-line-23)">&#160;^d&#160;</text><text class="terminal-693292760-r8" x="390.4" y="581.2" textLength="207.4" clip-path="url(#terminal-693292760-line-23)">Toggle&#160;Dark&#160;Mode&#160;</text><text class="terminal-693292760-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-693292760-line-23)">^p</text><text class="terminal-693292760-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-693292760-line-23)">&#160;palette</text>
+    <g class="terminal-2114580142-matrix">
+    <text class="terminal-2114580142-r1" x="0" y="20" textLength="378.2" clip-path="url(#terminal-2114580142-line-0)">5x5&#160;--&#160;A&#160;little&#160;annoying&#160;puzzle</text><text class="terminal-2114580142-r1" x="585.6" y="20" textLength="97.6" clip-path="url(#terminal-2114580142-line-0)">Moves:&#160;0</text><text class="terminal-2114580142-r1" x="780.8" y="20" textLength="109.8" clip-path="url(#terminal-2114580142-line-0)">Filled:&#160;5</text><text class="terminal-2114580142-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2114580142-line-0)">
+</text><text class="terminal-2114580142-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2114580142-line-1)">╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-1)">
+</text><text class="terminal-2114580142-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-2)">│</text><text class="terminal-2114580142-r3" x="183" y="68.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-2)">││</text><text class="terminal-2114580142-r3" x="378.2" y="68.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-2)">││</text><text class="terminal-2114580142-r3" x="573.4" y="68.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-2)">││</text><text class="terminal-2114580142-r3" x="768.6" y="68.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-2)">││</text><text class="terminal-2114580142-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-2)">│</text><text class="terminal-2114580142-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-2)">
+</text><text class="terminal-2114580142-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-3)">│</text><text class="terminal-2114580142-r3" x="183" y="93.2" textLength="24.4" clip-path="url(#terminal-2114580142-line-3)">││</text><text class="terminal-2114580142-r3" x="378.2" y="93.2" textLength="24.4" clip-path="url(#terminal-2114580142-line-3)">││</text><text class="terminal-2114580142-r3" x="573.4" y="93.2" textLength="24.4" clip-path="url(#terminal-2114580142-line-3)">││</text><text class="terminal-2114580142-r3" x="768.6" y="93.2" textLength="24.4" clip-path="url(#terminal-2114580142-line-3)">││</text><text class="terminal-2114580142-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-3)">│</text><text class="terminal-2114580142-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-3)">
+</text><text class="terminal-2114580142-r3" x="0" y="117.6" textLength="976" clip-path="url(#terminal-2114580142-line-4)">╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-4)">
+</text><text class="terminal-2114580142-r3" x="0" y="142" textLength="390.4" clip-path="url(#terminal-2114580142-line-5)">╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r5" x="390.4" y="142" textLength="195.2" clip-path="url(#terminal-2114580142-line-5)">╭──────────────╮</text><text class="terminal-2114580142-r3" x="585.6" y="142" textLength="390.4" clip-path="url(#terminal-2114580142-line-5)">╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2114580142-line-5)">
+</text><text class="terminal-2114580142-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r3" x="183" y="166.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-6)">││</text><text class="terminal-2114580142-r3" x="378.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r5" x="390.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r5" x="573.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r3" x="585.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r3" x="768.6" y="166.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-6)">││</text><text class="terminal-2114580142-r3" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">│</text><text class="terminal-2114580142-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-6)">
+</text><text class="terminal-2114580142-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r3" x="183" y="190.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-7)">││</text><text class="terminal-2114580142-r3" x="378.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r5" x="390.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r5" x="573.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r3" x="585.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r3" x="768.6" y="190.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-7)">││</text><text class="terminal-2114580142-r3" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">│</text><text class="terminal-2114580142-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-7)">
+</text><text class="terminal-2114580142-r3" x="0" y="215.2" textLength="390.4" clip-path="url(#terminal-2114580142-line-8)">╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r5" x="390.4" y="215.2" textLength="195.2" clip-path="url(#terminal-2114580142-line-8)">╰──────────────╯</text><text class="terminal-2114580142-r3" x="585.6" y="215.2" textLength="390.4" clip-path="url(#terminal-2114580142-line-8)">╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-8)">
+</text><text class="terminal-2114580142-r3" x="0" y="239.6" textLength="195.2" clip-path="url(#terminal-2114580142-line-9)">╭──────────────╮</text><text class="terminal-2114580142-r5" x="195.2" y="239.6" textLength="585.6" clip-path="url(#terminal-2114580142-line-9)">╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r3" x="780.8" y="239.6" textLength="195.2" clip-path="url(#terminal-2114580142-line-9)">╭──────────────╮</text><text class="terminal-2114580142-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-9)">
+</text><text class="terminal-2114580142-r3" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r3" x="183" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r5" x="195.2" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r5" x="378.2" y="264" textLength="24.4" clip-path="url(#terminal-2114580142-line-10)">││</text><text class="terminal-2114580142-r5" x="573.4" y="264" textLength="24.4" clip-path="url(#terminal-2114580142-line-10)">││</text><text class="terminal-2114580142-r5" x="768.6" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r3" x="780.8" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r3" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">│</text><text class="terminal-2114580142-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2114580142-line-10)">
+</text><text class="terminal-2114580142-r3" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r3" x="183" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r5" x="195.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r5" x="378.2" y="288.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-11)">││</text><text class="terminal-2114580142-r5" x="573.4" y="288.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-11)">││</text><text class="terminal-2114580142-r5" x="768.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r3" x="780.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r3" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">│</text><text class="terminal-2114580142-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-11)">
+</text><text class="terminal-2114580142-r3" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r3" x="183" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r5" x="195.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r5" x="378.2" y="312.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-12)">││</text><text class="terminal-2114580142-r5" x="573.4" y="312.8" textLength="24.4" clip-path="url(#terminal-2114580142-line-12)">││</text><text class="terminal-2114580142-r5" x="768.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r3" x="780.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r3" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">│</text><text class="terminal-2114580142-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-12)">
+</text><text class="terminal-2114580142-r3" x="0" y="337.2" textLength="195.2" clip-path="url(#terminal-2114580142-line-13)">╰──────────────╯</text><text class="terminal-2114580142-r5" x="195.2" y="337.2" textLength="585.6" clip-path="url(#terminal-2114580142-line-13)">╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r3" x="780.8" y="337.2" textLength="195.2" clip-path="url(#terminal-2114580142-line-13)">╰──────────────╯</text><text class="terminal-2114580142-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-13)">
+</text><text class="terminal-2114580142-r3" x="0" y="361.6" textLength="390.4" clip-path="url(#terminal-2114580142-line-14)">╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r5" x="390.4" y="361.6" textLength="195.2" clip-path="url(#terminal-2114580142-line-14)">╭──────────────╮</text><text class="terminal-2114580142-r3" x="585.6" y="361.6" textLength="390.4" clip-path="url(#terminal-2114580142-line-14)">╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-14)">
+</text><text class="terminal-2114580142-r3" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r3" x="183" y="386" textLength="24.4" clip-path="url(#terminal-2114580142-line-15)">││</text><text class="terminal-2114580142-r3" x="378.2" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r5" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r5" x="573.4" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r3" x="585.6" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r3" x="768.6" y="386" textLength="24.4" clip-path="url(#terminal-2114580142-line-15)">││</text><text class="terminal-2114580142-r3" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">│</text><text class="terminal-2114580142-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2114580142-line-15)">
+</text><text class="terminal-2114580142-r3" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r3" x="183" y="410.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-16)">││</text><text class="terminal-2114580142-r3" x="378.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r5" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r5" x="573.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r3" x="585.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r3" x="768.6" y="410.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-16)">││</text><text class="terminal-2114580142-r3" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">│</text><text class="terminal-2114580142-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-16)">
+</text><text class="terminal-2114580142-r3" x="0" y="434.8" textLength="390.4" clip-path="url(#terminal-2114580142-line-17)">╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r5" x="390.4" y="434.8" textLength="195.2" clip-path="url(#terminal-2114580142-line-17)">╰──────────────╯</text><text class="terminal-2114580142-r3" x="585.6" y="434.8" textLength="390.4" clip-path="url(#terminal-2114580142-line-17)">╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-17)">
+</text><text class="terminal-2114580142-r3" x="0" y="459.2" textLength="976" clip-path="url(#terminal-2114580142-line-18)">╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮╭──────────────╮</text><text class="terminal-2114580142-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-18)">
+</text><text class="terminal-2114580142-r3" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-19)">│</text><text class="terminal-2114580142-r3" x="183" y="483.6" textLength="24.4" clip-path="url(#terminal-2114580142-line-19)">││</text><text class="terminal-2114580142-r3" x="378.2" y="483.6" textLength="24.4" clip-path="url(#terminal-2114580142-line-19)">││</text><text class="terminal-2114580142-r3" x="573.4" y="483.6" textLength="24.4" clip-path="url(#terminal-2114580142-line-19)">││</text><text class="terminal-2114580142-r3" x="768.6" y="483.6" textLength="24.4" clip-path="url(#terminal-2114580142-line-19)">││</text><text class="terminal-2114580142-r3" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-19)">│</text><text class="terminal-2114580142-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2114580142-line-19)">
+</text><text class="terminal-2114580142-r3" x="0" y="508" textLength="12.2" clip-path="url(#terminal-2114580142-line-20)">│</text><text class="terminal-2114580142-r3" x="183" y="508" textLength="24.4" clip-path="url(#terminal-2114580142-line-20)">││</text><text class="terminal-2114580142-r3" x="378.2" y="508" textLength="24.4" clip-path="url(#terminal-2114580142-line-20)">││</text><text class="terminal-2114580142-r3" x="573.4" y="508" textLength="24.4" clip-path="url(#terminal-2114580142-line-20)">││</text><text class="terminal-2114580142-r3" x="768.6" y="508" textLength="24.4" clip-path="url(#terminal-2114580142-line-20)">││</text><text class="terminal-2114580142-r3" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-2114580142-line-20)">│</text><text class="terminal-2114580142-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2114580142-line-20)">
+</text><text class="terminal-2114580142-r3" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-21)">│</text><text class="terminal-2114580142-r3" x="183" y="532.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-21)">││</text><text class="terminal-2114580142-r3" x="378.2" y="532.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-21)">││</text><text class="terminal-2114580142-r3" x="573.4" y="532.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-21)">││</text><text class="terminal-2114580142-r3" x="768.6" y="532.4" textLength="24.4" clip-path="url(#terminal-2114580142-line-21)">││</text><text class="terminal-2114580142-r3" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-21)">│</text><text class="terminal-2114580142-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2114580142-line-21)">
+</text><text class="terminal-2114580142-r3" x="0" y="556.8" textLength="976" clip-path="url(#terminal-2114580142-line-22)">╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯╰──────────────╯</text><text class="terminal-2114580142-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2114580142-line-22)">
+</text><text class="terminal-2114580142-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2114580142-line-23)">&#160;n&#160;</text><text class="terminal-2114580142-r8" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-2114580142-line-23)">New&#160;Game&#160;</text><text class="terminal-2114580142-r7" x="146.4" y="581.2" textLength="36.6" clip-path="url(#terminal-2114580142-line-23)">&#160;?&#160;</text><text class="terminal-2114580142-r8" x="183" y="581.2" textLength="61" clip-path="url(#terminal-2114580142-line-23)">Help&#160;</text><text class="terminal-2114580142-r7" x="244" y="581.2" textLength="36.6" clip-path="url(#terminal-2114580142-line-23)">&#160;q&#160;</text><text class="terminal-2114580142-r8" x="280.6" y="581.2" textLength="61" clip-path="url(#terminal-2114580142-line-23)">Quit&#160;</text><text class="terminal-2114580142-r7" x="341.6" y="581.2" textLength="48.8" clip-path="url(#terminal-2114580142-line-23)">&#160;^d&#160;</text><text class="terminal-2114580142-r8" x="390.4" y="581.2" textLength="207.4" clip-path="url(#terminal-2114580142-line-23)">Toggle&#160;Dark&#160;Mode&#160;</text><text class="terminal-2114580142-r10" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2114580142-line-23)">▏</text><text class="terminal-2114580142-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2114580142-line-23)">^p</text><text class="terminal-2114580142-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2114580142-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg
index 8ebbd1eab7..27ffbb905d 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_json_tree.svg
@@ -19,142 +19,143 @@
         font-weight: 700;
     }
 
-    .terminal-384708130-matrix {
+    .terminal-712068600-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-384708130-title {
+    .terminal-712068600-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-384708130-r1 { fill: #c5c8c6 }
-.terminal-384708130-r2 { fill: #e3e3e3 }
-.terminal-384708130-r3 { fill: #e2e3e3 }
-.terminal-384708130-r4 { fill: #008139 }
-.terminal-384708130-r5 { fill: #14191f }
-.terminal-384708130-r6 { fill: #e2e3e3;font-weight: bold }
-.terminal-384708130-r7 { fill: #98e024 }
-.terminal-384708130-r8 { fill: #211505;font-weight: bold }
-.terminal-384708130-r9 { fill: #fea62b;font-weight: bold }
-.terminal-384708130-r10 { fill: #58d1eb;font-weight: bold }
-.terminal-384708130-r11 { fill: #f4005f;font-style: italic; }
-.terminal-384708130-r12 { fill: #a7a9ab }
+    .terminal-712068600-r1 { fill: #c5c8c6 }
+.terminal-712068600-r2 { fill: #e3e3e3 }
+.terminal-712068600-r3 { fill: #e2e3e3 }
+.terminal-712068600-r4 { fill: #008139 }
+.terminal-712068600-r5 { fill: #14191f }
+.terminal-712068600-r6 { fill: #e2e3e3;font-weight: bold }
+.terminal-712068600-r7 { fill: #98e024 }
+.terminal-712068600-r8 { fill: #211505;font-weight: bold }
+.terminal-712068600-r9 { fill: #fea62b;font-weight: bold }
+.terminal-712068600-r10 { fill: #58d1eb;font-weight: bold }
+.terminal-712068600-r11 { fill: #f4005f;font-style: italic; }
+.terminal-712068600-r12 { fill: #a7a9ab }
+.terminal-712068600-r13 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-384708130-clip-terminal">
+    <clipPath id="terminal-712068600-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-384708130-line-0">
+    <clipPath id="terminal-712068600-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-1">
+<clipPath id="terminal-712068600-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-2">
+<clipPath id="terminal-712068600-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-3">
+<clipPath id="terminal-712068600-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-4">
+<clipPath id="terminal-712068600-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-5">
+<clipPath id="terminal-712068600-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-6">
+<clipPath id="terminal-712068600-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-7">
+<clipPath id="terminal-712068600-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-8">
+<clipPath id="terminal-712068600-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-9">
+<clipPath id="terminal-712068600-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-10">
+<clipPath id="terminal-712068600-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-11">
+<clipPath id="terminal-712068600-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-12">
+<clipPath id="terminal-712068600-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-13">
+<clipPath id="terminal-712068600-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-14">
+<clipPath id="terminal-712068600-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-15">
+<clipPath id="terminal-712068600-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-16">
+<clipPath id="terminal-712068600-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-17">
+<clipPath id="terminal-712068600-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-18">
+<clipPath id="terminal-712068600-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-19">
+<clipPath id="terminal-712068600-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-20">
+<clipPath id="terminal-712068600-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-21">
+<clipPath id="terminal-712068600-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-384708130-line-22">
+<clipPath id="terminal-712068600-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-384708130-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TreeApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-712068600-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TreeApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-384708130-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-712068600-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="73.2" y="25.9" width="878.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="73.2" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="158.6" y="50.3" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="74.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="158.6" y="74.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="341.6" y="74.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="122" y="99.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="99.1" width="707.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="123.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="123.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="123.5" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="147.9" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="172.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="172.3" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="196.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="196.7" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="196.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="221.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="221.1" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="280.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="221.1" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="245.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="341.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="353.8" y="245.5" width="597.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="269.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="269.9" width="524.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="294.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="488" y="294.3" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="549" y="318.7" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="343.1" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="343.1" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="341.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="353.8" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="402.6" y="367.5" width="549" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="391.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="268.4" y="391.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="391.9" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="416.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="451.4" y="416.3" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="440.7" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="463.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="475.8" y="440.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="658.8" y="440.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="465.1" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="561.2" y="465.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="489.5" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="489.5" width="512.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="513.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="513.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="513.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="378.2" y="513.9" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="0" y="538.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="146.4" y="538.3" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="562.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-384708130-matrix">
-    <text class="terminal-384708130-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-384708130-line-0)">⭘</text><text class="terminal-384708130-r2" x="427" y="20" textLength="85.4" clip-path="url(#terminal-384708130-line-0)">TreeApp</text><text class="terminal-384708130-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-384708130-line-0)">
-</text><text class="terminal-384708130-r3" x="0" y="44.4" textLength="24.4" clip-path="url(#terminal-384708130-line-1)">▼&#160;</text><text class="terminal-384708130-r3" x="24.4" y="44.4" textLength="48.8" clip-path="url(#terminal-384708130-line-1)">Root</text><text class="terminal-384708130-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-384708130-line-1)">
-</text><text class="terminal-384708130-r4" x="0" y="68.8" textLength="48.8" clip-path="url(#terminal-384708130-line-2)">└──&#160;</text><text class="terminal-384708130-r3" x="48.8" y="68.8" textLength="24.4" clip-path="url(#terminal-384708130-line-2)">▼&#160;</text><text class="terminal-384708130-r3" x="73.2" y="68.8" textLength="85.4" clip-path="url(#terminal-384708130-line-2)">{}&#160;JSON</text><text class="terminal-384708130-r5" x="951.6" y="68.8" textLength="24.4" clip-path="url(#terminal-384708130-line-2)">▁▁</text><text class="terminal-384708130-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-384708130-line-2)">
-</text><text class="terminal-384708130-r4" x="0" y="93.2" textLength="97.6" clip-path="url(#terminal-384708130-line-3)">&#160;&#160;&#160;&#160;├──&#160;</text><text class="terminal-384708130-r6" x="97.6" y="93.2" textLength="48.8" clip-path="url(#terminal-384708130-line-3)">code</text><text class="terminal-384708130-r3" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-384708130-line-3)">=</text><text class="terminal-384708130-r7" x="158.6" y="93.2" textLength="183" clip-path="url(#terminal-384708130-line-3)">&#x27;5060292302201&#x27;</text><text class="terminal-384708130-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-384708130-line-3)">
-</text><text class="terminal-384708130-r4" x="0" y="117.6" textLength="97.6" clip-path="url(#terminal-384708130-line-4)">&#160;&#160;&#160;&#160;├──&#160;</text><text class="terminal-384708130-r3" x="97.6" y="117.6" textLength="24.4" clip-path="url(#terminal-384708130-line-4)">▼&#160;</text><text class="terminal-384708130-r8" x="122" y="117.6" textLength="122" clip-path="url(#terminal-384708130-line-4)">{}&#160;product</text><text class="terminal-384708130-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-384708130-line-4)">
-</text><text class="terminal-384708130-r4" x="0" y="142" textLength="97.6" clip-path="url(#terminal-384708130-line-5)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="142" textLength="48.8" clip-path="url(#terminal-384708130-line-5)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="142" textLength="36.6" clip-path="url(#terminal-384708130-line-5)">_id</text><text class="terminal-384708130-r3" x="183" y="142" textLength="12.2" clip-path="url(#terminal-384708130-line-5)">=</text><text class="terminal-384708130-r7" x="195.2" y="142" textLength="183" clip-path="url(#terminal-384708130-line-5)">&#x27;5060292302201&#x27;</text><text class="terminal-384708130-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-384708130-line-5)">
-</text><text class="terminal-384708130-r4" x="0" y="166.4" textLength="97.6" clip-path="url(#terminal-384708130-line-6)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="166.4" textLength="48.8" clip-path="url(#terminal-384708130-line-6)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="166.4" textLength="24.4" clip-path="url(#terminal-384708130-line-6)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="166.4" textLength="146.4" clip-path="url(#terminal-384708130-line-6)">[]&#160;_keywords</text><text class="terminal-384708130-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-384708130-line-6)">
-</text><text class="terminal-384708130-r4" x="0" y="190.8" textLength="97.6" clip-path="url(#terminal-384708130-line-7)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="190.8" textLength="48.8" clip-path="url(#terminal-384708130-line-7)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="190.8" textLength="24.4" clip-path="url(#terminal-384708130-line-7)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="190.8" textLength="280.6" clip-path="url(#terminal-384708130-line-7)">[]&#160;added_countries_tags</text><text class="terminal-384708130-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-384708130-line-7)">
-</text><text class="terminal-384708130-r4" x="0" y="215.2" textLength="97.6" clip-path="url(#terminal-384708130-line-8)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="215.2" textLength="48.8" clip-path="url(#terminal-384708130-line-8)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="215.2" textLength="24.4" clip-path="url(#terminal-384708130-line-8)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="215.2" textLength="280.6" clip-path="url(#terminal-384708130-line-8)">[]&#160;additives_debug_tags</text><text class="terminal-384708130-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-384708130-line-8)">
-</text><text class="terminal-384708130-r4" x="0" y="239.6" textLength="97.6" clip-path="url(#terminal-384708130-line-9)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="239.6" textLength="48.8" clip-path="url(#terminal-384708130-line-9)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="239.6" textLength="134.2" clip-path="url(#terminal-384708130-line-9)">additives_n</text><text class="terminal-384708130-r3" x="280.6" y="239.6" textLength="12.2" clip-path="url(#terminal-384708130-line-9)">=</text><text class="terminal-384708130-r10" x="292.8" y="239.6" textLength="12.2" clip-path="url(#terminal-384708130-line-9)">2</text><text class="terminal-384708130-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-384708130-line-9)">
-</text><text class="terminal-384708130-r4" x="0" y="264" textLength="97.6" clip-path="url(#terminal-384708130-line-10)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="264" textLength="48.8" clip-path="url(#terminal-384708130-line-10)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="264" textLength="183" clip-path="url(#terminal-384708130-line-10)">additives_old_n</text><text class="terminal-384708130-r3" x="329.4" y="264" textLength="12.2" clip-path="url(#terminal-384708130-line-10)">=</text><text class="terminal-384708130-r10" x="341.6" y="264" textLength="12.2" clip-path="url(#terminal-384708130-line-10)">2</text><text class="terminal-384708130-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-384708130-line-10)">
-</text><text class="terminal-384708130-r4" x="0" y="288.4" textLength="97.6" clip-path="url(#terminal-384708130-line-11)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="288.4" textLength="48.8" clip-path="url(#terminal-384708130-line-11)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="288.4" textLength="24.4" clip-path="url(#terminal-384708130-line-11)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="288.4" textLength="256.2" clip-path="url(#terminal-384708130-line-11)">[]&#160;additives_old_tags</text><text class="terminal-384708130-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-384708130-line-11)">
-</text><text class="terminal-384708130-r4" x="0" y="312.8" textLength="97.6" clip-path="url(#terminal-384708130-line-12)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="312.8" textLength="48.8" clip-path="url(#terminal-384708130-line-12)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="312.8" textLength="24.4" clip-path="url(#terminal-384708130-line-12)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="312.8" textLength="317.2" clip-path="url(#terminal-384708130-line-12)">[]&#160;additives_original_tags</text><text class="terminal-384708130-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-384708130-line-12)">
-</text><text class="terminal-384708130-r4" x="0" y="337.2" textLength="97.6" clip-path="url(#terminal-384708130-line-13)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="337.2" textLength="48.8" clip-path="url(#terminal-384708130-line-13)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="337.2" textLength="24.4" clip-path="url(#terminal-384708130-line-13)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="337.2" textLength="378.2" clip-path="url(#terminal-384708130-line-13)">[]&#160;additives_prev_original_tags</text><text class="terminal-384708130-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-384708130-line-13)">
-</text><text class="terminal-384708130-r4" x="0" y="361.6" textLength="97.6" clip-path="url(#terminal-384708130-line-14)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="361.6" textLength="48.8" clip-path="url(#terminal-384708130-line-14)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="361.6" textLength="24.4" clip-path="url(#terminal-384708130-line-14)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="361.6" textLength="207.4" clip-path="url(#terminal-384708130-line-14)">[]&#160;additives_tags</text><text class="terminal-384708130-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-384708130-line-14)">
-</text><text class="terminal-384708130-r4" x="0" y="386" textLength="97.6" clip-path="url(#terminal-384708130-line-15)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="386" textLength="48.8" clip-path="url(#terminal-384708130-line-15)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="386" textLength="195.2" clip-path="url(#terminal-384708130-line-15)">additives_tags_n</text><text class="terminal-384708130-r3" x="341.6" y="386" textLength="12.2" clip-path="url(#terminal-384708130-line-15)">=</text><text class="terminal-384708130-r11" x="353.8" y="386" textLength="48.8" clip-path="url(#terminal-384708130-line-15)">None</text><text class="terminal-384708130-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-384708130-line-15)">
-</text><text class="terminal-384708130-r4" x="0" y="410.4" textLength="97.6" clip-path="url(#terminal-384708130-line-16)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="410.4" textLength="48.8" clip-path="url(#terminal-384708130-line-16)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="410.4" textLength="109.8" clip-path="url(#terminal-384708130-line-16)">allergens</text><text class="terminal-384708130-r3" x="256.2" y="410.4" textLength="12.2" clip-path="url(#terminal-384708130-line-16)">=</text><text class="terminal-384708130-r7" x="268.4" y="410.4" textLength="109.8" clip-path="url(#terminal-384708130-line-16)">&#x27;en:milk&#x27;</text><text class="terminal-384708130-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-384708130-line-16)">
-</text><text class="terminal-384708130-r4" x="0" y="434.8" textLength="97.6" clip-path="url(#terminal-384708130-line-17)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="434.8" textLength="48.8" clip-path="url(#terminal-384708130-line-17)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="434.8" textLength="24.4" clip-path="url(#terminal-384708130-line-17)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="434.8" textLength="280.6" clip-path="url(#terminal-384708130-line-17)">[]&#160;allergens_debug_tags</text><text class="terminal-384708130-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-384708130-line-17)">
-</text><text class="terminal-384708130-r4" x="0" y="459.2" textLength="97.6" clip-path="url(#terminal-384708130-line-18)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="459.2" textLength="48.8" clip-path="url(#terminal-384708130-line-18)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="459.2" textLength="317.2" clip-path="url(#terminal-384708130-line-18)">allergens_from_ingredients</text><text class="terminal-384708130-r3" x="463.6" y="459.2" textLength="12.2" clip-path="url(#terminal-384708130-line-18)">=</text><text class="terminal-384708130-r7" x="475.8" y="459.2" textLength="183" clip-path="url(#terminal-384708130-line-18)">&#x27;en:milk,&#160;milk&#x27;</text><text class="terminal-384708130-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-384708130-line-18)">
-</text><text class="terminal-384708130-r4" x="0" y="483.6" textLength="97.6" clip-path="url(#terminal-384708130-line-19)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="483.6" textLength="48.8" clip-path="url(#terminal-384708130-line-19)">┣━━&#160;</text><text class="terminal-384708130-r6" x="146.4" y="483.6" textLength="231.8" clip-path="url(#terminal-384708130-line-19)">allergens_from_user</text><text class="terminal-384708130-r3" x="378.2" y="483.6" textLength="12.2" clip-path="url(#terminal-384708130-line-19)">=</text><text class="terminal-384708130-r7" x="390.4" y="483.6" textLength="170.8" clip-path="url(#terminal-384708130-line-19)">&#x27;(en)&#160;en:milk&#x27;</text><text class="terminal-384708130-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-384708130-line-19)">
-</text><text class="terminal-384708130-r4" x="0" y="508" textLength="97.6" clip-path="url(#terminal-384708130-line-20)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="508" textLength="48.8" clip-path="url(#terminal-384708130-line-20)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="508" textLength="24.4" clip-path="url(#terminal-384708130-line-20)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="508" textLength="268.4" clip-path="url(#terminal-384708130-line-20)">[]&#160;allergens_hierarchy</text><text class="terminal-384708130-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-384708130-line-20)">
-</text><text class="terminal-384708130-r4" x="0" y="532.4" textLength="97.6" clip-path="url(#terminal-384708130-line-21)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-384708130-r9" x="97.6" y="532.4" textLength="48.8" clip-path="url(#terminal-384708130-line-21)">┣━━&#160;</text><text class="terminal-384708130-r3" x="146.4" y="532.4" textLength="24.4" clip-path="url(#terminal-384708130-line-21)">▶&#160;</text><text class="terminal-384708130-r3" x="170.8" y="532.4" textLength="207.4" clip-path="url(#terminal-384708130-line-21)">[]&#160;allergens_tags</text><text class="terminal-384708130-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-384708130-line-21)">
-</text><text class="terminal-384708130-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-384708130-line-22)">
-</text><text class="terminal-384708130-r9" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-384708130-line-23)">&#160;a&#160;</text><text class="terminal-384708130-r12" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-384708130-line-23)">Add&#160;node&#160;</text><text class="terminal-384708130-r9" x="146.4" y="581.2" textLength="36.6" clip-path="url(#terminal-384708130-line-23)">&#160;c&#160;</text><text class="terminal-384708130-r12" x="183" y="581.2" textLength="73.2" clip-path="url(#terminal-384708130-line-23)">Clear&#160;</text><text class="terminal-384708130-r9" x="256.2" y="581.2" textLength="36.6" clip-path="url(#terminal-384708130-line-23)">&#160;t&#160;</text><text class="terminal-384708130-r12" x="292.8" y="581.2" textLength="146.4" clip-path="url(#terminal-384708130-line-23)">Toggle&#160;root&#160;</text><text class="terminal-384708130-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-384708130-line-23)">^p</text><text class="terminal-384708130-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-384708130-line-23)">&#160;palette</text>
+    <g class="terminal-712068600-matrix">
+    <text class="terminal-712068600-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-712068600-line-0)">⭘</text><text class="terminal-712068600-r2" x="427" y="20" textLength="85.4" clip-path="url(#terminal-712068600-line-0)">TreeApp</text><text class="terminal-712068600-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-712068600-line-0)">
+</text><text class="terminal-712068600-r3" x="0" y="44.4" textLength="24.4" clip-path="url(#terminal-712068600-line-1)">▼&#160;</text><text class="terminal-712068600-r3" x="24.4" y="44.4" textLength="48.8" clip-path="url(#terminal-712068600-line-1)">Root</text><text class="terminal-712068600-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-712068600-line-1)">
+</text><text class="terminal-712068600-r4" x="0" y="68.8" textLength="48.8" clip-path="url(#terminal-712068600-line-2)">└──&#160;</text><text class="terminal-712068600-r3" x="48.8" y="68.8" textLength="24.4" clip-path="url(#terminal-712068600-line-2)">▼&#160;</text><text class="terminal-712068600-r3" x="73.2" y="68.8" textLength="85.4" clip-path="url(#terminal-712068600-line-2)">{}&#160;JSON</text><text class="terminal-712068600-r5" x="951.6" y="68.8" textLength="24.4" clip-path="url(#terminal-712068600-line-2)">▁▁</text><text class="terminal-712068600-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-712068600-line-2)">
+</text><text class="terminal-712068600-r4" x="0" y="93.2" textLength="97.6" clip-path="url(#terminal-712068600-line-3)">&#160;&#160;&#160;&#160;├──&#160;</text><text class="terminal-712068600-r6" x="97.6" y="93.2" textLength="48.8" clip-path="url(#terminal-712068600-line-3)">code</text><text class="terminal-712068600-r3" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-712068600-line-3)">=</text><text class="terminal-712068600-r7" x="158.6" y="93.2" textLength="183" clip-path="url(#terminal-712068600-line-3)">&#x27;5060292302201&#x27;</text><text class="terminal-712068600-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-712068600-line-3)">
+</text><text class="terminal-712068600-r4" x="0" y="117.6" textLength="97.6" clip-path="url(#terminal-712068600-line-4)">&#160;&#160;&#160;&#160;├──&#160;</text><text class="terminal-712068600-r3" x="97.6" y="117.6" textLength="24.4" clip-path="url(#terminal-712068600-line-4)">▼&#160;</text><text class="terminal-712068600-r8" x="122" y="117.6" textLength="122" clip-path="url(#terminal-712068600-line-4)">{}&#160;product</text><text class="terminal-712068600-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-712068600-line-4)">
+</text><text class="terminal-712068600-r4" x="0" y="142" textLength="97.6" clip-path="url(#terminal-712068600-line-5)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="142" textLength="48.8" clip-path="url(#terminal-712068600-line-5)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="142" textLength="36.6" clip-path="url(#terminal-712068600-line-5)">_id</text><text class="terminal-712068600-r3" x="183" y="142" textLength="12.2" clip-path="url(#terminal-712068600-line-5)">=</text><text class="terminal-712068600-r7" x="195.2" y="142" textLength="183" clip-path="url(#terminal-712068600-line-5)">&#x27;5060292302201&#x27;</text><text class="terminal-712068600-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-712068600-line-5)">
+</text><text class="terminal-712068600-r4" x="0" y="166.4" textLength="97.6" clip-path="url(#terminal-712068600-line-6)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="166.4" textLength="48.8" clip-path="url(#terminal-712068600-line-6)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="166.4" textLength="24.4" clip-path="url(#terminal-712068600-line-6)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="166.4" textLength="146.4" clip-path="url(#terminal-712068600-line-6)">[]&#160;_keywords</text><text class="terminal-712068600-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-712068600-line-6)">
+</text><text class="terminal-712068600-r4" x="0" y="190.8" textLength="97.6" clip-path="url(#terminal-712068600-line-7)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="190.8" textLength="48.8" clip-path="url(#terminal-712068600-line-7)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="190.8" textLength="24.4" clip-path="url(#terminal-712068600-line-7)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="190.8" textLength="280.6" clip-path="url(#terminal-712068600-line-7)">[]&#160;added_countries_tags</text><text class="terminal-712068600-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-712068600-line-7)">
+</text><text class="terminal-712068600-r4" x="0" y="215.2" textLength="97.6" clip-path="url(#terminal-712068600-line-8)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="215.2" textLength="48.8" clip-path="url(#terminal-712068600-line-8)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="215.2" textLength="24.4" clip-path="url(#terminal-712068600-line-8)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="215.2" textLength="280.6" clip-path="url(#terminal-712068600-line-8)">[]&#160;additives_debug_tags</text><text class="terminal-712068600-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-712068600-line-8)">
+</text><text class="terminal-712068600-r4" x="0" y="239.6" textLength="97.6" clip-path="url(#terminal-712068600-line-9)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="239.6" textLength="48.8" clip-path="url(#terminal-712068600-line-9)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="239.6" textLength="134.2" clip-path="url(#terminal-712068600-line-9)">additives_n</text><text class="terminal-712068600-r3" x="280.6" y="239.6" textLength="12.2" clip-path="url(#terminal-712068600-line-9)">=</text><text class="terminal-712068600-r10" x="292.8" y="239.6" textLength="12.2" clip-path="url(#terminal-712068600-line-9)">2</text><text class="terminal-712068600-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-712068600-line-9)">
+</text><text class="terminal-712068600-r4" x="0" y="264" textLength="97.6" clip-path="url(#terminal-712068600-line-10)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="264" textLength="48.8" clip-path="url(#terminal-712068600-line-10)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="264" textLength="183" clip-path="url(#terminal-712068600-line-10)">additives_old_n</text><text class="terminal-712068600-r3" x="329.4" y="264" textLength="12.2" clip-path="url(#terminal-712068600-line-10)">=</text><text class="terminal-712068600-r10" x="341.6" y="264" textLength="12.2" clip-path="url(#terminal-712068600-line-10)">2</text><text class="terminal-712068600-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-712068600-line-10)">
+</text><text class="terminal-712068600-r4" x="0" y="288.4" textLength="97.6" clip-path="url(#terminal-712068600-line-11)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="288.4" textLength="48.8" clip-path="url(#terminal-712068600-line-11)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="288.4" textLength="24.4" clip-path="url(#terminal-712068600-line-11)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="288.4" textLength="256.2" clip-path="url(#terminal-712068600-line-11)">[]&#160;additives_old_tags</text><text class="terminal-712068600-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-712068600-line-11)">
+</text><text class="terminal-712068600-r4" x="0" y="312.8" textLength="97.6" clip-path="url(#terminal-712068600-line-12)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="312.8" textLength="48.8" clip-path="url(#terminal-712068600-line-12)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="312.8" textLength="24.4" clip-path="url(#terminal-712068600-line-12)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="312.8" textLength="317.2" clip-path="url(#terminal-712068600-line-12)">[]&#160;additives_original_tags</text><text class="terminal-712068600-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-712068600-line-12)">
+</text><text class="terminal-712068600-r4" x="0" y="337.2" textLength="97.6" clip-path="url(#terminal-712068600-line-13)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="337.2" textLength="48.8" clip-path="url(#terminal-712068600-line-13)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="337.2" textLength="24.4" clip-path="url(#terminal-712068600-line-13)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="337.2" textLength="378.2" clip-path="url(#terminal-712068600-line-13)">[]&#160;additives_prev_original_tags</text><text class="terminal-712068600-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-712068600-line-13)">
+</text><text class="terminal-712068600-r4" x="0" y="361.6" textLength="97.6" clip-path="url(#terminal-712068600-line-14)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="361.6" textLength="48.8" clip-path="url(#terminal-712068600-line-14)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="361.6" textLength="24.4" clip-path="url(#terminal-712068600-line-14)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="361.6" textLength="207.4" clip-path="url(#terminal-712068600-line-14)">[]&#160;additives_tags</text><text class="terminal-712068600-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-712068600-line-14)">
+</text><text class="terminal-712068600-r4" x="0" y="386" textLength="97.6" clip-path="url(#terminal-712068600-line-15)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="386" textLength="48.8" clip-path="url(#terminal-712068600-line-15)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="386" textLength="195.2" clip-path="url(#terminal-712068600-line-15)">additives_tags_n</text><text class="terminal-712068600-r3" x="341.6" y="386" textLength="12.2" clip-path="url(#terminal-712068600-line-15)">=</text><text class="terminal-712068600-r11" x="353.8" y="386" textLength="48.8" clip-path="url(#terminal-712068600-line-15)">None</text><text class="terminal-712068600-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-712068600-line-15)">
+</text><text class="terminal-712068600-r4" x="0" y="410.4" textLength="97.6" clip-path="url(#terminal-712068600-line-16)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="410.4" textLength="48.8" clip-path="url(#terminal-712068600-line-16)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="410.4" textLength="109.8" clip-path="url(#terminal-712068600-line-16)">allergens</text><text class="terminal-712068600-r3" x="256.2" y="410.4" textLength="12.2" clip-path="url(#terminal-712068600-line-16)">=</text><text class="terminal-712068600-r7" x="268.4" y="410.4" textLength="109.8" clip-path="url(#terminal-712068600-line-16)">&#x27;en:milk&#x27;</text><text class="terminal-712068600-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-712068600-line-16)">
+</text><text class="terminal-712068600-r4" x="0" y="434.8" textLength="97.6" clip-path="url(#terminal-712068600-line-17)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="434.8" textLength="48.8" clip-path="url(#terminal-712068600-line-17)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="434.8" textLength="24.4" clip-path="url(#terminal-712068600-line-17)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="434.8" textLength="280.6" clip-path="url(#terminal-712068600-line-17)">[]&#160;allergens_debug_tags</text><text class="terminal-712068600-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-712068600-line-17)">
+</text><text class="terminal-712068600-r4" x="0" y="459.2" textLength="97.6" clip-path="url(#terminal-712068600-line-18)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="459.2" textLength="48.8" clip-path="url(#terminal-712068600-line-18)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="459.2" textLength="317.2" clip-path="url(#terminal-712068600-line-18)">allergens_from_ingredients</text><text class="terminal-712068600-r3" x="463.6" y="459.2" textLength="12.2" clip-path="url(#terminal-712068600-line-18)">=</text><text class="terminal-712068600-r7" x="475.8" y="459.2" textLength="183" clip-path="url(#terminal-712068600-line-18)">&#x27;en:milk,&#160;milk&#x27;</text><text class="terminal-712068600-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-712068600-line-18)">
+</text><text class="terminal-712068600-r4" x="0" y="483.6" textLength="97.6" clip-path="url(#terminal-712068600-line-19)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="483.6" textLength="48.8" clip-path="url(#terminal-712068600-line-19)">┣━━&#160;</text><text class="terminal-712068600-r6" x="146.4" y="483.6" textLength="231.8" clip-path="url(#terminal-712068600-line-19)">allergens_from_user</text><text class="terminal-712068600-r3" x="378.2" y="483.6" textLength="12.2" clip-path="url(#terminal-712068600-line-19)">=</text><text class="terminal-712068600-r7" x="390.4" y="483.6" textLength="170.8" clip-path="url(#terminal-712068600-line-19)">&#x27;(en)&#160;en:milk&#x27;</text><text class="terminal-712068600-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-712068600-line-19)">
+</text><text class="terminal-712068600-r4" x="0" y="508" textLength="97.6" clip-path="url(#terminal-712068600-line-20)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="508" textLength="48.8" clip-path="url(#terminal-712068600-line-20)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="508" textLength="24.4" clip-path="url(#terminal-712068600-line-20)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="508" textLength="268.4" clip-path="url(#terminal-712068600-line-20)">[]&#160;allergens_hierarchy</text><text class="terminal-712068600-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-712068600-line-20)">
+</text><text class="terminal-712068600-r4" x="0" y="532.4" textLength="97.6" clip-path="url(#terminal-712068600-line-21)">&#160;&#160;&#160;&#160;│&#160;&#160;&#160;</text><text class="terminal-712068600-r9" x="97.6" y="532.4" textLength="48.8" clip-path="url(#terminal-712068600-line-21)">┣━━&#160;</text><text class="terminal-712068600-r3" x="146.4" y="532.4" textLength="24.4" clip-path="url(#terminal-712068600-line-21)">▶&#160;</text><text class="terminal-712068600-r3" x="170.8" y="532.4" textLength="207.4" clip-path="url(#terminal-712068600-line-21)">[]&#160;allergens_tags</text><text class="terminal-712068600-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-712068600-line-21)">
+</text><text class="terminal-712068600-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-712068600-line-22)">
+</text><text class="terminal-712068600-r9" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-712068600-line-23)">&#160;a&#160;</text><text class="terminal-712068600-r12" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-712068600-line-23)">Add&#160;node&#160;</text><text class="terminal-712068600-r9" x="146.4" y="581.2" textLength="36.6" clip-path="url(#terminal-712068600-line-23)">&#160;c&#160;</text><text class="terminal-712068600-r12" x="183" y="581.2" textLength="73.2" clip-path="url(#terminal-712068600-line-23)">Clear&#160;</text><text class="terminal-712068600-r9" x="256.2" y="581.2" textLength="36.6" clip-path="url(#terminal-712068600-line-23)">&#160;t&#160;</text><text class="terminal-712068600-r12" x="292.8" y="581.2" textLength="146.4" clip-path="url(#terminal-712068600-line-23)">Toggle&#160;root&#160;</text><text class="terminal-712068600-r13" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-712068600-line-23)">▏</text><text class="terminal-712068600-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-712068600-line-23)">^p</text><text class="terminal-712068600-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-712068600-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg
index f7792a69ae..3b6dbb386a 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_example_markdown.svg
@@ -19,144 +19,145 @@
         font-weight: 700;
     }
 
-    .terminal-342938367-matrix {
+    .terminal-3667849941-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-342938367-title {
+    .terminal-3667849941-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-342938367-r1 { fill: #c5c8c6 }
-.terminal-342938367-r2 { fill: #24292f }
-.terminal-342938367-r3 { fill: #e1e1e1 }
-.terminal-342938367-r4 { fill: #e2e3e3 }
-.terminal-342938367-r5 { fill: #96989b }
-.terminal-342938367-r6 { fill: #008139 }
-.terminal-342938367-r7 { fill: #4ebf71;font-weight: bold }
-.terminal-342938367-r8 { fill: #939393;font-weight: bold }
-.terminal-342938367-r9 { fill: #4ebf71;text-decoration: underline; }
-.terminal-342938367-r10 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-342938367-r11 { fill: #fea62b;font-weight: bold }
-.terminal-342938367-r12 { fill: #a7a9ab }
-.terminal-342938367-r13 { fill: #a6742c;font-weight: bold }
-.terminal-342938367-r14 { fill: #727579 }
+    .terminal-3667849941-r1 { fill: #c5c8c6 }
+.terminal-3667849941-r2 { fill: #24292f }
+.terminal-3667849941-r3 { fill: #e1e1e1 }
+.terminal-3667849941-r4 { fill: #e2e3e3 }
+.terminal-3667849941-r5 { fill: #96989b }
+.terminal-3667849941-r6 { fill: #008139 }
+.terminal-3667849941-r7 { fill: #4ebf71;font-weight: bold }
+.terminal-3667849941-r8 { fill: #939393;font-weight: bold }
+.terminal-3667849941-r9 { fill: #4ebf71;text-decoration: underline; }
+.terminal-3667849941-r10 { fill: #e1e1e1;text-decoration: underline; }
+.terminal-3667849941-r11 { fill: #fea62b;font-weight: bold }
+.terminal-3667849941-r12 { fill: #a7a9ab }
+.terminal-3667849941-r13 { fill: #a6742c;font-weight: bold }
+.terminal-3667849941-r14 { fill: #727579 }
+.terminal-3667849941-r15 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-342938367-clip-terminal">
+    <clipPath id="terminal-3667849941-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-342938367-line-0">
+    <clipPath id="terminal-3667849941-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-1">
+<clipPath id="terminal-3667849941-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-2">
+<clipPath id="terminal-3667849941-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-3">
+<clipPath id="terminal-3667849941-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-4">
+<clipPath id="terminal-3667849941-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-5">
+<clipPath id="terminal-3667849941-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-6">
+<clipPath id="terminal-3667849941-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-7">
+<clipPath id="terminal-3667849941-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-8">
+<clipPath id="terminal-3667849941-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-9">
+<clipPath id="terminal-3667849941-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-10">
+<clipPath id="terminal-3667849941-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-11">
+<clipPath id="terminal-3667849941-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-12">
+<clipPath id="terminal-3667849941-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-13">
+<clipPath id="terminal-3667849941-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-14">
+<clipPath id="terminal-3667849941-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-15">
+<clipPath id="terminal-3667849941-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-16">
+<clipPath id="terminal-3667849941-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-17">
+<clipPath id="terminal-3667849941-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-18">
+<clipPath id="terminal-3667849941-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-19">
+<clipPath id="terminal-3667849941-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-20">
+<clipPath id="terminal-3667849941-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-21">
+<clipPath id="terminal-3667849941-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-342938367-line-22">
+<clipPath id="terminal-3667849941-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-342938367-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MarkdownApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3667849941-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MarkdownApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-342938367-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3667849941-clip-terminal)">
     <rect fill="#24292f" x="0" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="1.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="353.8" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="25.9" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="50.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="536.8" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="50.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="74.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="74.7" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="99.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="99.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="123.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="123.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="573.4" y="123.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="902.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="147.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="147.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="536.8" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="147.9" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="172.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="172.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="634.4" y="172.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="196.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="196.7" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="221.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="221.1" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="245.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="245.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="269.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="269.9" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="915" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="294.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="561.2" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="318.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="318.7" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="343.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="343.1" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="367.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="744.2" y="367.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="391.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="391.9" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="416.3" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="416.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="416.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="416.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="440.7" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="440.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="440.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="465.1" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="465.1" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="489.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="489.5" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="12.2" y="513.9" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="513.9" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="538.3" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="402.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="538.3" width="561.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="219.6" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="512.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-342938367-matrix">
-    <text class="terminal-342938367-r2" x="402.6" y="20" textLength="12.2" clip-path="url(#terminal-342938367-line-0)">▊</text><text class="terminal-342938367-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-342938367-line-0)">
-</text><text class="terminal-342938367-r4" x="12.2" y="44.4" textLength="24.4" clip-path="url(#terminal-342938367-line-1)">▼&#160;</text><text class="terminal-342938367-r5" x="36.6" y="44.4" textLength="24.4" clip-path="url(#terminal-342938367-line-1)">Ⅰ&#160;</text><text class="terminal-342938367-r4" x="61" y="44.4" textLength="292.8" clip-path="url(#terminal-342938367-line-1)">Textual&#160;Markdown&#160;Browser</text><text class="terminal-342938367-r2" x="402.6" y="44.4" textLength="12.2" clip-path="url(#terminal-342938367-line-1)">▊</text><text class="terminal-342938367-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-342938367-line-1)">
-</text><text class="terminal-342938367-r6" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-342938367-line-2)">└──&#160;</text><text class="terminal-342938367-r5" x="61" y="68.8" textLength="24.4" clip-path="url(#terminal-342938367-line-2)">Ⅱ&#160;</text><text class="terminal-342938367-r4" x="85.4" y="68.8" textLength="305" clip-path="url(#terminal-342938367-line-2)">Do&#160;You&#160;Want&#160;to&#160;Know&#160;More?</text><text class="terminal-342938367-r2" x="402.6" y="68.8" textLength="12.2" clip-path="url(#terminal-342938367-line-2)">▊</text><text class="terminal-342938367-r7" x="536.8" y="68.8" textLength="292.8" clip-path="url(#terminal-342938367-line-2)">Textual&#160;Markdown&#160;Browser</text><text class="terminal-342938367-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-342938367-line-2)">
-</text><text class="terminal-342938367-r2" x="402.6" y="93.2" textLength="12.2" clip-path="url(#terminal-342938367-line-3)">▊</text><text class="terminal-342938367-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-342938367-line-3)">
-</text><text class="terminal-342938367-r2" x="402.6" y="117.6" textLength="12.2" clip-path="url(#terminal-342938367-line-4)">▊</text><text class="terminal-342938367-r3" x="414.8" y="117.6" textLength="488" clip-path="url(#terminal-342938367-line-4)">&#160;&#160;Welcome&#160;fellow&#160;adventurer!&#160;If&#160;you&#160;ran&#160;</text><text class="terminal-342938367-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-342938367-line-4)">
-</text><text class="terminal-342938367-r2" x="402.6" y="142" textLength="12.2" clip-path="url(#terminal-342938367-line-5)">▊</text><text class="terminal-342938367-r8" x="439.2" y="142" textLength="134.2" clip-path="url(#terminal-342938367-line-5)">markdown.py</text><text class="terminal-342938367-r3" x="573.4" y="142" textLength="329.4" clip-path="url(#terminal-342938367-line-5)">&#160;from&#160;the&#160;terminal&#160;you&#160;are&#160;</text><text class="terminal-342938367-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-342938367-line-5)">
-</text><text class="terminal-342938367-r2" x="402.6" y="166.4" textLength="12.2" clip-path="url(#terminal-342938367-line-6)">▊</text><text class="terminal-342938367-r3" x="414.8" y="166.4" textLength="122" clip-path="url(#terminal-342938367-line-6)">&#160;&#160;viewing&#160;</text><text class="terminal-342938367-r8" x="536.8" y="166.4" textLength="85.4" clip-path="url(#terminal-342938367-line-6)">demo.md</text><text class="terminal-342938367-r3" x="622.2" y="166.4" textLength="353.8" clip-path="url(#terminal-342938367-line-6)">&#160;with&#160;Textual&#x27;s&#160;built&#160;in&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-342938367-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-342938367-line-6)">
-</text><text class="terminal-342938367-r2" x="402.6" y="190.8" textLength="12.2" clip-path="url(#terminal-342938367-line-7)">▊</text><text class="terminal-342938367-r3" x="414.8" y="190.8" textLength="219.6" clip-path="url(#terminal-342938367-line-7)">&#160;&#160;Markdown&#160;widget.</text><text class="terminal-342938367-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-342938367-line-7)">
-</text><text class="terminal-342938367-r2" x="402.6" y="215.2" textLength="12.2" clip-path="url(#terminal-342938367-line-8)">▊</text><text class="terminal-342938367-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-342938367-line-8)">
-</text><text class="terminal-342938367-r2" x="402.6" y="239.6" textLength="12.2" clip-path="url(#terminal-342938367-line-9)">▊</text><text class="terminal-342938367-r3" x="414.8" y="239.6" textLength="561.2" clip-path="url(#terminal-342938367-line-9)">&#160;&#160;The&#160;widget&#160;supports&#160;much&#160;of&#160;the&#160;Markdown&#160;&#160;&#160;&#160;</text><text class="terminal-342938367-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-342938367-line-9)">
-</text><text class="terminal-342938367-r2" x="402.6" y="264" textLength="12.2" clip-path="url(#terminal-342938367-line-10)">▊</text><text class="terminal-342938367-r3" x="414.8" y="264" textLength="561.2" clip-path="url(#terminal-342938367-line-10)">&#160;&#160;spec.&#160;There&#160;is&#160;also&#160;an&#160;optional&#160;Table&#160;of&#160;&#160;&#160;&#160;</text><text class="terminal-342938367-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-342938367-line-10)">
-</text><text class="terminal-342938367-r2" x="402.6" y="288.4" textLength="12.2" clip-path="url(#terminal-342938367-line-11)">▊</text><text class="terminal-342938367-r3" x="414.8" y="288.4" textLength="500.2" clip-path="url(#terminal-342938367-line-11)">&#160;&#160;Contents&#160;sidebar&#160;which&#160;you&#160;will&#160;see&#160;to&#160;</text><text class="terminal-342938367-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-342938367-line-11)">
-</text><text class="terminal-342938367-r2" x="402.6" y="312.8" textLength="12.2" clip-path="url(#terminal-342938367-line-12)">▊</text><text class="terminal-342938367-r3" x="414.8" y="312.8" textLength="146.4" clip-path="url(#terminal-342938367-line-12)">&#160;&#160;your&#160;left.</text><text class="terminal-342938367-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-342938367-line-12)">
-</text><text class="terminal-342938367-r2" x="402.6" y="337.2" textLength="12.2" clip-path="url(#terminal-342938367-line-13)">▊</text><text class="terminal-342938367-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-342938367-line-13)">
-</text><text class="terminal-342938367-r2" x="402.6" y="361.6" textLength="12.2" clip-path="url(#terminal-342938367-line-14)">▊</text><text class="terminal-342938367-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-342938367-line-14)">
-</text><text class="terminal-342938367-r2" x="402.6" y="386" textLength="12.2" clip-path="url(#terminal-342938367-line-15)">▊</text><text class="terminal-342938367-r9" x="439.2" y="386" textLength="305" clip-path="url(#terminal-342938367-line-15)">Do&#160;You&#160;Want&#160;to&#160;Know&#160;More?</text><text class="terminal-342938367-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-342938367-line-15)">
-</text><text class="terminal-342938367-r2" x="402.6" y="410.4" textLength="12.2" clip-path="url(#terminal-342938367-line-16)">▊</text><text class="terminal-342938367-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-342938367-line-16)">
-</text><text class="terminal-342938367-r2" x="402.6" y="434.8" textLength="12.2" clip-path="url(#terminal-342938367-line-17)">▊</text><text class="terminal-342938367-r3" x="414.8" y="434.8" textLength="73.2" clip-path="url(#terminal-342938367-line-17)">&#160;&#160;See&#160;</text><text class="terminal-342938367-r10" x="488" y="434.8" textLength="122" clip-path="url(#terminal-342938367-line-17)">example.md</text><text class="terminal-342938367-r3" x="610" y="434.8" textLength="366" clip-path="url(#terminal-342938367-line-17)">&#160;for&#160;more&#160;examples&#160;of&#160;what&#160;&#160;&#160;&#160;</text><text class="terminal-342938367-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-342938367-line-17)">
-</text><text class="terminal-342938367-r2" x="402.6" y="459.2" textLength="12.2" clip-path="url(#terminal-342938367-line-18)">▊</text><text class="terminal-342938367-r3" x="414.8" y="459.2" textLength="170.8" clip-path="url(#terminal-342938367-line-18)">&#160;&#160;this&#160;can&#160;do.</text><text class="terminal-342938367-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-342938367-line-18)">
-</text><text class="terminal-342938367-r2" x="402.6" y="483.6" textLength="12.2" clip-path="url(#terminal-342938367-line-19)">▊</text><text class="terminal-342938367-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-342938367-line-19)">
-</text><text class="terminal-342938367-r2" x="402.6" y="508" textLength="12.2" clip-path="url(#terminal-342938367-line-20)">▊</text><text class="terminal-342938367-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-342938367-line-20)">
-</text><text class="terminal-342938367-r2" x="402.6" y="532.4" textLength="12.2" clip-path="url(#terminal-342938367-line-21)">▊</text><text class="terminal-342938367-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-342938367-line-21)">
-</text><text class="terminal-342938367-r2" x="402.6" y="556.8" textLength="12.2" clip-path="url(#terminal-342938367-line-22)">▊</text><text class="terminal-342938367-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-342938367-line-22)">
-</text><text class="terminal-342938367-r11" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-342938367-line-23)">&#160;t&#160;</text><text class="terminal-342938367-r12" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-342938367-line-23)">TOC&#160;</text><text class="terminal-342938367-r13" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-342938367-line-23)">&#160;b&#160;</text><text class="terminal-342938367-r14" x="122" y="581.2" textLength="61" clip-path="url(#terminal-342938367-line-23)">Back&#160;</text><text class="terminal-342938367-r13" x="183" y="581.2" textLength="36.6" clip-path="url(#terminal-342938367-line-23)">&#160;f&#160;</text><text class="terminal-342938367-r14" x="219.6" y="581.2" textLength="97.6" clip-path="url(#terminal-342938367-line-23)">Forward&#160;</text><text class="terminal-342938367-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-342938367-line-23)">^p</text><text class="terminal-342938367-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-342938367-line-23)">&#160;palette</text>
+    <g class="terminal-3667849941-matrix">
+    <text class="terminal-3667849941-r2" x="402.6" y="20" textLength="12.2" clip-path="url(#terminal-3667849941-line-0)">▊</text><text class="terminal-3667849941-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3667849941-line-0)">
+</text><text class="terminal-3667849941-r4" x="12.2" y="44.4" textLength="24.4" clip-path="url(#terminal-3667849941-line-1)">▼&#160;</text><text class="terminal-3667849941-r5" x="36.6" y="44.4" textLength="24.4" clip-path="url(#terminal-3667849941-line-1)">Ⅰ&#160;</text><text class="terminal-3667849941-r4" x="61" y="44.4" textLength="292.8" clip-path="url(#terminal-3667849941-line-1)">Textual&#160;Markdown&#160;Browser</text><text class="terminal-3667849941-r2" x="402.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-1)">▊</text><text class="terminal-3667849941-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-1)">
+</text><text class="terminal-3667849941-r6" x="12.2" y="68.8" textLength="48.8" clip-path="url(#terminal-3667849941-line-2)">└──&#160;</text><text class="terminal-3667849941-r5" x="61" y="68.8" textLength="24.4" clip-path="url(#terminal-3667849941-line-2)">Ⅱ&#160;</text><text class="terminal-3667849941-r4" x="85.4" y="68.8" textLength="305" clip-path="url(#terminal-3667849941-line-2)">Do&#160;You&#160;Want&#160;to&#160;Know&#160;More?</text><text class="terminal-3667849941-r2" x="402.6" y="68.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-2)">▊</text><text class="terminal-3667849941-r7" x="536.8" y="68.8" textLength="292.8" clip-path="url(#terminal-3667849941-line-2)">Textual&#160;Markdown&#160;Browser</text><text class="terminal-3667849941-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-2)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="93.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-3)">▊</text><text class="terminal-3667849941-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-3)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-4)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="117.6" textLength="488" clip-path="url(#terminal-3667849941-line-4)">&#160;&#160;Welcome&#160;fellow&#160;adventurer!&#160;If&#160;you&#160;ran&#160;</text><text class="terminal-3667849941-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-4)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="142" textLength="12.2" clip-path="url(#terminal-3667849941-line-5)">▊</text><text class="terminal-3667849941-r8" x="439.2" y="142" textLength="134.2" clip-path="url(#terminal-3667849941-line-5)">markdown.py</text><text class="terminal-3667849941-r3" x="573.4" y="142" textLength="329.4" clip-path="url(#terminal-3667849941-line-5)">&#160;from&#160;the&#160;terminal&#160;you&#160;are&#160;</text><text class="terminal-3667849941-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3667849941-line-5)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="166.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-6)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="166.4" textLength="122" clip-path="url(#terminal-3667849941-line-6)">&#160;&#160;viewing&#160;</text><text class="terminal-3667849941-r8" x="536.8" y="166.4" textLength="85.4" clip-path="url(#terminal-3667849941-line-6)">demo.md</text><text class="terminal-3667849941-r3" x="622.2" y="166.4" textLength="353.8" clip-path="url(#terminal-3667849941-line-6)">&#160;with&#160;Textual&#x27;s&#160;built&#160;in&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3667849941-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-6)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-7)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="190.8" textLength="219.6" clip-path="url(#terminal-3667849941-line-7)">&#160;&#160;Markdown&#160;widget.</text><text class="terminal-3667849941-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-7)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="215.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-8)">▊</text><text class="terminal-3667849941-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-8)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-9)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="239.6" textLength="561.2" clip-path="url(#terminal-3667849941-line-9)">&#160;&#160;The&#160;widget&#160;supports&#160;much&#160;of&#160;the&#160;Markdown&#160;&#160;&#160;&#160;</text><text class="terminal-3667849941-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-9)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="264" textLength="12.2" clip-path="url(#terminal-3667849941-line-10)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="264" textLength="561.2" clip-path="url(#terminal-3667849941-line-10)">&#160;&#160;spec.&#160;There&#160;is&#160;also&#160;an&#160;optional&#160;Table&#160;of&#160;&#160;&#160;&#160;</text><text class="terminal-3667849941-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3667849941-line-10)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="288.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-11)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="288.4" textLength="500.2" clip-path="url(#terminal-3667849941-line-11)">&#160;&#160;Contents&#160;sidebar&#160;which&#160;you&#160;will&#160;see&#160;to&#160;</text><text class="terminal-3667849941-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-11)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="312.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-12)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="312.8" textLength="146.4" clip-path="url(#terminal-3667849941-line-12)">&#160;&#160;your&#160;left.</text><text class="terminal-3667849941-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-12)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-13)">▊</text><text class="terminal-3667849941-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-13)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="361.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-14)">▊</text><text class="terminal-3667849941-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-14)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="386" textLength="12.2" clip-path="url(#terminal-3667849941-line-15)">▊</text><text class="terminal-3667849941-r9" x="439.2" y="386" textLength="305" clip-path="url(#terminal-3667849941-line-15)">Do&#160;You&#160;Want&#160;to&#160;Know&#160;More?</text><text class="terminal-3667849941-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3667849941-line-15)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-16)">▊</text><text class="terminal-3667849941-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-16)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="434.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-17)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="434.8" textLength="73.2" clip-path="url(#terminal-3667849941-line-17)">&#160;&#160;See&#160;</text><text class="terminal-3667849941-r10" x="488" y="434.8" textLength="122" clip-path="url(#terminal-3667849941-line-17)">example.md</text><text class="terminal-3667849941-r3" x="610" y="434.8" textLength="366" clip-path="url(#terminal-3667849941-line-17)">&#160;for&#160;more&#160;examples&#160;of&#160;what&#160;&#160;&#160;&#160;</text><text class="terminal-3667849941-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-17)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="459.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-18)">▊</text><text class="terminal-3667849941-r3" x="414.8" y="459.2" textLength="170.8" clip-path="url(#terminal-3667849941-line-18)">&#160;&#160;this&#160;can&#160;do.</text><text class="terminal-3667849941-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-18)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="483.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-19)">▊</text><text class="terminal-3667849941-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3667849941-line-19)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="508" textLength="12.2" clip-path="url(#terminal-3667849941-line-20)">▊</text><text class="terminal-3667849941-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3667849941-line-20)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="532.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-21)">▊</text><text class="terminal-3667849941-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3667849941-line-21)">
+</text><text class="terminal-3667849941-r2" x="402.6" y="556.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-22)">▊</text><text class="terminal-3667849941-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3667849941-line-22)">
+</text><text class="terminal-3667849941-r11" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3667849941-line-23)">&#160;t&#160;</text><text class="terminal-3667849941-r12" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-3667849941-line-23)">TOC&#160;</text><text class="terminal-3667849941-r13" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-3667849941-line-23)">&#160;b&#160;</text><text class="terminal-3667849941-r14" x="122" y="581.2" textLength="61" clip-path="url(#terminal-3667849941-line-23)">Back&#160;</text><text class="terminal-3667849941-r13" x="183" y="581.2" textLength="36.6" clip-path="url(#terminal-3667849941-line-23)">&#160;f&#160;</text><text class="terminal-3667849941-r14" x="219.6" y="581.2" textLength="97.6" clip-path="url(#terminal-3667849941-line-23)">Forward&#160;</text><text class="terminal-3667849941-r15" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3667849941-line-23)">▏</text><text class="terminal-3667849941-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3667849941-line-23)">^p</text><text class="terminal-3667849941-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3667849941-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg
index 36b7a09718..832439319b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_focus_component_class.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-2681196265-matrix {
+    .terminal-3845058239-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2681196265-title {
+    .terminal-3845058239-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2681196265-r1 { fill: #c5c8c6 }
-.terminal-2681196265-r2 { fill: #e3e3e3 }
-.terminal-2681196265-r3 { fill: #ffdddd }
-.terminal-2681196265-r4 { fill: #e1e1e1 }
-.terminal-2681196265-r5 { fill: #14191f }
-.terminal-2681196265-r6 { fill: #e2e3e3 }
-.terminal-2681196265-r7 { fill: #fea62b;font-weight: bold }
-.terminal-2681196265-r8 { fill: #a7a9ab }
+    .terminal-3845058239-r1 { fill: #c5c8c6 }
+.terminal-3845058239-r2 { fill: #e3e3e3 }
+.terminal-3845058239-r3 { fill: #ffdddd }
+.terminal-3845058239-r4 { fill: #e1e1e1 }
+.terminal-3845058239-r5 { fill: #14191f }
+.terminal-3845058239-r6 { fill: #e2e3e3 }
+.terminal-3845058239-r7 { fill: #4c5055 }
+.terminal-3845058239-r8 { fill: #fea62b;font-weight: bold }
+.terminal-3845058239-r9 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-2681196265-clip-terminal">
+    <clipPath id="terminal-3845058239-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2681196265-line-0">
+    <clipPath id="terminal-3845058239-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-1">
+<clipPath id="terminal-3845058239-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-2">
+<clipPath id="terminal-3845058239-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-3">
+<clipPath id="terminal-3845058239-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-4">
+<clipPath id="terminal-3845058239-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-5">
+<clipPath id="terminal-3845058239-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-6">
+<clipPath id="terminal-3845058239-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-7">
+<clipPath id="terminal-3845058239-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-8">
+<clipPath id="terminal-3845058239-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-9">
+<clipPath id="terminal-3845058239-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-10">
+<clipPath id="terminal-3845058239-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-11">
+<clipPath id="terminal-3845058239-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-12">
+<clipPath id="terminal-3845058239-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-13">
+<clipPath id="terminal-3845058239-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-14">
+<clipPath id="terminal-3845058239-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-15">
+<clipPath id="terminal-3845058239-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-16">
+<clipPath id="terminal-3845058239-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-17">
+<clipPath id="terminal-3845058239-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-18">
+<clipPath id="terminal-3845058239-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-19">
+<clipPath id="terminal-3845058239-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-20">
+<clipPath id="terminal-3845058239-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-21">
+<clipPath id="terminal-3845058239-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2681196265-line-22">
+<clipPath id="terminal-3845058239-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2681196265-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyleBugApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3845058239-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyleBugApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2681196265-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3845058239-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="402.6" y="1.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="536.8" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="25.9" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="50.3" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="74.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="99.1" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="123.5" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="147.9" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="172.3" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="196.7" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="221.1" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="158.6" y="245.5" width="793" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="269.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="294.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="318.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="343.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="367.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="391.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="416.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="440.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="465.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="489.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="513.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="538.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2681196265-matrix">
-    <text class="terminal-2681196265-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2681196265-line-0)">⭘</text><text class="terminal-2681196265-r2" x="402.6" y="20" textLength="134.2" clip-path="url(#terminal-2681196265-line-0)">StyleBugApp</text><text class="terminal-2681196265-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2681196265-line-0)">
-</text><text class="terminal-2681196265-r3" x="0" y="44.4" textLength="158.6" clip-path="url(#terminal-2681196265-line-1)">test&#160;widget&#160;0</text><text class="terminal-2681196265-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2681196265-line-1)">
-</text><text class="terminal-2681196265-r4" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-2681196265-line-2)">test&#160;widget&#160;1</text><text class="terminal-2681196265-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2681196265-line-2)">
-</text><text class="terminal-2681196265-r4" x="0" y="93.2" textLength="158.6" clip-path="url(#terminal-2681196265-line-3)">test&#160;widget&#160;2</text><text class="terminal-2681196265-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2681196265-line-3)">
-</text><text class="terminal-2681196265-r4" x="0" y="117.6" textLength="158.6" clip-path="url(#terminal-2681196265-line-4)">test&#160;widget&#160;3</text><text class="terminal-2681196265-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2681196265-line-4)">
-</text><text class="terminal-2681196265-r4" x="0" y="142" textLength="158.6" clip-path="url(#terminal-2681196265-line-5)">test&#160;widget&#160;4</text><text class="terminal-2681196265-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2681196265-line-5)">
-</text><text class="terminal-2681196265-r4" x="0" y="166.4" textLength="158.6" clip-path="url(#terminal-2681196265-line-6)">test&#160;widget&#160;5</text><text class="terminal-2681196265-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2681196265-line-6)">
-</text><text class="terminal-2681196265-r4" x="0" y="190.8" textLength="158.6" clip-path="url(#terminal-2681196265-line-7)">test&#160;widget&#160;6</text><text class="terminal-2681196265-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2681196265-line-7)">
-</text><text class="terminal-2681196265-r4" x="0" y="215.2" textLength="158.6" clip-path="url(#terminal-2681196265-line-8)">test&#160;widget&#160;7</text><text class="terminal-2681196265-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2681196265-line-8)">
-</text><text class="terminal-2681196265-r4" x="0" y="239.6" textLength="158.6" clip-path="url(#terminal-2681196265-line-9)">test&#160;widget&#160;8</text><text class="terminal-2681196265-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2681196265-line-9)">
-</text><text class="terminal-2681196265-r4" x="0" y="264" textLength="158.6" clip-path="url(#terminal-2681196265-line-10)">test&#160;widget&#160;9</text><text class="terminal-2681196265-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2681196265-line-10)">
-</text><text class="terminal-2681196265-r4" x="0" y="288.4" textLength="170.8" clip-path="url(#terminal-2681196265-line-11)">test&#160;widget&#160;10</text><text class="terminal-2681196265-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2681196265-line-11)">
-</text><text class="terminal-2681196265-r4" x="0" y="312.8" textLength="170.8" clip-path="url(#terminal-2681196265-line-12)">test&#160;widget&#160;11</text><text class="terminal-2681196265-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2681196265-line-12)">
-</text><text class="terminal-2681196265-r4" x="0" y="337.2" textLength="170.8" clip-path="url(#terminal-2681196265-line-13)">test&#160;widget&#160;12</text><text class="terminal-2681196265-r5" x="951.6" y="337.2" textLength="24.4" clip-path="url(#terminal-2681196265-line-13)">▇▇</text><text class="terminal-2681196265-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2681196265-line-13)">
-</text><text class="terminal-2681196265-r4" x="0" y="361.6" textLength="170.8" clip-path="url(#terminal-2681196265-line-14)">test&#160;widget&#160;13</text><text class="terminal-2681196265-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2681196265-line-14)">
-</text><text class="terminal-2681196265-r4" x="0" y="386" textLength="170.8" clip-path="url(#terminal-2681196265-line-15)">test&#160;widget&#160;14</text><text class="terminal-2681196265-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2681196265-line-15)">
-</text><text class="terminal-2681196265-r4" x="0" y="410.4" textLength="170.8" clip-path="url(#terminal-2681196265-line-16)">test&#160;widget&#160;15</text><text class="terminal-2681196265-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2681196265-line-16)">
-</text><text class="terminal-2681196265-r4" x="0" y="434.8" textLength="170.8" clip-path="url(#terminal-2681196265-line-17)">test&#160;widget&#160;16</text><text class="terminal-2681196265-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2681196265-line-17)">
-</text><text class="terminal-2681196265-r4" x="0" y="459.2" textLength="170.8" clip-path="url(#terminal-2681196265-line-18)">test&#160;widget&#160;17</text><text class="terminal-2681196265-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2681196265-line-18)">
-</text><text class="terminal-2681196265-r4" x="0" y="483.6" textLength="170.8" clip-path="url(#terminal-2681196265-line-19)">test&#160;widget&#160;18</text><text class="terminal-2681196265-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2681196265-line-19)">
-</text><text class="terminal-2681196265-r4" x="0" y="508" textLength="170.8" clip-path="url(#terminal-2681196265-line-20)">test&#160;widget&#160;19</text><text class="terminal-2681196265-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2681196265-line-20)">
-</text><text class="terminal-2681196265-r4" x="0" y="532.4" textLength="170.8" clip-path="url(#terminal-2681196265-line-21)">test&#160;widget&#160;20</text><text class="terminal-2681196265-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2681196265-line-21)">
-</text><text class="terminal-2681196265-r4" x="0" y="556.8" textLength="170.8" clip-path="url(#terminal-2681196265-line-22)">test&#160;widget&#160;21</text><text class="terminal-2681196265-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2681196265-line-22)">
-</text><text class="terminal-2681196265-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2681196265-line-23)">^p</text><text class="terminal-2681196265-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2681196265-line-23)">&#160;palette</text>
+    <g class="terminal-3845058239-matrix">
+    <text class="terminal-3845058239-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3845058239-line-0)">⭘</text><text class="terminal-3845058239-r2" x="402.6" y="20" textLength="134.2" clip-path="url(#terminal-3845058239-line-0)">StyleBugApp</text><text class="terminal-3845058239-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3845058239-line-0)">
+</text><text class="terminal-3845058239-r3" x="0" y="44.4" textLength="158.6" clip-path="url(#terminal-3845058239-line-1)">test&#160;widget&#160;0</text><text class="terminal-3845058239-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3845058239-line-1)">
+</text><text class="terminal-3845058239-r4" x="0" y="68.8" textLength="158.6" clip-path="url(#terminal-3845058239-line-2)">test&#160;widget&#160;1</text><text class="terminal-3845058239-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3845058239-line-2)">
+</text><text class="terminal-3845058239-r4" x="0" y="93.2" textLength="158.6" clip-path="url(#terminal-3845058239-line-3)">test&#160;widget&#160;2</text><text class="terminal-3845058239-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3845058239-line-3)">
+</text><text class="terminal-3845058239-r4" x="0" y="117.6" textLength="158.6" clip-path="url(#terminal-3845058239-line-4)">test&#160;widget&#160;3</text><text class="terminal-3845058239-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3845058239-line-4)">
+</text><text class="terminal-3845058239-r4" x="0" y="142" textLength="158.6" clip-path="url(#terminal-3845058239-line-5)">test&#160;widget&#160;4</text><text class="terminal-3845058239-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3845058239-line-5)">
+</text><text class="terminal-3845058239-r4" x="0" y="166.4" textLength="158.6" clip-path="url(#terminal-3845058239-line-6)">test&#160;widget&#160;5</text><text class="terminal-3845058239-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3845058239-line-6)">
+</text><text class="terminal-3845058239-r4" x="0" y="190.8" textLength="158.6" clip-path="url(#terminal-3845058239-line-7)">test&#160;widget&#160;6</text><text class="terminal-3845058239-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3845058239-line-7)">
+</text><text class="terminal-3845058239-r4" x="0" y="215.2" textLength="158.6" clip-path="url(#terminal-3845058239-line-8)">test&#160;widget&#160;7</text><text class="terminal-3845058239-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3845058239-line-8)">
+</text><text class="terminal-3845058239-r4" x="0" y="239.6" textLength="158.6" clip-path="url(#terminal-3845058239-line-9)">test&#160;widget&#160;8</text><text class="terminal-3845058239-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3845058239-line-9)">
+</text><text class="terminal-3845058239-r4" x="0" y="264" textLength="158.6" clip-path="url(#terminal-3845058239-line-10)">test&#160;widget&#160;9</text><text class="terminal-3845058239-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3845058239-line-10)">
+</text><text class="terminal-3845058239-r4" x="0" y="288.4" textLength="170.8" clip-path="url(#terminal-3845058239-line-11)">test&#160;widget&#160;10</text><text class="terminal-3845058239-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3845058239-line-11)">
+</text><text class="terminal-3845058239-r4" x="0" y="312.8" textLength="170.8" clip-path="url(#terminal-3845058239-line-12)">test&#160;widget&#160;11</text><text class="terminal-3845058239-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3845058239-line-12)">
+</text><text class="terminal-3845058239-r4" x="0" y="337.2" textLength="170.8" clip-path="url(#terminal-3845058239-line-13)">test&#160;widget&#160;12</text><text class="terminal-3845058239-r5" x="951.6" y="337.2" textLength="24.4" clip-path="url(#terminal-3845058239-line-13)">▇▇</text><text class="terminal-3845058239-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3845058239-line-13)">
+</text><text class="terminal-3845058239-r4" x="0" y="361.6" textLength="170.8" clip-path="url(#terminal-3845058239-line-14)">test&#160;widget&#160;13</text><text class="terminal-3845058239-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3845058239-line-14)">
+</text><text class="terminal-3845058239-r4" x="0" y="386" textLength="170.8" clip-path="url(#terminal-3845058239-line-15)">test&#160;widget&#160;14</text><text class="terminal-3845058239-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3845058239-line-15)">
+</text><text class="terminal-3845058239-r4" x="0" y="410.4" textLength="170.8" clip-path="url(#terminal-3845058239-line-16)">test&#160;widget&#160;15</text><text class="terminal-3845058239-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3845058239-line-16)">
+</text><text class="terminal-3845058239-r4" x="0" y="434.8" textLength="170.8" clip-path="url(#terminal-3845058239-line-17)">test&#160;widget&#160;16</text><text class="terminal-3845058239-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3845058239-line-17)">
+</text><text class="terminal-3845058239-r4" x="0" y="459.2" textLength="170.8" clip-path="url(#terminal-3845058239-line-18)">test&#160;widget&#160;17</text><text class="terminal-3845058239-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3845058239-line-18)">
+</text><text class="terminal-3845058239-r4" x="0" y="483.6" textLength="170.8" clip-path="url(#terminal-3845058239-line-19)">test&#160;widget&#160;18</text><text class="terminal-3845058239-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3845058239-line-19)">
+</text><text class="terminal-3845058239-r4" x="0" y="508" textLength="170.8" clip-path="url(#terminal-3845058239-line-20)">test&#160;widget&#160;19</text><text class="terminal-3845058239-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3845058239-line-20)">
+</text><text class="terminal-3845058239-r4" x="0" y="532.4" textLength="170.8" clip-path="url(#terminal-3845058239-line-21)">test&#160;widget&#160;20</text><text class="terminal-3845058239-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3845058239-line-21)">
+</text><text class="terminal-3845058239-r4" x="0" y="556.8" textLength="170.8" clip-path="url(#terminal-3845058239-line-22)">test&#160;widget&#160;21</text><text class="terminal-3845058239-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3845058239-line-22)">
+</text><text class="terminal-3845058239-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3845058239-line-23)">▏</text><text class="terminal-3845058239-r8" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3845058239-line-23)">^p</text><text class="terminal-3845058239-r9" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3845058239-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg
index 5feecacb69..05a2d698a3 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_classic_styling.svg
@@ -19,134 +19,135 @@
         font-weight: 700;
     }
 
-    .terminal-1514759080-matrix {
+    .terminal-881099794-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1514759080-title {
+    .terminal-881099794-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1514759080-r1 { fill: #e1e1e1 }
-.terminal-1514759080-r2 { fill: #c5c8c6 }
-.terminal-1514759080-r3 { fill: #dde8f3;font-weight: bold }
-.terminal-1514759080-r4 { fill: #ddedf9 }
+    .terminal-881099794-r1 { fill: #e1e1e1 }
+.terminal-881099794-r2 { fill: #c5c8c6 }
+.terminal-881099794-r3 { fill: #dde8f3;font-weight: bold }
+.terminal-881099794-r4 { fill: #ddedf9 }
+.terminal-881099794-r5 { fill: #308fd9 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1514759080-clip-terminal">
+    <clipPath id="terminal-881099794-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1514759080-line-0">
+    <clipPath id="terminal-881099794-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-1">
+<clipPath id="terminal-881099794-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-2">
+<clipPath id="terminal-881099794-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-3">
+<clipPath id="terminal-881099794-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-4">
+<clipPath id="terminal-881099794-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-5">
+<clipPath id="terminal-881099794-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-6">
+<clipPath id="terminal-881099794-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-7">
+<clipPath id="terminal-881099794-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-8">
+<clipPath id="terminal-881099794-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-9">
+<clipPath id="terminal-881099794-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-10">
+<clipPath id="terminal-881099794-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-11">
+<clipPath id="terminal-881099794-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-12">
+<clipPath id="terminal-881099794-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-13">
+<clipPath id="terminal-881099794-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-14">
+<clipPath id="terminal-881099794-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-15">
+<clipPath id="terminal-881099794-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-16">
+<clipPath id="terminal-881099794-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-17">
+<clipPath id="terminal-881099794-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-18">
+<clipPath id="terminal-881099794-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-19">
+<clipPath id="terminal-881099794-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-20">
+<clipPath id="terminal-881099794-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-21">
+<clipPath id="terminal-881099794-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1514759080-line-22">
+<clipPath id="terminal-881099794-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1514759080-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-881099794-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ClassicFooterStylingApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1514759080-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-881099794-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="0" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="97.6" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="317.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="414.8" y="562.7" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="817.4" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0053aa" x="829.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="854" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1514759080-matrix">
-    <text class="terminal-1514759080-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1514759080-line-0)">
-</text><text class="terminal-1514759080-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1514759080-line-1)">
-</text><text class="terminal-1514759080-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1514759080-line-2)">
-</text><text class="terminal-1514759080-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1514759080-line-3)">
-</text><text class="terminal-1514759080-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1514759080-line-4)">
-</text><text class="terminal-1514759080-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1514759080-line-5)">
-</text><text class="terminal-1514759080-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1514759080-line-6)">
-</text><text class="terminal-1514759080-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1514759080-line-7)">
-</text><text class="terminal-1514759080-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1514759080-line-8)">
-</text><text class="terminal-1514759080-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1514759080-line-9)">
-</text><text class="terminal-1514759080-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1514759080-line-10)">
-</text><text class="terminal-1514759080-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1514759080-line-11)">
-</text><text class="terminal-1514759080-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1514759080-line-12)">
-</text><text class="terminal-1514759080-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1514759080-line-13)">
-</text><text class="terminal-1514759080-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1514759080-line-14)">
-</text><text class="terminal-1514759080-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1514759080-line-15)">
-</text><text class="terminal-1514759080-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1514759080-line-16)">
-</text><text class="terminal-1514759080-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1514759080-line-17)">
-</text><text class="terminal-1514759080-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1514759080-line-18)">
-</text><text class="terminal-1514759080-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1514759080-line-19)">
-</text><text class="terminal-1514759080-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1514759080-line-20)">
-</text><text class="terminal-1514759080-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1514759080-line-21)">
-</text><text class="terminal-1514759080-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1514759080-line-22)">
-</text><text class="terminal-1514759080-r3" x="0" y="581.2" textLength="97.6" clip-path="url(#terminal-1514759080-line-23)">&#160;CTRL+T&#160;</text><text class="terminal-1514759080-r4" x="97.6" y="581.2" textLength="219.6" clip-path="url(#terminal-1514759080-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-1514759080-r3" x="317.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1514759080-line-23)">&#160;CTRL+Q&#160;</text><text class="terminal-1514759080-r4" x="414.8" y="581.2" textLength="402.6" clip-path="url(#terminal-1514759080-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1514759080-r3" x="829.6" y="581.2" textLength="24.4" clip-path="url(#terminal-1514759080-line-23)">^p</text><text class="terminal-1514759080-r4" x="854" y="581.2" textLength="109.8" clip-path="url(#terminal-1514759080-line-23)">&#160;palette&#160;</text>
+    <g class="terminal-881099794-matrix">
+    <text class="terminal-881099794-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-881099794-line-0)">
+</text><text class="terminal-881099794-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-881099794-line-1)">
+</text><text class="terminal-881099794-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-881099794-line-2)">
+</text><text class="terminal-881099794-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-881099794-line-3)">
+</text><text class="terminal-881099794-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-881099794-line-4)">
+</text><text class="terminal-881099794-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-881099794-line-5)">
+</text><text class="terminal-881099794-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-881099794-line-6)">
+</text><text class="terminal-881099794-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-881099794-line-7)">
+</text><text class="terminal-881099794-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-881099794-line-8)">
+</text><text class="terminal-881099794-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-881099794-line-9)">
+</text><text class="terminal-881099794-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-881099794-line-10)">
+</text><text class="terminal-881099794-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-881099794-line-11)">
+</text><text class="terminal-881099794-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-881099794-line-12)">
+</text><text class="terminal-881099794-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-881099794-line-13)">
+</text><text class="terminal-881099794-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-881099794-line-14)">
+</text><text class="terminal-881099794-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-881099794-line-15)">
+</text><text class="terminal-881099794-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-881099794-line-16)">
+</text><text class="terminal-881099794-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-881099794-line-17)">
+</text><text class="terminal-881099794-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-881099794-line-18)">
+</text><text class="terminal-881099794-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-881099794-line-19)">
+</text><text class="terminal-881099794-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-881099794-line-20)">
+</text><text class="terminal-881099794-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-881099794-line-21)">
+</text><text class="terminal-881099794-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-881099794-line-22)">
+</text><text class="terminal-881099794-r3" x="0" y="581.2" textLength="97.6" clip-path="url(#terminal-881099794-line-23)">&#160;CTRL+T&#160;</text><text class="terminal-881099794-r4" x="97.6" y="581.2" textLength="219.6" clip-path="url(#terminal-881099794-line-23)">&#160;Toggle&#160;Dark&#160;mode&#160;</text><text class="terminal-881099794-r3" x="317.2" y="581.2" textLength="97.6" clip-path="url(#terminal-881099794-line-23)">&#160;CTRL+Q&#160;</text><text class="terminal-881099794-r4" x="414.8" y="581.2" textLength="402.6" clip-path="url(#terminal-881099794-line-23)">&#160;Quit&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-881099794-r5" x="817.4" y="581.2" textLength="12.2" clip-path="url(#terminal-881099794-line-23)">▏</text><text class="terminal-881099794-r3" x="829.6" y="581.2" textLength="24.4" clip-path="url(#terminal-881099794-line-23)">^p</text><text class="terminal-881099794-r4" x="854" y="581.2" textLength="109.8" clip-path="url(#terminal-881099794-line-23)">&#160;palette&#160;</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg
index d899fae6b8..66c12b6e65 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-1033366556-matrix {
+    .terminal-764218369-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1033366556-title {
+    .terminal-764218369-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1033366556-r1 { fill: #e1e1e1 }
-.terminal-1033366556-r2 { fill: #c5c8c6 }
-.terminal-1033366556-r3 { fill: #fea62b;font-weight: bold }
-.terminal-1033366556-r4 { fill: #a7a9ab }
-.terminal-1033366556-r5 { fill: #e2e3e3 }
+    .terminal-764218369-r1 { fill: #e1e1e1 }
+.terminal-764218369-r2 { fill: #c5c8c6 }
+.terminal-764218369-r3 { fill: #fea62b;font-weight: bold }
+.terminal-764218369-r4 { fill: #a7a9ab }
+.terminal-764218369-r5 { fill: #e2e3e3 }
+.terminal-764218369-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1033366556-clip-terminal">
+    <clipPath id="terminal-764218369-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1033366556-line-0">
+    <clipPath id="terminal-764218369-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-1">
+<clipPath id="terminal-764218369-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-2">
+<clipPath id="terminal-764218369-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-3">
+<clipPath id="terminal-764218369-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-4">
+<clipPath id="terminal-764218369-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-5">
+<clipPath id="terminal-764218369-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-6">
+<clipPath id="terminal-764218369-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-7">
+<clipPath id="terminal-764218369-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-8">
+<clipPath id="terminal-764218369-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-9">
+<clipPath id="terminal-764218369-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-10">
+<clipPath id="terminal-764218369-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-11">
+<clipPath id="terminal-764218369-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-12">
+<clipPath id="terminal-764218369-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-13">
+<clipPath id="terminal-764218369-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-14">
+<clipPath id="terminal-764218369-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-15">
+<clipPath id="terminal-764218369-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-16">
+<clipPath id="terminal-764218369-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-17">
+<clipPath id="terminal-764218369-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-18">
+<clipPath id="terminal-764218369-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-19">
+<clipPath id="terminal-764218369-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-20">
+<clipPath id="terminal-764218369-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-21">
+<clipPath id="terminal-764218369-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1033366556-line-22">
+<clipPath id="terminal-764218369-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1033366556-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-764218369-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1033366556-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-764218369-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1033366556-matrix">
-    <text class="terminal-1033366556-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1033366556-line-0)">
-</text><text class="terminal-1033366556-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1033366556-line-1)">
-</text><text class="terminal-1033366556-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1033366556-line-2)">
-</text><text class="terminal-1033366556-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1033366556-line-3)">
-</text><text class="terminal-1033366556-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1033366556-line-4)">
-</text><text class="terminal-1033366556-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1033366556-line-5)">
-</text><text class="terminal-1033366556-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1033366556-line-6)">
-</text><text class="terminal-1033366556-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1033366556-line-7)">
-</text><text class="terminal-1033366556-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1033366556-line-8)">
-</text><text class="terminal-1033366556-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1033366556-line-9)">
-</text><text class="terminal-1033366556-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1033366556-line-10)">
-</text><text class="terminal-1033366556-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-1033366556-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1033366556-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1033366556-line-11)">
-</text><text class="terminal-1033366556-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1033366556-line-12)">
-</text><text class="terminal-1033366556-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1033366556-line-13)">
-</text><text class="terminal-1033366556-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1033366556-line-14)">
-</text><text class="terminal-1033366556-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1033366556-line-15)">
-</text><text class="terminal-1033366556-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1033366556-line-16)">
-</text><text class="terminal-1033366556-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1033366556-line-17)">
-</text><text class="terminal-1033366556-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1033366556-line-18)">
-</text><text class="terminal-1033366556-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1033366556-line-19)">
-</text><text class="terminal-1033366556-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1033366556-line-20)">
-</text><text class="terminal-1033366556-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1033366556-line-21)">
-</text><text class="terminal-1033366556-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1033366556-line-22)">
-</text><text class="terminal-1033366556-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-1033366556-line-23)">^t</text><text class="terminal-1033366556-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-1033366556-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-1033366556-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-1033366556-line-23)">^q</text><text class="terminal-1033366556-r4" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-1033366556-line-23)">&#160;Quit</text><text class="terminal-1033366556-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1033366556-line-23)">^p</text><text class="terminal-1033366556-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1033366556-line-23)">&#160;palette</text>
+    <g class="terminal-764218369-matrix">
+    <text class="terminal-764218369-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-764218369-line-0)">
+</text><text class="terminal-764218369-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-764218369-line-1)">
+</text><text class="terminal-764218369-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-764218369-line-2)">
+</text><text class="terminal-764218369-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-764218369-line-3)">
+</text><text class="terminal-764218369-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-764218369-line-4)">
+</text><text class="terminal-764218369-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-764218369-line-5)">
+</text><text class="terminal-764218369-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-764218369-line-6)">
+</text><text class="terminal-764218369-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-764218369-line-7)">
+</text><text class="terminal-764218369-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-764218369-line-8)">
+</text><text class="terminal-764218369-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-764218369-line-9)">
+</text><text class="terminal-764218369-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-764218369-line-10)">
+</text><text class="terminal-764218369-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-764218369-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-764218369-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-764218369-line-11)">
+</text><text class="terminal-764218369-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-764218369-line-12)">
+</text><text class="terminal-764218369-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-764218369-line-13)">
+</text><text class="terminal-764218369-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-764218369-line-14)">
+</text><text class="terminal-764218369-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-764218369-line-15)">
+</text><text class="terminal-764218369-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-764218369-line-16)">
+</text><text class="terminal-764218369-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-764218369-line-17)">
+</text><text class="terminal-764218369-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-764218369-line-18)">
+</text><text class="terminal-764218369-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-764218369-line-19)">
+</text><text class="terminal-764218369-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-764218369-line-20)">
+</text><text class="terminal-764218369-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-764218369-line-21)">
+</text><text class="terminal-764218369-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-764218369-line-22)">
+</text><text class="terminal-764218369-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-764218369-line-23)">^t</text><text class="terminal-764218369-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-764218369-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-764218369-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-764218369-line-23)">^q</text><text class="terminal-764218369-r4" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-764218369-line-23)">&#160;Quit</text><text class="terminal-764218369-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-764218369-line-23)">▏</text><text class="terminal-764218369-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-764218369-line-23)">^p</text><text class="terminal-764218369-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-764218369-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg
index 0592fc3343..5b09582fac 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_compact_with_hover.svg
@@ -19,136 +19,137 @@
         font-weight: 700;
     }
 
-    .terminal-3320048501-matrix {
+    .terminal-2000227162-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3320048501-title {
+    .terminal-2000227162-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3320048501-r1 { fill: #e1e1e1 }
-.terminal-3320048501-r2 { fill: #c5c8c6 }
-.terminal-3320048501-r3 { fill: #fea62b;font-weight: bold }
-.terminal-3320048501-r4 { fill: #dddedf }
-.terminal-3320048501-r5 { fill: #e2e3e3 }
-.terminal-3320048501-r6 { fill: #a7a9ab }
+    .terminal-2000227162-r1 { fill: #e1e1e1 }
+.terminal-2000227162-r2 { fill: #c5c8c6 }
+.terminal-2000227162-r3 { fill: #fea62b;font-weight: bold }
+.terminal-2000227162-r4 { fill: #dddedf }
+.terminal-2000227162-r5 { fill: #e2e3e3 }
+.terminal-2000227162-r6 { fill: #a7a9ab }
+.terminal-2000227162-r7 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3320048501-clip-terminal">
+    <clipPath id="terminal-2000227162-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3320048501-line-0">
+    <clipPath id="terminal-2000227162-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-1">
+<clipPath id="terminal-2000227162-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-2">
+<clipPath id="terminal-2000227162-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-3">
+<clipPath id="terminal-2000227162-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-4">
+<clipPath id="terminal-2000227162-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-5">
+<clipPath id="terminal-2000227162-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-6">
+<clipPath id="terminal-2000227162-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-7">
+<clipPath id="terminal-2000227162-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-8">
+<clipPath id="terminal-2000227162-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-9">
+<clipPath id="terminal-2000227162-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-10">
+<clipPath id="terminal-2000227162-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-11">
+<clipPath id="terminal-2000227162-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-12">
+<clipPath id="terminal-2000227162-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-13">
+<clipPath id="terminal-2000227162-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-14">
+<clipPath id="terminal-2000227162-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-15">
+<clipPath id="terminal-2000227162-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-16">
+<clipPath id="terminal-2000227162-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-17">
+<clipPath id="terminal-2000227162-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-18">
+<clipPath id="terminal-2000227162-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-19">
+<clipPath id="terminal-2000227162-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-20">
+<clipPath id="terminal-2000227162-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-21">
+<clipPath id="terminal-2000227162-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3320048501-line-22">
+<clipPath id="terminal-2000227162-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3320048501-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2000227162-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3320048501-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2000227162-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="24.4" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="390.4" y="562.7" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3320048501-matrix">
-    <text class="terminal-3320048501-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3320048501-line-0)">
-</text><text class="terminal-3320048501-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3320048501-line-1)">
-</text><text class="terminal-3320048501-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3320048501-line-2)">
-</text><text class="terminal-3320048501-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3320048501-line-3)">
-</text><text class="terminal-3320048501-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3320048501-line-4)">
-</text><text class="terminal-3320048501-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3320048501-line-5)">
-</text><text class="terminal-3320048501-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3320048501-line-6)">
-</text><text class="terminal-3320048501-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3320048501-line-7)">
-</text><text class="terminal-3320048501-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3320048501-line-8)">
-</text><text class="terminal-3320048501-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3320048501-line-9)">
-</text><text class="terminal-3320048501-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3320048501-line-10)">
-</text><text class="terminal-3320048501-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3320048501-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3320048501-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3320048501-line-11)">
-</text><text class="terminal-3320048501-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3320048501-line-12)">
-</text><text class="terminal-3320048501-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3320048501-line-13)">
-</text><text class="terminal-3320048501-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3320048501-line-14)">
-</text><text class="terminal-3320048501-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3320048501-line-15)">
-</text><text class="terminal-3320048501-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3320048501-line-16)">
-</text><text class="terminal-3320048501-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3320048501-line-17)">
-</text><text class="terminal-3320048501-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3320048501-line-18)">
-</text><text class="terminal-3320048501-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3320048501-line-19)">
-</text><text class="terminal-3320048501-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3320048501-line-20)">
-</text><text class="terminal-3320048501-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3320048501-line-21)">
-</text><text class="terminal-3320048501-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3320048501-line-22)">
-</text><text class="terminal-3320048501-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-3320048501-line-23)">^t</text><text class="terminal-3320048501-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-3320048501-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-3320048501-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-3320048501-line-23)">^q</text><text class="terminal-3320048501-r6" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-3320048501-line-23)">&#160;Quit</text><text class="terminal-3320048501-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3320048501-line-23)">^p</text><text class="terminal-3320048501-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3320048501-line-23)">&#160;palette</text>
+    <g class="terminal-2000227162-matrix">
+    <text class="terminal-2000227162-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2000227162-line-0)">
+</text><text class="terminal-2000227162-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2000227162-line-1)">
+</text><text class="terminal-2000227162-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2000227162-line-2)">
+</text><text class="terminal-2000227162-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2000227162-line-3)">
+</text><text class="terminal-2000227162-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2000227162-line-4)">
+</text><text class="terminal-2000227162-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2000227162-line-5)">
+</text><text class="terminal-2000227162-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2000227162-line-6)">
+</text><text class="terminal-2000227162-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2000227162-line-7)">
+</text><text class="terminal-2000227162-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2000227162-line-8)">
+</text><text class="terminal-2000227162-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2000227162-line-9)">
+</text><text class="terminal-2000227162-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2000227162-line-10)">
+</text><text class="terminal-2000227162-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2000227162-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Compact&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2000227162-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2000227162-line-11)">
+</text><text class="terminal-2000227162-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2000227162-line-12)">
+</text><text class="terminal-2000227162-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2000227162-line-13)">
+</text><text class="terminal-2000227162-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2000227162-line-14)">
+</text><text class="terminal-2000227162-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2000227162-line-15)">
+</text><text class="terminal-2000227162-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2000227162-line-16)">
+</text><text class="terminal-2000227162-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2000227162-line-17)">
+</text><text class="terminal-2000227162-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2000227162-line-18)">
+</text><text class="terminal-2000227162-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2000227162-line-19)">
+</text><text class="terminal-2000227162-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2000227162-line-20)">
+</text><text class="terminal-2000227162-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2000227162-line-21)">
+</text><text class="terminal-2000227162-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2000227162-line-22)">
+</text><text class="terminal-2000227162-r3" x="0" y="581.2" textLength="24.4" clip-path="url(#terminal-2000227162-line-23)">^t</text><text class="terminal-2000227162-r4" x="24.4" y="581.2" textLength="268.4" clip-path="url(#terminal-2000227162-line-23)">&#160;Toggle&#160;Compact&#160;Footer</text><text class="terminal-2000227162-r3" x="305" y="581.2" textLength="24.4" clip-path="url(#terminal-2000227162-line-23)">^q</text><text class="terminal-2000227162-r6" x="329.4" y="581.2" textLength="61" clip-path="url(#terminal-2000227162-line-23)">&#160;Quit</text><text class="terminal-2000227162-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2000227162-line-23)">▏</text><text class="terminal-2000227162-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2000227162-line-23)">^p</text><text class="terminal-2000227162-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2000227162-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg
index 30a8bce154..c7c809b082 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_render.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-421670993-matrix {
+    .terminal-3931197479-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-421670993-title {
+    .terminal-3931197479-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-421670993-r1 { fill: #e1e1e1 }
-.terminal-421670993-r2 { fill: #c5c8c6 }
-.terminal-421670993-r3 { fill: #fea62b;font-weight: bold }
-.terminal-421670993-r4 { fill: #a7a9ab }
-.terminal-421670993-r5 { fill: #e2e3e3 }
+    .terminal-3931197479-r1 { fill: #e1e1e1 }
+.terminal-3931197479-r2 { fill: #c5c8c6 }
+.terminal-3931197479-r3 { fill: #fea62b;font-weight: bold }
+.terminal-3931197479-r4 { fill: #a7a9ab }
+.terminal-3931197479-r5 { fill: #e2e3e3 }
+.terminal-3931197479-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-421670993-clip-terminal">
+    <clipPath id="terminal-3931197479-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-421670993-line-0">
+    <clipPath id="terminal-3931197479-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-1">
+<clipPath id="terminal-3931197479-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-2">
+<clipPath id="terminal-3931197479-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-3">
+<clipPath id="terminal-3931197479-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-4">
+<clipPath id="terminal-3931197479-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-5">
+<clipPath id="terminal-3931197479-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-6">
+<clipPath id="terminal-3931197479-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-7">
+<clipPath id="terminal-3931197479-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-8">
+<clipPath id="terminal-3931197479-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-9">
+<clipPath id="terminal-3931197479-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-10">
+<clipPath id="terminal-3931197479-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-11">
+<clipPath id="terminal-3931197479-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-12">
+<clipPath id="terminal-3931197479-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-13">
+<clipPath id="terminal-3931197479-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-14">
+<clipPath id="terminal-3931197479-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-15">
+<clipPath id="terminal-3931197479-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-16">
+<clipPath id="terminal-3931197479-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-17">
+<clipPath id="terminal-3931197479-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-18">
+<clipPath id="terminal-3931197479-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-19">
+<clipPath id="terminal-3931197479-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-20">
+<clipPath id="terminal-3931197479-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-21">
+<clipPath id="terminal-3931197479-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-421670993-line-22">
+<clipPath id="terminal-3931197479-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-421670993-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FooterApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3931197479-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">FooterApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-421670993-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3931197479-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="744.2" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-421670993-matrix">
-    <text class="terminal-421670993-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-421670993-line-0)">
-</text><text class="terminal-421670993-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-421670993-line-1)">
-</text><text class="terminal-421670993-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-421670993-line-2)">
-</text><text class="terminal-421670993-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-421670993-line-3)">
-</text><text class="terminal-421670993-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-421670993-line-4)">
-</text><text class="terminal-421670993-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-421670993-line-5)">
-</text><text class="terminal-421670993-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-421670993-line-6)">
-</text><text class="terminal-421670993-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-421670993-line-7)">
-</text><text class="terminal-421670993-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-421670993-line-8)">
-</text><text class="terminal-421670993-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-421670993-line-9)">
-</text><text class="terminal-421670993-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-421670993-line-10)">
-</text><text class="terminal-421670993-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-421670993-line-11)">
-</text><text class="terminal-421670993-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-421670993-line-12)">
-</text><text class="terminal-421670993-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-421670993-line-13)">
-</text><text class="terminal-421670993-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-421670993-line-14)">
-</text><text class="terminal-421670993-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-421670993-line-15)">
-</text><text class="terminal-421670993-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-421670993-line-16)">
-</text><text class="terminal-421670993-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-421670993-line-17)">
-</text><text class="terminal-421670993-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-421670993-line-18)">
-</text><text class="terminal-421670993-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-421670993-line-19)">
-</text><text class="terminal-421670993-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-421670993-line-20)">
-</text><text class="terminal-421670993-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-421670993-line-21)">
-</text><text class="terminal-421670993-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-421670993-line-22)">
-</text><text class="terminal-421670993-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-421670993-line-23)">&#160;q&#160;</text><text class="terminal-421670993-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-421670993-line-23)">Quit&#160;the&#160;app&#160;</text><text class="terminal-421670993-r3" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-421670993-line-23)">&#160;?&#160;</text><text class="terminal-421670993-r4" x="231.8" y="581.2" textLength="207.4" clip-path="url(#terminal-421670993-line-23)">Show&#160;help&#160;screen&#160;</text><text class="terminal-421670993-r3" x="439.2" y="581.2" textLength="97.6" clip-path="url(#terminal-421670993-line-23)">&#160;delete&#160;</text><text class="terminal-421670993-r4" x="536.8" y="581.2" textLength="207.4" clip-path="url(#terminal-421670993-line-23)">Delete&#160;the&#160;thing&#160;</text><text class="terminal-421670993-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-421670993-line-23)">^p</text><text class="terminal-421670993-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-421670993-line-23)">&#160;palette</text>
+    <g class="terminal-3931197479-matrix">
+    <text class="terminal-3931197479-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3931197479-line-0)">
+</text><text class="terminal-3931197479-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3931197479-line-1)">
+</text><text class="terminal-3931197479-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3931197479-line-2)">
+</text><text class="terminal-3931197479-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3931197479-line-3)">
+</text><text class="terminal-3931197479-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3931197479-line-4)">
+</text><text class="terminal-3931197479-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3931197479-line-5)">
+</text><text class="terminal-3931197479-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3931197479-line-6)">
+</text><text class="terminal-3931197479-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3931197479-line-7)">
+</text><text class="terminal-3931197479-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3931197479-line-8)">
+</text><text class="terminal-3931197479-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3931197479-line-9)">
+</text><text class="terminal-3931197479-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3931197479-line-10)">
+</text><text class="terminal-3931197479-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3931197479-line-11)">
+</text><text class="terminal-3931197479-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3931197479-line-12)">
+</text><text class="terminal-3931197479-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3931197479-line-13)">
+</text><text class="terminal-3931197479-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3931197479-line-14)">
+</text><text class="terminal-3931197479-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3931197479-line-15)">
+</text><text class="terminal-3931197479-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3931197479-line-16)">
+</text><text class="terminal-3931197479-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3931197479-line-17)">
+</text><text class="terminal-3931197479-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3931197479-line-18)">
+</text><text class="terminal-3931197479-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3931197479-line-19)">
+</text><text class="terminal-3931197479-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3931197479-line-20)">
+</text><text class="terminal-3931197479-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3931197479-line-21)">
+</text><text class="terminal-3931197479-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3931197479-line-22)">
+</text><text class="terminal-3931197479-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3931197479-line-23)">&#160;q&#160;</text><text class="terminal-3931197479-r4" x="36.6" y="581.2" textLength="158.6" clip-path="url(#terminal-3931197479-line-23)">Quit&#160;the&#160;app&#160;</text><text class="terminal-3931197479-r3" x="195.2" y="581.2" textLength="36.6" clip-path="url(#terminal-3931197479-line-23)">&#160;?&#160;</text><text class="terminal-3931197479-r4" x="231.8" y="581.2" textLength="207.4" clip-path="url(#terminal-3931197479-line-23)">Show&#160;help&#160;screen&#160;</text><text class="terminal-3931197479-r3" x="439.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3931197479-line-23)">&#160;delete&#160;</text><text class="terminal-3931197479-r4" x="536.8" y="581.2" textLength="207.4" clip-path="url(#terminal-3931197479-line-23)">Delete&#160;the&#160;thing&#160;</text><text class="terminal-3931197479-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3931197479-line-23)">▏</text><text class="terminal-3931197479-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3931197479-line-23)">^p</text><text class="terminal-3931197479-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3931197479-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg
index 7c5b7a1636..e1f9d6c625 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_after_reactive_change.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-3942295810-matrix {
+    .terminal-2948188376-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3942295810-title {
+    .terminal-2948188376-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3942295810-r1 { fill: #e1e1e1 }
-.terminal-3942295810-r2 { fill: #c5c8c6 }
-.terminal-3942295810-r3 { fill: #fea62b;font-weight: bold }
-.terminal-3942295810-r4 { fill: #a7a9ab }
-.terminal-3942295810-r5 { fill: #e2e3e3 }
+    .terminal-2948188376-r1 { fill: #e1e1e1 }
+.terminal-2948188376-r2 { fill: #c5c8c6 }
+.terminal-2948188376-r3 { fill: #fea62b;font-weight: bold }
+.terminal-2948188376-r4 { fill: #a7a9ab }
+.terminal-2948188376-r5 { fill: #e2e3e3 }
+.terminal-2948188376-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3942295810-clip-terminal">
+    <clipPath id="terminal-2948188376-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3942295810-line-0">
+    <clipPath id="terminal-2948188376-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-1">
+<clipPath id="terminal-2948188376-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-2">
+<clipPath id="terminal-2948188376-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-3">
+<clipPath id="terminal-2948188376-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-4">
+<clipPath id="terminal-2948188376-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-5">
+<clipPath id="terminal-2948188376-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-6">
+<clipPath id="terminal-2948188376-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-7">
+<clipPath id="terminal-2948188376-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-8">
+<clipPath id="terminal-2948188376-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-9">
+<clipPath id="terminal-2948188376-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-10">
+<clipPath id="terminal-2948188376-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-11">
+<clipPath id="terminal-2948188376-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-12">
+<clipPath id="terminal-2948188376-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-13">
+<clipPath id="terminal-2948188376-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-14">
+<clipPath id="terminal-2948188376-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-15">
+<clipPath id="terminal-2948188376-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-16">
+<clipPath id="terminal-2948188376-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-17">
+<clipPath id="terminal-2948188376-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-18">
+<clipPath id="terminal-2948188376-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-19">
+<clipPath id="terminal-2948188376-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-20">
+<clipPath id="terminal-2948188376-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-21">
+<clipPath id="terminal-2948188376-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3942295810-line-22">
+<clipPath id="terminal-2948188376-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3942295810-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2948188376-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3942295810-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2948188376-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3942295810-matrix">
-    <text class="terminal-3942295810-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3942295810-line-0)">
-</text><text class="terminal-3942295810-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3942295810-line-1)">
-</text><text class="terminal-3942295810-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3942295810-line-2)">
-</text><text class="terminal-3942295810-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3942295810-line-3)">
-</text><text class="terminal-3942295810-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3942295810-line-4)">
-</text><text class="terminal-3942295810-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3942295810-line-5)">
-</text><text class="terminal-3942295810-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3942295810-line-6)">
-</text><text class="terminal-3942295810-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3942295810-line-7)">
-</text><text class="terminal-3942295810-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3942295810-line-8)">
-</text><text class="terminal-3942295810-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3942295810-line-9)">
-</text><text class="terminal-3942295810-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3942295810-line-10)">
-</text><text class="terminal-3942295810-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-3942295810-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3942295810-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3942295810-line-11)">
-</text><text class="terminal-3942295810-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3942295810-line-12)">
-</text><text class="terminal-3942295810-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3942295810-line-13)">
-</text><text class="terminal-3942295810-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3942295810-line-14)">
-</text><text class="terminal-3942295810-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3942295810-line-15)">
-</text><text class="terminal-3942295810-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3942295810-line-16)">
-</text><text class="terminal-3942295810-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3942295810-line-17)">
-</text><text class="terminal-3942295810-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3942295810-line-18)">
-</text><text class="terminal-3942295810-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3942295810-line-19)">
-</text><text class="terminal-3942295810-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3942295810-line-20)">
-</text><text class="terminal-3942295810-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3942295810-line-21)">
-</text><text class="terminal-3942295810-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3942295810-line-22)">
-</text><text class="terminal-3942295810-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-3942295810-line-23)">&#160;^t&#160;</text><text class="terminal-3942295810-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-3942295810-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-3942295810-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-3942295810-line-23)">&#160;^q&#160;</text><text class="terminal-3942295810-r4" x="366" y="581.2" textLength="61" clip-path="url(#terminal-3942295810-line-23)">Quit&#160;</text><text class="terminal-3942295810-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3942295810-line-23)">^p</text><text class="terminal-3942295810-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3942295810-line-23)">&#160;palette</text>
+    <g class="terminal-2948188376-matrix">
+    <text class="terminal-2948188376-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2948188376-line-0)">
+</text><text class="terminal-2948188376-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2948188376-line-1)">
+</text><text class="terminal-2948188376-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2948188376-line-2)">
+</text><text class="terminal-2948188376-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2948188376-line-3)">
+</text><text class="terminal-2948188376-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2948188376-line-4)">
+</text><text class="terminal-2948188376-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2948188376-line-5)">
+</text><text class="terminal-2948188376-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2948188376-line-6)">
+</text><text class="terminal-2948188376-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2948188376-line-7)">
+</text><text class="terminal-2948188376-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2948188376-line-8)">
+</text><text class="terminal-2948188376-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2948188376-line-9)">
+</text><text class="terminal-2948188376-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2948188376-line-10)">
+</text><text class="terminal-2948188376-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2948188376-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2948188376-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2948188376-line-11)">
+</text><text class="terminal-2948188376-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2948188376-line-12)">
+</text><text class="terminal-2948188376-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2948188376-line-13)">
+</text><text class="terminal-2948188376-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2948188376-line-14)">
+</text><text class="terminal-2948188376-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2948188376-line-15)">
+</text><text class="terminal-2948188376-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2948188376-line-16)">
+</text><text class="terminal-2948188376-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2948188376-line-17)">
+</text><text class="terminal-2948188376-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2948188376-line-18)">
+</text><text class="terminal-2948188376-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2948188376-line-19)">
+</text><text class="terminal-2948188376-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2948188376-line-20)">
+</text><text class="terminal-2948188376-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2948188376-line-21)">
+</text><text class="terminal-2948188376-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2948188376-line-22)">
+</text><text class="terminal-2948188376-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-2948188376-line-23)">&#160;^t&#160;</text><text class="terminal-2948188376-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-2948188376-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-2948188376-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-2948188376-line-23)">&#160;^q&#160;</text><text class="terminal-2948188376-r4" x="366" y="581.2" textLength="61" clip-path="url(#terminal-2948188376-line-23)">Quit&#160;</text><text class="terminal-2948188376-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2948188376-line-23)">▏</text><text class="terminal-2948188376-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2948188376-line-23)">^p</text><text class="terminal-2948188376-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2948188376-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg
index 2cc3db6f7b..2a5f61508c 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_footer_standard_with_hover.svg
@@ -19,136 +19,137 @@
         font-weight: 700;
     }
 
-    .terminal-4229998683-matrix {
+    .terminal-2185218097-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-4229998683-title {
+    .terminal-2185218097-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-4229998683-r1 { fill: #e1e1e1 }
-.terminal-4229998683-r2 { fill: #c5c8c6 }
-.terminal-4229998683-r3 { fill: #fea62b;font-weight: bold }
-.terminal-4229998683-r4 { fill: #dddedf }
-.terminal-4229998683-r5 { fill: #a7a9ab }
-.terminal-4229998683-r6 { fill: #e2e3e3 }
+    .terminal-2185218097-r1 { fill: #e1e1e1 }
+.terminal-2185218097-r2 { fill: #c5c8c6 }
+.terminal-2185218097-r3 { fill: #fea62b;font-weight: bold }
+.terminal-2185218097-r4 { fill: #dddedf }
+.terminal-2185218097-r5 { fill: #a7a9ab }
+.terminal-2185218097-r6 { fill: #e2e3e3 }
+.terminal-2185218097-r7 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-4229998683-clip-terminal">
+    <clipPath id="terminal-2185218097-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-4229998683-line-0">
+    <clipPath id="terminal-2185218097-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-1">
+<clipPath id="terminal-2185218097-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-2">
+<clipPath id="terminal-2185218097-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-3">
+<clipPath id="terminal-2185218097-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-4">
+<clipPath id="terminal-2185218097-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-5">
+<clipPath id="terminal-2185218097-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-6">
+<clipPath id="terminal-2185218097-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-7">
+<clipPath id="terminal-2185218097-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-8">
+<clipPath id="terminal-2185218097-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-9">
+<clipPath id="terminal-2185218097-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-10">
+<clipPath id="terminal-2185218097-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-11">
+<clipPath id="terminal-2185218097-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-12">
+<clipPath id="terminal-2185218097-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-13">
+<clipPath id="terminal-2185218097-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-14">
+<clipPath id="terminal-2185218097-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-15">
+<clipPath id="terminal-2185218097-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-16">
+<clipPath id="terminal-2185218097-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-17">
+<clipPath id="terminal-2185218097-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-18">
+<clipPath id="terminal-2185218097-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-19">
+<clipPath id="terminal-2185218097-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-20">
+<clipPath id="terminal-2185218097-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-21">
+<clipPath id="terminal-2185218097-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4229998683-line-22">
+<clipPath id="terminal-2185218097-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4229998683-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2185218097-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ToggleCompactFooterApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-4229998683-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2185218097-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="0" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#00050f" x="48.8" y="562.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="366" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="427" y="562.7" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-4229998683-matrix">
-    <text class="terminal-4229998683-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4229998683-line-0)">
-</text><text class="terminal-4229998683-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4229998683-line-1)">
-</text><text class="terminal-4229998683-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4229998683-line-2)">
-</text><text class="terminal-4229998683-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4229998683-line-3)">
-</text><text class="terminal-4229998683-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4229998683-line-4)">
-</text><text class="terminal-4229998683-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4229998683-line-5)">
-</text><text class="terminal-4229998683-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4229998683-line-6)">
-</text><text class="terminal-4229998683-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4229998683-line-7)">
-</text><text class="terminal-4229998683-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4229998683-line-8)">
-</text><text class="terminal-4229998683-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4229998683-line-9)">
-</text><text class="terminal-4229998683-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4229998683-line-10)">
-</text><text class="terminal-4229998683-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-4229998683-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4229998683-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4229998683-line-11)">
-</text><text class="terminal-4229998683-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4229998683-line-12)">
-</text><text class="terminal-4229998683-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4229998683-line-13)">
-</text><text class="terminal-4229998683-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4229998683-line-14)">
-</text><text class="terminal-4229998683-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4229998683-line-15)">
-</text><text class="terminal-4229998683-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4229998683-line-16)">
-</text><text class="terminal-4229998683-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4229998683-line-17)">
-</text><text class="terminal-4229998683-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4229998683-line-18)">
-</text><text class="terminal-4229998683-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4229998683-line-19)">
-</text><text class="terminal-4229998683-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4229998683-line-20)">
-</text><text class="terminal-4229998683-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4229998683-line-21)">
-</text><text class="terminal-4229998683-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4229998683-line-22)">
-</text><text class="terminal-4229998683-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-4229998683-line-23)">&#160;^t&#160;</text><text class="terminal-4229998683-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-4229998683-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-4229998683-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-4229998683-line-23)">&#160;^q&#160;</text><text class="terminal-4229998683-r5" x="366" y="581.2" textLength="61" clip-path="url(#terminal-4229998683-line-23)">Quit&#160;</text><text class="terminal-4229998683-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4229998683-line-23)">^p</text><text class="terminal-4229998683-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4229998683-line-23)">&#160;palette</text>
+    <g class="terminal-2185218097-matrix">
+    <text class="terminal-2185218097-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2185218097-line-0)">
+</text><text class="terminal-2185218097-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2185218097-line-1)">
+</text><text class="terminal-2185218097-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2185218097-line-2)">
+</text><text class="terminal-2185218097-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2185218097-line-3)">
+</text><text class="terminal-2185218097-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2185218097-line-4)">
+</text><text class="terminal-2185218097-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2185218097-line-5)">
+</text><text class="terminal-2185218097-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2185218097-line-6)">
+</text><text class="terminal-2185218097-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2185218097-line-7)">
+</text><text class="terminal-2185218097-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2185218097-line-8)">
+</text><text class="terminal-2185218097-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2185218097-line-9)">
+</text><text class="terminal-2185218097-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2185218097-line-10)">
+</text><text class="terminal-2185218097-r1" x="0" y="288.4" textLength="976" clip-path="url(#terminal-2185218097-line-11)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Standard&#160;Footer&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2185218097-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2185218097-line-11)">
+</text><text class="terminal-2185218097-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2185218097-line-12)">
+</text><text class="terminal-2185218097-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2185218097-line-13)">
+</text><text class="terminal-2185218097-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2185218097-line-14)">
+</text><text class="terminal-2185218097-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2185218097-line-15)">
+</text><text class="terminal-2185218097-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2185218097-line-16)">
+</text><text class="terminal-2185218097-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2185218097-line-17)">
+</text><text class="terminal-2185218097-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2185218097-line-18)">
+</text><text class="terminal-2185218097-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2185218097-line-19)">
+</text><text class="terminal-2185218097-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2185218097-line-20)">
+</text><text class="terminal-2185218097-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2185218097-line-21)">
+</text><text class="terminal-2185218097-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2185218097-line-22)">
+</text><text class="terminal-2185218097-r3" x="0" y="581.2" textLength="48.8" clip-path="url(#terminal-2185218097-line-23)">&#160;^t&#160;</text><text class="terminal-2185218097-r4" x="48.8" y="581.2" textLength="268.4" clip-path="url(#terminal-2185218097-line-23)">Toggle&#160;Compact&#160;Footer&#160;</text><text class="terminal-2185218097-r3" x="317.2" y="581.2" textLength="48.8" clip-path="url(#terminal-2185218097-line-23)">&#160;^q&#160;</text><text class="terminal-2185218097-r5" x="366" y="581.2" textLength="61" clip-path="url(#terminal-2185218097-line-23)">Quit&#160;</text><text class="terminal-2185218097-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2185218097-line-23)">▏</text><text class="terminal-2185218097-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2185218097-line-23)">^p</text><text class="terminal-2185218097-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2185218097-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg
index 0629385fa0..6a0fe7c75e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_fr_unit_with_min.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-385035453-matrix {
+    .terminal-1893813395-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-385035453-title {
+    .terminal-1893813395-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-385035453-r1 { fill: #c5c8c6 }
-.terminal-385035453-r2 { fill: #e3e3e3 }
-.terminal-385035453-r3 { fill: #ddddff }
-.terminal-385035453-r4 { fill: #e3e4e5 }
-.terminal-385035453-r5 { fill: #e2e3e3 }
-.terminal-385035453-r6 { fill: #14191f }
-.terminal-385035453-r7 { fill: #fea62b;font-weight: bold }
-.terminal-385035453-r8 { fill: #a7a9ab }
+    .terminal-1893813395-r1 { fill: #c5c8c6 }
+.terminal-1893813395-r2 { fill: #e3e3e3 }
+.terminal-1893813395-r3 { fill: #ddddff }
+.terminal-1893813395-r4 { fill: #e3e4e5 }
+.terminal-1893813395-r5 { fill: #e2e3e3 }
+.terminal-1893813395-r6 { fill: #14191f }
+.terminal-1893813395-r7 { fill: #4c5055 }
+.terminal-1893813395-r8 { fill: #fea62b;font-weight: bold }
+.terminal-1893813395-r9 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-385035453-clip-terminal">
+    <clipPath id="terminal-1893813395-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-385035453-line-0">
+    <clipPath id="terminal-1893813395-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-1">
+<clipPath id="terminal-1893813395-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-2">
+<clipPath id="terminal-1893813395-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-3">
+<clipPath id="terminal-1893813395-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-4">
+<clipPath id="terminal-1893813395-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-5">
+<clipPath id="terminal-1893813395-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-6">
+<clipPath id="terminal-1893813395-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-7">
+<clipPath id="terminal-1893813395-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-8">
+<clipPath id="terminal-1893813395-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-9">
+<clipPath id="terminal-1893813395-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-10">
+<clipPath id="terminal-1893813395-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-11">
+<clipPath id="terminal-1893813395-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-12">
+<clipPath id="terminal-1893813395-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-13">
+<clipPath id="terminal-1893813395-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-14">
+<clipPath id="terminal-1893813395-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-15">
+<clipPath id="terminal-1893813395-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-16">
+<clipPath id="terminal-1893813395-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-17">
+<clipPath id="terminal-1893813395-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-18">
+<clipPath id="terminal-1893813395-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-19">
+<clipPath id="terminal-1893813395-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-20">
+<clipPath id="terminal-1893813395-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-21">
+<clipPath id="terminal-1893813395-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-385035453-line-22">
+<clipPath id="terminal-1893813395-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-385035453-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScreenSplitApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1893813395-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScreenSplitApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-385035453-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1893813395-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="561.2" y="1.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="25.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="25.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="25.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="50.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="50.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="50.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="74.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="74.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="463.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="74.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="99.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="99.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="99.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="99.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="99.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="123.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="123.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="123.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="147.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="147.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="147.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="172.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="172.3" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="172.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="196.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="196.7" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="196.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="221.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="221.1" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="221.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="245.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="245.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="573.4" y="245.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="245.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="269.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="269.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="294.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="294.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="318.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="318.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="318.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="343.1" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="343.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="343.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="367.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="367.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="367.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="367.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="391.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="391.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="391.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="391.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="391.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="416.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="416.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="416.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="416.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="416.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="440.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="440.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="440.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="440.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="440.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="465.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="465.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="465.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="465.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="465.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="489.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="353.8" y="489.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="489.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="489.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="489.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="513.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="513.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="451.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="513.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="513.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="513.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0000ff" x="0" y="538.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="244" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="256.2" y="538.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="366" y="538.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="463.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="488" y="538.3" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="561.2" y="538.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#2c3137" x="866.2" y="538.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-385035453-matrix">
-    <text class="terminal-385035453-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-385035453-line-0)">⭘</text><text class="terminal-385035453-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-385035453-line-0)">ScreenSplitApp</text><text class="terminal-385035453-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-385035453-line-0)">
-</text><text class="terminal-385035453-r4" x="256.2" y="44.4" textLength="195.2" clip-path="url(#terminal-385035453-line-1)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="573.4" y="44.4" textLength="292.8" clip-path="url(#terminal-385035453-line-1)">This&#160;is&#160;content&#160;number&#160;0</text><text class="terminal-385035453-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-385035453-line-1)">
-</text><text class="terminal-385035453-r4" x="256.2" y="68.8" textLength="97.6" clip-path="url(#terminal-385035453-line-2)">number&#160;0</text><text class="terminal-385035453-r4" x="573.4" y="68.8" textLength="292.8" clip-path="url(#terminal-385035453-line-2)">This&#160;is&#160;content&#160;number&#160;1</text><text class="terminal-385035453-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-385035453-line-2)">
-</text><text class="terminal-385035453-r4" x="256.2" y="93.2" textLength="195.2" clip-path="url(#terminal-385035453-line-3)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r6" x="463.6" y="93.2" textLength="24.4" clip-path="url(#terminal-385035453-line-3)">▄▄</text><text class="terminal-385035453-r4" x="573.4" y="93.2" textLength="292.8" clip-path="url(#terminal-385035453-line-3)">This&#160;is&#160;content&#160;number&#160;2</text><text class="terminal-385035453-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-385035453-line-3)">
-</text><text class="terminal-385035453-r4" x="256.2" y="117.6" textLength="97.6" clip-path="url(#terminal-385035453-line-4)">number&#160;1</text><text class="terminal-385035453-r4" x="573.4" y="117.6" textLength="292.8" clip-path="url(#terminal-385035453-line-4)">This&#160;is&#160;content&#160;number&#160;3</text><text class="terminal-385035453-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-385035453-line-4)">
-</text><text class="terminal-385035453-r4" x="256.2" y="142" textLength="195.2" clip-path="url(#terminal-385035453-line-5)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="573.4" y="142" textLength="292.8" clip-path="url(#terminal-385035453-line-5)">This&#160;is&#160;content&#160;number&#160;4</text><text class="terminal-385035453-r6" x="951.6" y="142" textLength="24.4" clip-path="url(#terminal-385035453-line-5)">▁▁</text><text class="terminal-385035453-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-385035453-line-5)">
-</text><text class="terminal-385035453-r4" x="256.2" y="166.4" textLength="97.6" clip-path="url(#terminal-385035453-line-6)">number&#160;2</text><text class="terminal-385035453-r4" x="573.4" y="166.4" textLength="292.8" clip-path="url(#terminal-385035453-line-6)">This&#160;is&#160;content&#160;number&#160;5</text><text class="terminal-385035453-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-385035453-line-6)">
-</text><text class="terminal-385035453-r4" x="256.2" y="190.8" textLength="195.2" clip-path="url(#terminal-385035453-line-7)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="573.4" y="190.8" textLength="292.8" clip-path="url(#terminal-385035453-line-7)">This&#160;is&#160;content&#160;number&#160;6</text><text class="terminal-385035453-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-385035453-line-7)">
-</text><text class="terminal-385035453-r4" x="256.2" y="215.2" textLength="97.6" clip-path="url(#terminal-385035453-line-8)">number&#160;3</text><text class="terminal-385035453-r4" x="573.4" y="215.2" textLength="292.8" clip-path="url(#terminal-385035453-line-8)">This&#160;is&#160;content&#160;number&#160;7</text><text class="terminal-385035453-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-385035453-line-8)">
-</text><text class="terminal-385035453-r4" x="256.2" y="239.6" textLength="195.2" clip-path="url(#terminal-385035453-line-9)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="573.4" y="239.6" textLength="292.8" clip-path="url(#terminal-385035453-line-9)">This&#160;is&#160;content&#160;number&#160;8</text><text class="terminal-385035453-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-385035453-line-9)">
-</text><text class="terminal-385035453-r4" x="256.2" y="264" textLength="97.6" clip-path="url(#terminal-385035453-line-10)">number&#160;4</text><text class="terminal-385035453-r4" x="573.4" y="264" textLength="292.8" clip-path="url(#terminal-385035453-line-10)">This&#160;is&#160;content&#160;number&#160;9</text><text class="terminal-385035453-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-385035453-line-10)">
-</text><text class="terminal-385035453-r4" x="256.2" y="288.4" textLength="195.2" clip-path="url(#terminal-385035453-line-11)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="288.4" textLength="305" clip-path="url(#terminal-385035453-line-11)">This&#160;is&#160;content&#160;number&#160;10</text><text class="terminal-385035453-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-385035453-line-11)">
-</text><text class="terminal-385035453-r4" x="256.2" y="312.8" textLength="97.6" clip-path="url(#terminal-385035453-line-12)">number&#160;5</text><text class="terminal-385035453-r4" x="561.2" y="312.8" textLength="305" clip-path="url(#terminal-385035453-line-12)">This&#160;is&#160;content&#160;number&#160;11</text><text class="terminal-385035453-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-385035453-line-12)">
-</text><text class="terminal-385035453-r4" x="256.2" y="337.2" textLength="195.2" clip-path="url(#terminal-385035453-line-13)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="337.2" textLength="305" clip-path="url(#terminal-385035453-line-13)">This&#160;is&#160;content&#160;number&#160;12</text><text class="terminal-385035453-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-385035453-line-13)">
-</text><text class="terminal-385035453-r4" x="256.2" y="361.6" textLength="97.6" clip-path="url(#terminal-385035453-line-14)">number&#160;6</text><text class="terminal-385035453-r4" x="561.2" y="361.6" textLength="305" clip-path="url(#terminal-385035453-line-14)">This&#160;is&#160;content&#160;number&#160;13</text><text class="terminal-385035453-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-385035453-line-14)">
-</text><text class="terminal-385035453-r4" x="256.2" y="386" textLength="195.2" clip-path="url(#terminal-385035453-line-15)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="386" textLength="305" clip-path="url(#terminal-385035453-line-15)">This&#160;is&#160;content&#160;number&#160;14</text><text class="terminal-385035453-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-385035453-line-15)">
-</text><text class="terminal-385035453-r4" x="256.2" y="410.4" textLength="97.6" clip-path="url(#terminal-385035453-line-16)">number&#160;7</text><text class="terminal-385035453-r4" x="561.2" y="410.4" textLength="305" clip-path="url(#terminal-385035453-line-16)">This&#160;is&#160;content&#160;number&#160;15</text><text class="terminal-385035453-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-385035453-line-16)">
-</text><text class="terminal-385035453-r4" x="256.2" y="434.8" textLength="195.2" clip-path="url(#terminal-385035453-line-17)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="434.8" textLength="305" clip-path="url(#terminal-385035453-line-17)">This&#160;is&#160;content&#160;number&#160;16</text><text class="terminal-385035453-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-385035453-line-17)">
-</text><text class="terminal-385035453-r4" x="256.2" y="459.2" textLength="97.6" clip-path="url(#terminal-385035453-line-18)">number&#160;8</text><text class="terminal-385035453-r4" x="561.2" y="459.2" textLength="305" clip-path="url(#terminal-385035453-line-18)">This&#160;is&#160;content&#160;number&#160;17</text><text class="terminal-385035453-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-385035453-line-18)">
-</text><text class="terminal-385035453-r4" x="256.2" y="483.6" textLength="195.2" clip-path="url(#terminal-385035453-line-19)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="483.6" textLength="305" clip-path="url(#terminal-385035453-line-19)">This&#160;is&#160;content&#160;number&#160;18</text><text class="terminal-385035453-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-385035453-line-19)">
-</text><text class="terminal-385035453-r4" x="256.2" y="508" textLength="97.6" clip-path="url(#terminal-385035453-line-20)">number&#160;9</text><text class="terminal-385035453-r4" x="561.2" y="508" textLength="305" clip-path="url(#terminal-385035453-line-20)">This&#160;is&#160;content&#160;number&#160;19</text><text class="terminal-385035453-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-385035453-line-20)">
-</text><text class="terminal-385035453-r4" x="256.2" y="532.4" textLength="195.2" clip-path="url(#terminal-385035453-line-21)">This&#160;is&#160;content&#160;</text><text class="terminal-385035453-r4" x="561.2" y="532.4" textLength="305" clip-path="url(#terminal-385035453-line-21)">This&#160;is&#160;content&#160;number&#160;20</text><text class="terminal-385035453-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-385035453-line-21)">
-</text><text class="terminal-385035453-r4" x="256.2" y="556.8" textLength="109.8" clip-path="url(#terminal-385035453-line-22)">number&#160;10</text><text class="terminal-385035453-r4" x="561.2" y="556.8" textLength="305" clip-path="url(#terminal-385035453-line-22)">This&#160;is&#160;content&#160;number&#160;21</text><text class="terminal-385035453-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-385035453-line-22)">
-</text><text class="terminal-385035453-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-385035453-line-23)">^p</text><text class="terminal-385035453-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-385035453-line-23)">&#160;palette</text>
+    <g class="terminal-1893813395-matrix">
+    <text class="terminal-1893813395-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1893813395-line-0)">⭘</text><text class="terminal-1893813395-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-1893813395-line-0)">ScreenSplitApp</text><text class="terminal-1893813395-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1893813395-line-0)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="44.4" textLength="195.2" clip-path="url(#terminal-1893813395-line-1)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="573.4" y="44.4" textLength="292.8" clip-path="url(#terminal-1893813395-line-1)">This&#160;is&#160;content&#160;number&#160;0</text><text class="terminal-1893813395-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1893813395-line-1)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="68.8" textLength="97.6" clip-path="url(#terminal-1893813395-line-2)">number&#160;0</text><text class="terminal-1893813395-r4" x="573.4" y="68.8" textLength="292.8" clip-path="url(#terminal-1893813395-line-2)">This&#160;is&#160;content&#160;number&#160;1</text><text class="terminal-1893813395-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1893813395-line-2)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="93.2" textLength="195.2" clip-path="url(#terminal-1893813395-line-3)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r6" x="463.6" y="93.2" textLength="24.4" clip-path="url(#terminal-1893813395-line-3)">▄▄</text><text class="terminal-1893813395-r4" x="573.4" y="93.2" textLength="292.8" clip-path="url(#terminal-1893813395-line-3)">This&#160;is&#160;content&#160;number&#160;2</text><text class="terminal-1893813395-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1893813395-line-3)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="117.6" textLength="97.6" clip-path="url(#terminal-1893813395-line-4)">number&#160;1</text><text class="terminal-1893813395-r4" x="573.4" y="117.6" textLength="292.8" clip-path="url(#terminal-1893813395-line-4)">This&#160;is&#160;content&#160;number&#160;3</text><text class="terminal-1893813395-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1893813395-line-4)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="142" textLength="195.2" clip-path="url(#terminal-1893813395-line-5)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="573.4" y="142" textLength="292.8" clip-path="url(#terminal-1893813395-line-5)">This&#160;is&#160;content&#160;number&#160;4</text><text class="terminal-1893813395-r6" x="951.6" y="142" textLength="24.4" clip-path="url(#terminal-1893813395-line-5)">▁▁</text><text class="terminal-1893813395-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1893813395-line-5)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="166.4" textLength="97.6" clip-path="url(#terminal-1893813395-line-6)">number&#160;2</text><text class="terminal-1893813395-r4" x="573.4" y="166.4" textLength="292.8" clip-path="url(#terminal-1893813395-line-6)">This&#160;is&#160;content&#160;number&#160;5</text><text class="terminal-1893813395-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1893813395-line-6)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="190.8" textLength="195.2" clip-path="url(#terminal-1893813395-line-7)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="573.4" y="190.8" textLength="292.8" clip-path="url(#terminal-1893813395-line-7)">This&#160;is&#160;content&#160;number&#160;6</text><text class="terminal-1893813395-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1893813395-line-7)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="215.2" textLength="97.6" clip-path="url(#terminal-1893813395-line-8)">number&#160;3</text><text class="terminal-1893813395-r4" x="573.4" y="215.2" textLength="292.8" clip-path="url(#terminal-1893813395-line-8)">This&#160;is&#160;content&#160;number&#160;7</text><text class="terminal-1893813395-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1893813395-line-8)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="239.6" textLength="195.2" clip-path="url(#terminal-1893813395-line-9)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="573.4" y="239.6" textLength="292.8" clip-path="url(#terminal-1893813395-line-9)">This&#160;is&#160;content&#160;number&#160;8</text><text class="terminal-1893813395-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1893813395-line-9)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="264" textLength="97.6" clip-path="url(#terminal-1893813395-line-10)">number&#160;4</text><text class="terminal-1893813395-r4" x="573.4" y="264" textLength="292.8" clip-path="url(#terminal-1893813395-line-10)">This&#160;is&#160;content&#160;number&#160;9</text><text class="terminal-1893813395-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1893813395-line-10)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="288.4" textLength="195.2" clip-path="url(#terminal-1893813395-line-11)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="288.4" textLength="305" clip-path="url(#terminal-1893813395-line-11)">This&#160;is&#160;content&#160;number&#160;10</text><text class="terminal-1893813395-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1893813395-line-11)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="312.8" textLength="97.6" clip-path="url(#terminal-1893813395-line-12)">number&#160;5</text><text class="terminal-1893813395-r4" x="561.2" y="312.8" textLength="305" clip-path="url(#terminal-1893813395-line-12)">This&#160;is&#160;content&#160;number&#160;11</text><text class="terminal-1893813395-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1893813395-line-12)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="337.2" textLength="195.2" clip-path="url(#terminal-1893813395-line-13)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="337.2" textLength="305" clip-path="url(#terminal-1893813395-line-13)">This&#160;is&#160;content&#160;number&#160;12</text><text class="terminal-1893813395-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1893813395-line-13)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="361.6" textLength="97.6" clip-path="url(#terminal-1893813395-line-14)">number&#160;6</text><text class="terminal-1893813395-r4" x="561.2" y="361.6" textLength="305" clip-path="url(#terminal-1893813395-line-14)">This&#160;is&#160;content&#160;number&#160;13</text><text class="terminal-1893813395-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1893813395-line-14)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="386" textLength="195.2" clip-path="url(#terminal-1893813395-line-15)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="386" textLength="305" clip-path="url(#terminal-1893813395-line-15)">This&#160;is&#160;content&#160;number&#160;14</text><text class="terminal-1893813395-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1893813395-line-15)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="410.4" textLength="97.6" clip-path="url(#terminal-1893813395-line-16)">number&#160;7</text><text class="terminal-1893813395-r4" x="561.2" y="410.4" textLength="305" clip-path="url(#terminal-1893813395-line-16)">This&#160;is&#160;content&#160;number&#160;15</text><text class="terminal-1893813395-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1893813395-line-16)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="434.8" textLength="195.2" clip-path="url(#terminal-1893813395-line-17)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="434.8" textLength="305" clip-path="url(#terminal-1893813395-line-17)">This&#160;is&#160;content&#160;number&#160;16</text><text class="terminal-1893813395-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1893813395-line-17)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="459.2" textLength="97.6" clip-path="url(#terminal-1893813395-line-18)">number&#160;8</text><text class="terminal-1893813395-r4" x="561.2" y="459.2" textLength="305" clip-path="url(#terminal-1893813395-line-18)">This&#160;is&#160;content&#160;number&#160;17</text><text class="terminal-1893813395-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1893813395-line-18)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="483.6" textLength="195.2" clip-path="url(#terminal-1893813395-line-19)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="483.6" textLength="305" clip-path="url(#terminal-1893813395-line-19)">This&#160;is&#160;content&#160;number&#160;18</text><text class="terminal-1893813395-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1893813395-line-19)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="508" textLength="97.6" clip-path="url(#terminal-1893813395-line-20)">number&#160;9</text><text class="terminal-1893813395-r4" x="561.2" y="508" textLength="305" clip-path="url(#terminal-1893813395-line-20)">This&#160;is&#160;content&#160;number&#160;19</text><text class="terminal-1893813395-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1893813395-line-20)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="532.4" textLength="195.2" clip-path="url(#terminal-1893813395-line-21)">This&#160;is&#160;content&#160;</text><text class="terminal-1893813395-r4" x="561.2" y="532.4" textLength="305" clip-path="url(#terminal-1893813395-line-21)">This&#160;is&#160;content&#160;number&#160;20</text><text class="terminal-1893813395-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1893813395-line-21)">
+</text><text class="terminal-1893813395-r4" x="256.2" y="556.8" textLength="109.8" clip-path="url(#terminal-1893813395-line-22)">number&#160;10</text><text class="terminal-1893813395-r4" x="561.2" y="556.8" textLength="305" clip-path="url(#terminal-1893813395-line-22)">This&#160;is&#160;content&#160;number&#160;21</text><text class="terminal-1893813395-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1893813395-line-22)">
+</text><text class="terminal-1893813395-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1893813395-line-23)">▏</text><text class="terminal-1893813395-r8" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1893813395-line-23)">^p</text><text class="terminal-1893813395-r9" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1893813395-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg
index c0caca8dfe..98d70360f1 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_key_display.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-2988489189-matrix {
+    .terminal-121821627-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2988489189-title {
+    .terminal-121821627-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2988489189-r1 { fill: #e1e1e1 }
-.terminal-2988489189-r2 { fill: #c5c8c6 }
-.terminal-2988489189-r3 { fill: #fea62b;font-weight: bold }
-.terminal-2988489189-r4 { fill: #a7a9ab }
-.terminal-2988489189-r5 { fill: #e2e3e3 }
+    .terminal-121821627-r1 { fill: #e1e1e1 }
+.terminal-121821627-r2 { fill: #c5c8c6 }
+.terminal-121821627-r3 { fill: #fea62b;font-weight: bold }
+.terminal-121821627-r4 { fill: #a7a9ab }
+.terminal-121821627-r5 { fill: #e2e3e3 }
+.terminal-121821627-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2988489189-clip-terminal">
+    <clipPath id="terminal-121821627-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2988489189-line-0">
+    <clipPath id="terminal-121821627-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-1">
+<clipPath id="terminal-121821627-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-2">
+<clipPath id="terminal-121821627-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-3">
+<clipPath id="terminal-121821627-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-4">
+<clipPath id="terminal-121821627-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-5">
+<clipPath id="terminal-121821627-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-6">
+<clipPath id="terminal-121821627-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-7">
+<clipPath id="terminal-121821627-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-8">
+<clipPath id="terminal-121821627-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-9">
+<clipPath id="terminal-121821627-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-10">
+<clipPath id="terminal-121821627-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-11">
+<clipPath id="terminal-121821627-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-12">
+<clipPath id="terminal-121821627-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-13">
+<clipPath id="terminal-121821627-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-14">
+<clipPath id="terminal-121821627-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-15">
+<clipPath id="terminal-121821627-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-16">
+<clipPath id="terminal-121821627-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-17">
+<clipPath id="terminal-121821627-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-18">
+<clipPath id="terminal-121821627-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-19">
+<clipPath id="terminal-121821627-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-20">
+<clipPath id="terminal-121821627-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-21">
+<clipPath id="terminal-121821627-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2988489189-line-22">
+<clipPath id="terminal-121821627-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2988489189-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-121821627-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">KeyDisplayApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2988489189-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-121821627-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="195.2" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="305" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="414.8" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="500.2" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="536.8" y="562.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="646.6" y="562.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2988489189-matrix">
-    <text class="terminal-2988489189-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2988489189-line-0)">
-</text><text class="terminal-2988489189-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2988489189-line-1)">
-</text><text class="terminal-2988489189-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2988489189-line-2)">
-</text><text class="terminal-2988489189-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2988489189-line-3)">
-</text><text class="terminal-2988489189-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2988489189-line-4)">
-</text><text class="terminal-2988489189-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2988489189-line-5)">
-</text><text class="terminal-2988489189-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2988489189-line-6)">
-</text><text class="terminal-2988489189-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2988489189-line-7)">
-</text><text class="terminal-2988489189-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2988489189-line-8)">
-</text><text class="terminal-2988489189-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2988489189-line-9)">
-</text><text class="terminal-2988489189-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2988489189-line-10)">
-</text><text class="terminal-2988489189-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2988489189-line-11)">
-</text><text class="terminal-2988489189-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2988489189-line-12)">
-</text><text class="terminal-2988489189-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2988489189-line-13)">
-</text><text class="terminal-2988489189-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2988489189-line-14)">
-</text><text class="terminal-2988489189-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2988489189-line-15)">
-</text><text class="terminal-2988489189-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2988489189-line-16)">
-</text><text class="terminal-2988489189-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2988489189-line-17)">
-</text><text class="terminal-2988489189-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2988489189-line-18)">
-</text><text class="terminal-2988489189-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2988489189-line-19)">
-</text><text class="terminal-2988489189-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2988489189-line-20)">
-</text><text class="terminal-2988489189-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2988489189-line-21)">
-</text><text class="terminal-2988489189-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2988489189-line-22)">
-</text><text class="terminal-2988489189-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2988489189-line-23)">&#160;?&#160;</text><text class="terminal-2988489189-r4" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-2988489189-line-23)">Question&#160;</text><text class="terminal-2988489189-r3" x="146.4" y="581.2" textLength="48.8" clip-path="url(#terminal-2988489189-line-23)">&#160;^q&#160;</text><text class="terminal-2988489189-r4" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-2988489189-line-23)">Quit&#160;app&#160;</text><text class="terminal-2988489189-r3" x="305" y="581.2" textLength="109.8" clip-path="url(#terminal-2988489189-line-23)">&#160;Escape!&#160;</text><text class="terminal-2988489189-r4" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-2988489189-line-23)">Escape&#160;</text><text class="terminal-2988489189-r3" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-2988489189-line-23)">&#160;a&#160;</text><text class="terminal-2988489189-r4" x="536.8" y="581.2" textLength="109.8" clip-path="url(#terminal-2988489189-line-23)">Letter&#160;A&#160;</text><text class="terminal-2988489189-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2988489189-line-23)">^p</text><text class="terminal-2988489189-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2988489189-line-23)">&#160;palette</text>
+    <g class="terminal-121821627-matrix">
+    <text class="terminal-121821627-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-121821627-line-0)">
+</text><text class="terminal-121821627-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-121821627-line-1)">
+</text><text class="terminal-121821627-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-121821627-line-2)">
+</text><text class="terminal-121821627-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-121821627-line-3)">
+</text><text class="terminal-121821627-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-121821627-line-4)">
+</text><text class="terminal-121821627-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-121821627-line-5)">
+</text><text class="terminal-121821627-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-121821627-line-6)">
+</text><text class="terminal-121821627-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-121821627-line-7)">
+</text><text class="terminal-121821627-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-121821627-line-8)">
+</text><text class="terminal-121821627-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-121821627-line-9)">
+</text><text class="terminal-121821627-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-121821627-line-10)">
+</text><text class="terminal-121821627-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-121821627-line-11)">
+</text><text class="terminal-121821627-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-121821627-line-12)">
+</text><text class="terminal-121821627-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-121821627-line-13)">
+</text><text class="terminal-121821627-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-121821627-line-14)">
+</text><text class="terminal-121821627-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-121821627-line-15)">
+</text><text class="terminal-121821627-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-121821627-line-16)">
+</text><text class="terminal-121821627-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-121821627-line-17)">
+</text><text class="terminal-121821627-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-121821627-line-18)">
+</text><text class="terminal-121821627-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-121821627-line-19)">
+</text><text class="terminal-121821627-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-121821627-line-20)">
+</text><text class="terminal-121821627-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-121821627-line-21)">
+</text><text class="terminal-121821627-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-121821627-line-22)">
+</text><text class="terminal-121821627-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-121821627-line-23)">&#160;?&#160;</text><text class="terminal-121821627-r4" x="36.6" y="581.2" textLength="109.8" clip-path="url(#terminal-121821627-line-23)">Question&#160;</text><text class="terminal-121821627-r3" x="146.4" y="581.2" textLength="48.8" clip-path="url(#terminal-121821627-line-23)">&#160;^q&#160;</text><text class="terminal-121821627-r4" x="195.2" y="581.2" textLength="109.8" clip-path="url(#terminal-121821627-line-23)">Quit&#160;app&#160;</text><text class="terminal-121821627-r3" x="305" y="581.2" textLength="109.8" clip-path="url(#terminal-121821627-line-23)">&#160;Escape!&#160;</text><text class="terminal-121821627-r4" x="414.8" y="581.2" textLength="85.4" clip-path="url(#terminal-121821627-line-23)">Escape&#160;</text><text class="terminal-121821627-r3" x="500.2" y="581.2" textLength="36.6" clip-path="url(#terminal-121821627-line-23)">&#160;a&#160;</text><text class="terminal-121821627-r4" x="536.8" y="581.2" textLength="109.8" clip-path="url(#terminal-121821627-line-23)">Letter&#160;A&#160;</text><text class="terminal-121821627-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-121821627-line-23)">▏</text><text class="terminal-121821627-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-121821627-line-23)">^p</text><text class="terminal-121821627-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-121821627-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg
index d657f79f50..7f5cc94f7d 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_layer_fix.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-2802744546-matrix {
+    .terminal-399350968-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2802744546-title {
+    .terminal-399350968-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2802744546-r1 { fill: #c5c8c6 }
-.terminal-2802744546-r2 { fill: #e3e3e3 }
-.terminal-2802744546-r3 { fill: #e1e1e1 }
-.terminal-2802744546-r4 { fill: #ff0000 }
-.terminal-2802744546-r5 { fill: #fea62b;font-weight: bold }
-.terminal-2802744546-r6 { fill: #a7a9ab }
-.terminal-2802744546-r7 { fill: #e2e3e3 }
+    .terminal-399350968-r1 { fill: #c5c8c6 }
+.terminal-399350968-r2 { fill: #e3e3e3 }
+.terminal-399350968-r3 { fill: #e1e1e1 }
+.terminal-399350968-r4 { fill: #ff0000 }
+.terminal-399350968-r5 { fill: #fea62b;font-weight: bold }
+.terminal-399350968-r6 { fill: #a7a9ab }
+.terminal-399350968-r7 { fill: #e2e3e3 }
+.terminal-399350968-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2802744546-clip-terminal">
+    <clipPath id="terminal-399350968-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2802744546-line-0">
+    <clipPath id="terminal-399350968-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-1">
+<clipPath id="terminal-399350968-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-2">
+<clipPath id="terminal-399350968-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-3">
+<clipPath id="terminal-399350968-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-4">
+<clipPath id="terminal-399350968-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-5">
+<clipPath id="terminal-399350968-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-6">
+<clipPath id="terminal-399350968-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-7">
+<clipPath id="terminal-399350968-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-8">
+<clipPath id="terminal-399350968-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-9">
+<clipPath id="terminal-399350968-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-10">
+<clipPath id="terminal-399350968-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-11">
+<clipPath id="terminal-399350968-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-12">
+<clipPath id="terminal-399350968-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-13">
+<clipPath id="terminal-399350968-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-14">
+<clipPath id="terminal-399350968-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-15">
+<clipPath id="terminal-399350968-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-16">
+<clipPath id="terminal-399350968-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-17">
+<clipPath id="terminal-399350968-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-18">
+<clipPath id="terminal-399350968-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-19">
+<clipPath id="terminal-399350968-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-20">
+<clipPath id="terminal-399350968-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-21">
+<clipPath id="terminal-399350968-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2802744546-line-22">
+<clipPath id="terminal-399350968-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2802744546-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">DialogIssueApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-399350968-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">DialogIssueApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2802744546-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-399350968-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="561.2" y="1.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="147.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="147.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="172.3" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="172.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="196.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="196.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="221.1" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="221.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="245.5" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="245.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="269.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="294.3" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="294.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="318.7" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="318.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="343.1" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="367.5" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="367.5" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="256.2" y="391.9" width="463.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="719.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="391.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="416.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="732" y="416.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2802744546-matrix">
-    <text class="terminal-2802744546-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2802744546-line-0)">⭘</text><text class="terminal-2802744546-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-2802744546-line-0)">DialogIssueApp</text><text class="terminal-2802744546-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2802744546-line-0)">
-</text><text class="terminal-2802744546-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-1)">
-</text><text class="terminal-2802744546-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-2)">
-</text><text class="terminal-2802744546-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-3)">
-</text><text class="terminal-2802744546-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-4)">
-</text><text class="terminal-2802744546-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2802744546-line-5)">
-</text><text class="terminal-2802744546-r4" x="244" y="166.4" textLength="488" clip-path="url(#terminal-2802744546-line-6)">╭──────────────────────────────────────╮</text><text class="terminal-2802744546-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-6)">
-</text><text class="terminal-2802744546-r4" x="244" y="190.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-7)">│</text><text class="terminal-2802744546-r4" x="719.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-7)">│</text><text class="terminal-2802744546-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-7)">
-</text><text class="terminal-2802744546-r4" x="244" y="215.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-8)">│</text><text class="terminal-2802744546-r4" x="719.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-8)">│</text><text class="terminal-2802744546-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-8)">
-</text><text class="terminal-2802744546-r4" x="244" y="239.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-9)">│</text><text class="terminal-2802744546-r4" x="719.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-9)">│</text><text class="terminal-2802744546-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-9)">
-</text><text class="terminal-2802744546-r4" x="244" y="264" textLength="12.2" clip-path="url(#terminal-2802744546-line-10)">│</text><text class="terminal-2802744546-r4" x="719.8" y="264" textLength="12.2" clip-path="url(#terminal-2802744546-line-10)">│</text><text class="terminal-2802744546-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2802744546-line-10)">
-</text><text class="terminal-2802744546-r4" x="244" y="288.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-11)">│</text><text class="terminal-2802744546-r3" x="256.2" y="288.4" textLength="463.6" clip-path="url(#terminal-2802744546-line-11)">This&#160;should&#160;not&#160;cause&#160;a&#160;scrollbar&#160;to&#160;a</text><text class="terminal-2802744546-r4" x="719.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-11)">│</text><text class="terminal-2802744546-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-11)">
-</text><text class="terminal-2802744546-r4" x="244" y="312.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-12)">│</text><text class="terminal-2802744546-r4" x="719.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-12)">│</text><text class="terminal-2802744546-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-12)">
-</text><text class="terminal-2802744546-r4" x="244" y="337.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-13)">│</text><text class="terminal-2802744546-r4" x="719.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-13)">│</text><text class="terminal-2802744546-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-13)">
-</text><text class="terminal-2802744546-r4" x="244" y="361.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-14)">│</text><text class="terminal-2802744546-r4" x="719.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-14)">│</text><text class="terminal-2802744546-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-14)">
-</text><text class="terminal-2802744546-r4" x="244" y="386" textLength="12.2" clip-path="url(#terminal-2802744546-line-15)">│</text><text class="terminal-2802744546-r4" x="719.8" y="386" textLength="12.2" clip-path="url(#terminal-2802744546-line-15)">│</text><text class="terminal-2802744546-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2802744546-line-15)">
-</text><text class="terminal-2802744546-r4" x="244" y="410.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-16)">│</text><text class="terminal-2802744546-r4" x="719.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-16)">│</text><text class="terminal-2802744546-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-16)">
-</text><text class="terminal-2802744546-r4" x="244" y="434.8" textLength="488" clip-path="url(#terminal-2802744546-line-17)">╰──────────────────────────────────────╯</text><text class="terminal-2802744546-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-17)">
-</text><text class="terminal-2802744546-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2802744546-line-18)">
-</text><text class="terminal-2802744546-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2802744546-line-19)">
-</text><text class="terminal-2802744546-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2802744546-line-20)">
-</text><text class="terminal-2802744546-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2802744546-line-21)">
-</text><text class="terminal-2802744546-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2802744546-line-22)">
-</text><text class="terminal-2802744546-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2802744546-line-23)">&#160;d&#160;</text><text class="terminal-2802744546-r6" x="36.6" y="581.2" textLength="219.6" clip-path="url(#terminal-2802744546-line-23)">Toggle&#160;the&#160;dialog&#160;</text><text class="terminal-2802744546-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2802744546-line-23)">^p</text><text class="terminal-2802744546-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2802744546-line-23)">&#160;palette</text>
+    <g class="terminal-399350968-matrix">
+    <text class="terminal-399350968-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-399350968-line-0)">⭘</text><text class="terminal-399350968-r2" x="390.4" y="20" textLength="170.8" clip-path="url(#terminal-399350968-line-0)">DialogIssueApp</text><text class="terminal-399350968-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-399350968-line-0)">
+</text><text class="terminal-399350968-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-399350968-line-1)">
+</text><text class="terminal-399350968-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-399350968-line-2)">
+</text><text class="terminal-399350968-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-399350968-line-3)">
+</text><text class="terminal-399350968-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-399350968-line-4)">
+</text><text class="terminal-399350968-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-399350968-line-5)">
+</text><text class="terminal-399350968-r4" x="244" y="166.4" textLength="488" clip-path="url(#terminal-399350968-line-6)">╭──────────────────────────────────────╮</text><text class="terminal-399350968-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-399350968-line-6)">
+</text><text class="terminal-399350968-r4" x="244" y="190.8" textLength="12.2" clip-path="url(#terminal-399350968-line-7)">│</text><text class="terminal-399350968-r4" x="719.8" y="190.8" textLength="12.2" clip-path="url(#terminal-399350968-line-7)">│</text><text class="terminal-399350968-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-399350968-line-7)">
+</text><text class="terminal-399350968-r4" x="244" y="215.2" textLength="12.2" clip-path="url(#terminal-399350968-line-8)">│</text><text class="terminal-399350968-r4" x="719.8" y="215.2" textLength="12.2" clip-path="url(#terminal-399350968-line-8)">│</text><text class="terminal-399350968-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-399350968-line-8)">
+</text><text class="terminal-399350968-r4" x="244" y="239.6" textLength="12.2" clip-path="url(#terminal-399350968-line-9)">│</text><text class="terminal-399350968-r4" x="719.8" y="239.6" textLength="12.2" clip-path="url(#terminal-399350968-line-9)">│</text><text class="terminal-399350968-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-399350968-line-9)">
+</text><text class="terminal-399350968-r4" x="244" y="264" textLength="12.2" clip-path="url(#terminal-399350968-line-10)">│</text><text class="terminal-399350968-r4" x="719.8" y="264" textLength="12.2" clip-path="url(#terminal-399350968-line-10)">│</text><text class="terminal-399350968-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-399350968-line-10)">
+</text><text class="terminal-399350968-r4" x="244" y="288.4" textLength="12.2" clip-path="url(#terminal-399350968-line-11)">│</text><text class="terminal-399350968-r3" x="256.2" y="288.4" textLength="463.6" clip-path="url(#terminal-399350968-line-11)">This&#160;should&#160;not&#160;cause&#160;a&#160;scrollbar&#160;to&#160;a</text><text class="terminal-399350968-r4" x="719.8" y="288.4" textLength="12.2" clip-path="url(#terminal-399350968-line-11)">│</text><text class="terminal-399350968-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-399350968-line-11)">
+</text><text class="terminal-399350968-r4" x="244" y="312.8" textLength="12.2" clip-path="url(#terminal-399350968-line-12)">│</text><text class="terminal-399350968-r4" x="719.8" y="312.8" textLength="12.2" clip-path="url(#terminal-399350968-line-12)">│</text><text class="terminal-399350968-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-399350968-line-12)">
+</text><text class="terminal-399350968-r4" x="244" y="337.2" textLength="12.2" clip-path="url(#terminal-399350968-line-13)">│</text><text class="terminal-399350968-r4" x="719.8" y="337.2" textLength="12.2" clip-path="url(#terminal-399350968-line-13)">│</text><text class="terminal-399350968-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-399350968-line-13)">
+</text><text class="terminal-399350968-r4" x="244" y="361.6" textLength="12.2" clip-path="url(#terminal-399350968-line-14)">│</text><text class="terminal-399350968-r4" x="719.8" y="361.6" textLength="12.2" clip-path="url(#terminal-399350968-line-14)">│</text><text class="terminal-399350968-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-399350968-line-14)">
+</text><text class="terminal-399350968-r4" x="244" y="386" textLength="12.2" clip-path="url(#terminal-399350968-line-15)">│</text><text class="terminal-399350968-r4" x="719.8" y="386" textLength="12.2" clip-path="url(#terminal-399350968-line-15)">│</text><text class="terminal-399350968-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-399350968-line-15)">
+</text><text class="terminal-399350968-r4" x="244" y="410.4" textLength="12.2" clip-path="url(#terminal-399350968-line-16)">│</text><text class="terminal-399350968-r4" x="719.8" y="410.4" textLength="12.2" clip-path="url(#terminal-399350968-line-16)">│</text><text class="terminal-399350968-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-399350968-line-16)">
+</text><text class="terminal-399350968-r4" x="244" y="434.8" textLength="488" clip-path="url(#terminal-399350968-line-17)">╰──────────────────────────────────────╯</text><text class="terminal-399350968-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-399350968-line-17)">
+</text><text class="terminal-399350968-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-399350968-line-18)">
+</text><text class="terminal-399350968-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-399350968-line-19)">
+</text><text class="terminal-399350968-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-399350968-line-20)">
+</text><text class="terminal-399350968-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-399350968-line-21)">
+</text><text class="terminal-399350968-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-399350968-line-22)">
+</text><text class="terminal-399350968-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-399350968-line-23)">&#160;d&#160;</text><text class="terminal-399350968-r6" x="36.6" y="581.2" textLength="219.6" clip-path="url(#terminal-399350968-line-23)">Toggle&#160;the&#160;dialog&#160;</text><text class="terminal-399350968-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-399350968-line-23)">▏</text><text class="terminal-399350968-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-399350968-line-23)">^p</text><text class="terminal-399350968-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-399350968-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg
index f84e0a7e09..7724d2066b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_list_view.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-256363403-matrix {
+    .terminal-3984649057-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-256363403-title {
+    .terminal-3984649057-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-256363403-r1 { fill: #e1e1e1 }
-.terminal-256363403-r2 { fill: #c5c8c6 }
-.terminal-256363403-r3 { fill: #e4e5e6 }
-.terminal-256363403-r4 { fill: #ddedf9 }
-.terminal-256363403-r5 { fill: #e2e3e3 }
-.terminal-256363403-r6 { fill: #fea62b;font-weight: bold }
-.terminal-256363403-r7 { fill: #a7a9ab }
+    .terminal-3984649057-r1 { fill: #e1e1e1 }
+.terminal-3984649057-r2 { fill: #c5c8c6 }
+.terminal-3984649057-r3 { fill: #e4e5e6 }
+.terminal-3984649057-r4 { fill: #ddedf9 }
+.terminal-3984649057-r5 { fill: #e2e3e3 }
+.terminal-3984649057-r6 { fill: #4c5055 }
+.terminal-3984649057-r7 { fill: #fea62b;font-weight: bold }
+.terminal-3984649057-r8 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-256363403-clip-terminal">
+    <clipPath id="terminal-3984649057-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-256363403-line-0">
+    <clipPath id="terminal-3984649057-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-1">
+<clipPath id="terminal-3984649057-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-2">
+<clipPath id="terminal-3984649057-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-3">
+<clipPath id="terminal-3984649057-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-4">
+<clipPath id="terminal-3984649057-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-5">
+<clipPath id="terminal-3984649057-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-6">
+<clipPath id="terminal-3984649057-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-7">
+<clipPath id="terminal-3984649057-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-8">
+<clipPath id="terminal-3984649057-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-9">
+<clipPath id="terminal-3984649057-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-10">
+<clipPath id="terminal-3984649057-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-11">
+<clipPath id="terminal-3984649057-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-12">
+<clipPath id="terminal-3984649057-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-13">
+<clipPath id="terminal-3984649057-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-14">
+<clipPath id="terminal-3984649057-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-15">
+<clipPath id="terminal-3984649057-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-16">
+<clipPath id="terminal-3984649057-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-17">
+<clipPath id="terminal-3984649057-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-18">
+<clipPath id="terminal-3984649057-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-19">
+<clipPath id="terminal-3984649057-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-20">
+<clipPath id="terminal-3984649057-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-21">
+<clipPath id="terminal-3984649057-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-256363403-line-22">
+<clipPath id="terminal-3984649057-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-256363403-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ListViewExample</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3984649057-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ListViewExample</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-256363403-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3984649057-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="172.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="390.4" y="172.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="329.4" y="196.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="366" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="390.4" y="196.7" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="221.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="390.4" y="221.1" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="305" y="245.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="390.4" y="245.5" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="305" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="329.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="366" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="390.4" y="269.9" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="305" y="294.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="390.4" y="294.3" width="280.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="318.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="414.8" y="318.7" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="329.4" y="343.1" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="390.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="414.8" y="343.1" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="343.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="305" y="367.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#34393f" x="414.8" y="367.5" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="367.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-256363403-matrix">
-    <text class="terminal-256363403-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-256363403-line-0)">
-</text><text class="terminal-256363403-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-256363403-line-1)">
-</text><text class="terminal-256363403-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-256363403-line-2)">
-</text><text class="terminal-256363403-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-256363403-line-3)">
-</text><text class="terminal-256363403-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-256363403-line-4)">
-</text><text class="terminal-256363403-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-256363403-line-5)">
-</text><text class="terminal-256363403-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-256363403-line-6)">
-</text><text class="terminal-256363403-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-256363403-line-7)">
-</text><text class="terminal-256363403-r3" x="329.4" y="215.2" textLength="36.6" clip-path="url(#terminal-256363403-line-8)">One</text><text class="terminal-256363403-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-256363403-line-8)">
-</text><text class="terminal-256363403-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-256363403-line-9)">
-</text><text class="terminal-256363403-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-256363403-line-10)">
-</text><text class="terminal-256363403-r4" x="329.4" y="288.4" textLength="36.6" clip-path="url(#terminal-256363403-line-11)">Two</text><text class="terminal-256363403-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-256363403-line-11)">
-</text><text class="terminal-256363403-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-256363403-line-12)">
-</text><text class="terminal-256363403-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-256363403-line-13)">
-</text><text class="terminal-256363403-r3" x="329.4" y="361.6" textLength="61" clip-path="url(#terminal-256363403-line-14)">Three</text><text class="terminal-256363403-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-256363403-line-14)">
-</text><text class="terminal-256363403-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-256363403-line-15)">
-</text><text class="terminal-256363403-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-256363403-line-16)">
-</text><text class="terminal-256363403-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-256363403-line-17)">
-</text><text class="terminal-256363403-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-256363403-line-18)">
-</text><text class="terminal-256363403-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-256363403-line-19)">
-</text><text class="terminal-256363403-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-256363403-line-20)">
-</text><text class="terminal-256363403-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-256363403-line-21)">
-</text><text class="terminal-256363403-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-256363403-line-22)">
-</text><text class="terminal-256363403-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-256363403-line-23)">^p</text><text class="terminal-256363403-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-256363403-line-23)">&#160;palette</text>
+    <g class="terminal-3984649057-matrix">
+    <text class="terminal-3984649057-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3984649057-line-0)">
+</text><text class="terminal-3984649057-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3984649057-line-1)">
+</text><text class="terminal-3984649057-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3984649057-line-2)">
+</text><text class="terminal-3984649057-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3984649057-line-3)">
+</text><text class="terminal-3984649057-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3984649057-line-4)">
+</text><text class="terminal-3984649057-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3984649057-line-5)">
+</text><text class="terminal-3984649057-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3984649057-line-6)">
+</text><text class="terminal-3984649057-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3984649057-line-7)">
+</text><text class="terminal-3984649057-r3" x="329.4" y="215.2" textLength="36.6" clip-path="url(#terminal-3984649057-line-8)">One</text><text class="terminal-3984649057-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3984649057-line-8)">
+</text><text class="terminal-3984649057-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3984649057-line-9)">
+</text><text class="terminal-3984649057-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3984649057-line-10)">
+</text><text class="terminal-3984649057-r4" x="329.4" y="288.4" textLength="36.6" clip-path="url(#terminal-3984649057-line-11)">Two</text><text class="terminal-3984649057-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3984649057-line-11)">
+</text><text class="terminal-3984649057-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3984649057-line-12)">
+</text><text class="terminal-3984649057-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3984649057-line-13)">
+</text><text class="terminal-3984649057-r3" x="329.4" y="361.6" textLength="61" clip-path="url(#terminal-3984649057-line-14)">Three</text><text class="terminal-3984649057-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3984649057-line-14)">
+</text><text class="terminal-3984649057-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3984649057-line-15)">
+</text><text class="terminal-3984649057-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3984649057-line-16)">
+</text><text class="terminal-3984649057-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3984649057-line-17)">
+</text><text class="terminal-3984649057-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3984649057-line-18)">
+</text><text class="terminal-3984649057-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3984649057-line-19)">
+</text><text class="terminal-3984649057-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3984649057-line-20)">
+</text><text class="terminal-3984649057-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3984649057-line-21)">
+</text><text class="terminal-3984649057-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3984649057-line-22)">
+</text><text class="terminal-3984649057-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3984649057-line-23)">▏</text><text class="terminal-3984649057-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3984649057-line-23)">^p</text><text class="terminal-3984649057-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3984649057-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg
index d9de9484e8..824e460ef7 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings.svg
@@ -19,136 +19,137 @@
         font-weight: 700;
     }
 
-    .terminal-2890214990-matrix {
+    .terminal-3443412516-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2890214990-title {
+    .terminal-3443412516-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2890214990-r1 { fill: #c5c8c6 }
-.terminal-2890214990-r2 { fill: #e3e3e3 }
-.terminal-2890214990-r3 { fill: #e1e1e1 }
-.terminal-2890214990-r4 { fill: #fea62b;font-weight: bold }
-.terminal-2890214990-r5 { fill: #a7a9ab }
-.terminal-2890214990-r6 { fill: #e2e3e3 }
+    .terminal-3443412516-r1 { fill: #c5c8c6 }
+.terminal-3443412516-r2 { fill: #e3e3e3 }
+.terminal-3443412516-r3 { fill: #e1e1e1 }
+.terminal-3443412516-r4 { fill: #fea62b;font-weight: bold }
+.terminal-3443412516-r5 { fill: #a7a9ab }
+.terminal-3443412516-r6 { fill: #e2e3e3 }
+.terminal-3443412516-r7 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2890214990-clip-terminal">
+    <clipPath id="terminal-3443412516-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2890214990-line-0">
+    <clipPath id="terminal-3443412516-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-1">
+<clipPath id="terminal-3443412516-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-2">
+<clipPath id="terminal-3443412516-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-3">
+<clipPath id="terminal-3443412516-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-4">
+<clipPath id="terminal-3443412516-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-5">
+<clipPath id="terminal-3443412516-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-6">
+<clipPath id="terminal-3443412516-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-7">
+<clipPath id="terminal-3443412516-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-8">
+<clipPath id="terminal-3443412516-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-9">
+<clipPath id="terminal-3443412516-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-10">
+<clipPath id="terminal-3443412516-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-11">
+<clipPath id="terminal-3443412516-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-12">
+<clipPath id="terminal-3443412516-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-13">
+<clipPath id="terminal-3443412516-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-14">
+<clipPath id="terminal-3443412516-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-15">
+<clipPath id="terminal-3443412516-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-16">
+<clipPath id="terminal-3443412516-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-17">
+<clipPath id="terminal-3443412516-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-18">
+<clipPath id="terminal-3443412516-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-19">
+<clipPath id="terminal-3443412516-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-20">
+<clipPath id="terminal-3443412516-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-21">
+<clipPath id="terminal-3443412516-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2890214990-line-22">
+<clipPath id="terminal-3443412516-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2890214990-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3443412516-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2890214990-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3443412516-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="562.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2890214990-matrix">
-    <text class="terminal-2890214990-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2890214990-line-0)">⭘</text><text class="terminal-2890214990-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-2890214990-line-0)">ModalApp</text><text class="terminal-2890214990-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2890214990-line-0)">
-</text><text class="terminal-2890214990-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-2890214990-line-1)">Hello&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2890214990-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2890214990-line-1)">
-</text><text class="terminal-2890214990-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2890214990-line-2)">
-</text><text class="terminal-2890214990-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2890214990-line-3)">
-</text><text class="terminal-2890214990-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2890214990-line-4)">
-</text><text class="terminal-2890214990-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2890214990-line-5)">
-</text><text class="terminal-2890214990-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2890214990-line-6)">
-</text><text class="terminal-2890214990-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2890214990-line-7)">
-</text><text class="terminal-2890214990-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2890214990-line-8)">
-</text><text class="terminal-2890214990-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2890214990-line-9)">
-</text><text class="terminal-2890214990-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2890214990-line-10)">
-</text><text class="terminal-2890214990-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2890214990-line-11)">
-</text><text class="terminal-2890214990-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2890214990-line-12)">
-</text><text class="terminal-2890214990-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2890214990-line-13)">
-</text><text class="terminal-2890214990-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2890214990-line-14)">
-</text><text class="terminal-2890214990-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2890214990-line-15)">
-</text><text class="terminal-2890214990-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2890214990-line-16)">
-</text><text class="terminal-2890214990-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2890214990-line-17)">
-</text><text class="terminal-2890214990-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2890214990-line-18)">
-</text><text class="terminal-2890214990-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2890214990-line-19)">
-</text><text class="terminal-2890214990-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2890214990-line-20)">
-</text><text class="terminal-2890214990-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2890214990-line-21)">
-</text><text class="terminal-2890214990-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2890214990-line-22)">
-</text><text class="terminal-2890214990-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2890214990-line-23)">&#160;⏎&#160;</text><text class="terminal-2890214990-r5" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-2890214990-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-2890214990-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2890214990-line-23)">^p</text><text class="terminal-2890214990-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2890214990-line-23)">&#160;palette</text>
+    <g class="terminal-3443412516-matrix">
+    <text class="terminal-3443412516-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3443412516-line-0)">⭘</text><text class="terminal-3443412516-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-3443412516-line-0)">ModalApp</text><text class="terminal-3443412516-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3443412516-line-0)">
+</text><text class="terminal-3443412516-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-3443412516-line-1)">Hello&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3443412516-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3443412516-line-1)">
+</text><text class="terminal-3443412516-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3443412516-line-2)">
+</text><text class="terminal-3443412516-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3443412516-line-3)">
+</text><text class="terminal-3443412516-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3443412516-line-4)">
+</text><text class="terminal-3443412516-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3443412516-line-5)">
+</text><text class="terminal-3443412516-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3443412516-line-6)">
+</text><text class="terminal-3443412516-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3443412516-line-7)">
+</text><text class="terminal-3443412516-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3443412516-line-8)">
+</text><text class="terminal-3443412516-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3443412516-line-9)">
+</text><text class="terminal-3443412516-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3443412516-line-10)">
+</text><text class="terminal-3443412516-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3443412516-line-11)">
+</text><text class="terminal-3443412516-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3443412516-line-12)">
+</text><text class="terminal-3443412516-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3443412516-line-13)">
+</text><text class="terminal-3443412516-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3443412516-line-14)">
+</text><text class="terminal-3443412516-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3443412516-line-15)">
+</text><text class="terminal-3443412516-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3443412516-line-16)">
+</text><text class="terminal-3443412516-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3443412516-line-17)">
+</text><text class="terminal-3443412516-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3443412516-line-18)">
+</text><text class="terminal-3443412516-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3443412516-line-19)">
+</text><text class="terminal-3443412516-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3443412516-line-20)">
+</text><text class="terminal-3443412516-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3443412516-line-21)">
+</text><text class="terminal-3443412516-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3443412516-line-22)">
+</text><text class="terminal-3443412516-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3443412516-line-23)">&#160;⏎&#160;</text><text class="terminal-3443412516-r5" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-3443412516-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-3443412516-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3443412516-line-23)">▏</text><text class="terminal-3443412516-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3443412516-line-23)">^p</text><text class="terminal-3443412516-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3443412516-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg
index 2ddf0e2775..e3f47a4a0a 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_modal_dialog_bindings_input.svg
@@ -19,141 +19,142 @@
         font-weight: 700;
     }
 
-    .terminal-3915931705-matrix {
+    .terminal-1480941919-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3915931705-title {
+    .terminal-1480941919-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3915931705-r1 { fill: #e0e0e0 }
-.terminal-3915931705-r2 { fill: #656565 }
-.terminal-3915931705-r3 { fill: #c5c8c6 }
-.terminal-3915931705-r4 { fill: #121212 }
-.terminal-3915931705-r5 { fill: #e1e1e1 }
-.terminal-3915931705-r6 { fill: #454a50 }
-.terminal-3915931705-r7 { fill: #646464 }
-.terminal-3915931705-r8 { fill: #24292f;font-weight: bold }
-.terminal-3915931705-r9 { fill: #000000 }
-.terminal-3915931705-r10 { fill: #704d1c;font-weight: bold }
-.terminal-3915931705-r11 { fill: #4d4e4f }
+    .terminal-1480941919-r1 { fill: #e0e0e0 }
+.terminal-1480941919-r2 { fill: #656565 }
+.terminal-1480941919-r3 { fill: #c5c8c6 }
+.terminal-1480941919-r4 { fill: #121212 }
+.terminal-1480941919-r5 { fill: #e1e1e1 }
+.terminal-1480941919-r6 { fill: #454a50 }
+.terminal-1480941919-r7 { fill: #646464 }
+.terminal-1480941919-r8 { fill: #24292f;font-weight: bold }
+.terminal-1480941919-r9 { fill: #000000 }
+.terminal-1480941919-r10 { fill: #704d1c;font-weight: bold }
+.terminal-1480941919-r11 { fill: #4d4e4f }
+.terminal-1480941919-r12 { fill: #292a2c }
     </style>
 
     <defs>
-    <clipPath id="terminal-3915931705-clip-terminal">
+    <clipPath id="terminal-1480941919-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3915931705-line-0">
+    <clipPath id="terminal-1480941919-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-1">
+<clipPath id="terminal-1480941919-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-2">
+<clipPath id="terminal-1480941919-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-3">
+<clipPath id="terminal-1480941919-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-4">
+<clipPath id="terminal-1480941919-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-5">
+<clipPath id="terminal-1480941919-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-6">
+<clipPath id="terminal-1480941919-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-7">
+<clipPath id="terminal-1480941919-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-8">
+<clipPath id="terminal-1480941919-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-9">
+<clipPath id="terminal-1480941919-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-10">
+<clipPath id="terminal-1480941919-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-11">
+<clipPath id="terminal-1480941919-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-12">
+<clipPath id="terminal-1480941919-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-13">
+<clipPath id="terminal-1480941919-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-14">
+<clipPath id="terminal-1480941919-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-15">
+<clipPath id="terminal-1480941919-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-16">
+<clipPath id="terminal-1480941919-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-17">
+<clipPath id="terminal-1480941919-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-18">
+<clipPath id="terminal-1480941919-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-19">
+<clipPath id="terminal-1480941919-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-20">
+<clipPath id="terminal-1480941919-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-21">
+<clipPath id="terminal-1480941919-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3915931705-line-22">
+<clipPath id="terminal-1480941919-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3915931705-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1480941919-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3915931705-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1480941919-clip-terminal)">
     <rect fill="#121212" x="0" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="73.2" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1a1a1a" x="524.6" y="1.5" width="451.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="12.2" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="36.6" y="50.3" width="902.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="939.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1b1b1b" x="12.2" y="74.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="99.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#e2e3e3" x="73.2" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="123.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="123.5" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="195.2" y="147.9" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#161616" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="36.6" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="183" y="562.7" width="646.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#191b1d" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3915931705-matrix">
-    <text class="terminal-3915931705-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-3915931705-line-0)">Dialog</text><text class="terminal-3915931705-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-3915931705-line-0)">ModalApp</text><text class="terminal-3915931705-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3915931705-line-0)">
-</text><text class="terminal-3915931705-r4" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-1)">▊</text><text class="terminal-3915931705-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-3915931705-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3915931705-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-1)">▎</text><text class="terminal-3915931705-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-1)">
-</text><text class="terminal-3915931705-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-2)">▊</text><text class="terminal-3915931705-r5" x="36.6" y="68.8" textLength="902.8" clip-path="url(#terminal-3915931705-line-2)">hi!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3915931705-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-2)">▎</text><text class="terminal-3915931705-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-2)">
-</text><text class="terminal-3915931705-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-3)">▊</text><text class="terminal-3915931705-r4" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-3915931705-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3915931705-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-3)">▎</text><text class="terminal-3915931705-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-3)">
-</text><text class="terminal-3915931705-r6" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-3915931705-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3915931705-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3915931705-line-4)">
-</text><text class="terminal-3915931705-r8" x="73.2" y="142" textLength="48.8" clip-path="url(#terminal-3915931705-line-5)">&#160;OK&#160;</text><text class="terminal-3915931705-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3915931705-line-5)">
-</text><text class="terminal-3915931705-r9" x="0" y="166.4" textLength="195.2" clip-path="url(#terminal-3915931705-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3915931705-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-6)">
-</text><text class="terminal-3915931705-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-7)">
-</text><text class="terminal-3915931705-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-8)">
-</text><text class="terminal-3915931705-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3915931705-line-9)">
-</text><text class="terminal-3915931705-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3915931705-line-10)">
-</text><text class="terminal-3915931705-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-11)">
-</text><text class="terminal-3915931705-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-12)">
-</text><text class="terminal-3915931705-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-13)">
-</text><text class="terminal-3915931705-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3915931705-line-14)">
-</text><text class="terminal-3915931705-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3915931705-line-15)">
-</text><text class="terminal-3915931705-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-16)">
-</text><text class="terminal-3915931705-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-17)">
-</text><text class="terminal-3915931705-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3915931705-line-18)">
-</text><text class="terminal-3915931705-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3915931705-line-19)">
-</text><text class="terminal-3915931705-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3915931705-line-20)">
-</text><text class="terminal-3915931705-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3915931705-line-21)">
-</text><text class="terminal-3915931705-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3915931705-line-22)">
-</text><text class="terminal-3915931705-r10" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3915931705-line-23)">&#160;⏎&#160;</text><text class="terminal-3915931705-r11" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-3915931705-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-3915931705-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3915931705-line-23)">^p</text><text class="terminal-3915931705-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3915931705-line-23)">&#160;palette</text>
+    <g class="terminal-1480941919-matrix">
+    <text class="terminal-1480941919-r1" x="0" y="20" textLength="73.2" clip-path="url(#terminal-1480941919-line-0)">Dialog</text><text class="terminal-1480941919-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-1480941919-line-0)">ModalApp</text><text class="terminal-1480941919-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1480941919-line-0)">
+</text><text class="terminal-1480941919-r4" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-1)">▊</text><text class="terminal-1480941919-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-1480941919-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1480941919-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-1)">▎</text><text class="terminal-1480941919-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-1)">
+</text><text class="terminal-1480941919-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-2)">▊</text><text class="terminal-1480941919-r5" x="36.6" y="68.8" textLength="902.8" clip-path="url(#terminal-1480941919-line-2)">hi!&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1480941919-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-2)">▎</text><text class="terminal-1480941919-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-2)">
+</text><text class="terminal-1480941919-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-3)">▊</text><text class="terminal-1480941919-r4" x="12.2" y="93.2" textLength="951.6" clip-path="url(#terminal-1480941919-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1480941919-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-3)">▎</text><text class="terminal-1480941919-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-3)">
+</text><text class="terminal-1480941919-r6" x="0" y="117.6" textLength="195.2" clip-path="url(#terminal-1480941919-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1480941919-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1480941919-line-4)">
+</text><text class="terminal-1480941919-r8" x="73.2" y="142" textLength="48.8" clip-path="url(#terminal-1480941919-line-5)">&#160;OK&#160;</text><text class="terminal-1480941919-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1480941919-line-5)">
+</text><text class="terminal-1480941919-r9" x="0" y="166.4" textLength="195.2" clip-path="url(#terminal-1480941919-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1480941919-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-6)">
+</text><text class="terminal-1480941919-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-7)">
+</text><text class="terminal-1480941919-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-8)">
+</text><text class="terminal-1480941919-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1480941919-line-9)">
+</text><text class="terminal-1480941919-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1480941919-line-10)">
+</text><text class="terminal-1480941919-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-11)">
+</text><text class="terminal-1480941919-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-12)">
+</text><text class="terminal-1480941919-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-13)">
+</text><text class="terminal-1480941919-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1480941919-line-14)">
+</text><text class="terminal-1480941919-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1480941919-line-15)">
+</text><text class="terminal-1480941919-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-16)">
+</text><text class="terminal-1480941919-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-17)">
+</text><text class="terminal-1480941919-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-18)">
+</text><text class="terminal-1480941919-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1480941919-line-19)">
+</text><text class="terminal-1480941919-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1480941919-line-20)">
+</text><text class="terminal-1480941919-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1480941919-line-21)">
+</text><text class="terminal-1480941919-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1480941919-line-22)">
+</text><text class="terminal-1480941919-r10" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1480941919-line-23)">&#160;⏎&#160;</text><text class="terminal-1480941919-r11" x="36.6" y="581.2" textLength="146.4" clip-path="url(#terminal-1480941919-line-23)">Open&#160;Dialog&#160;</text><text class="terminal-1480941919-r12" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1480941919-line-23)">▏</text><text class="terminal-1480941919-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1480941919-line-23)">^p</text><text class="terminal-1480941919-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1480941919-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg
index b661198d73..3753de5455 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_multi_keys.svg
@@ -19,135 +19,136 @@
         font-weight: 700;
     }
 
-    .terminal-2590969329-matrix {
+    .terminal-3028037063-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2590969329-title {
+    .terminal-3028037063-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2590969329-r1 { fill: #e1e1e1 }
-.terminal-2590969329-r2 { fill: #c5c8c6 }
-.terminal-2590969329-r3 { fill: #fea62b;font-weight: bold }
-.terminal-2590969329-r4 { fill: #a7a9ab }
-.terminal-2590969329-r5 { fill: #e2e3e3 }
+    .terminal-3028037063-r1 { fill: #e1e1e1 }
+.terminal-3028037063-r2 { fill: #c5c8c6 }
+.terminal-3028037063-r3 { fill: #fea62b;font-weight: bold }
+.terminal-3028037063-r4 { fill: #a7a9ab }
+.terminal-3028037063-r5 { fill: #e2e3e3 }
+.terminal-3028037063-r6 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2590969329-clip-terminal">
+    <clipPath id="terminal-3028037063-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2590969329-line-0">
+    <clipPath id="terminal-3028037063-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-1">
+<clipPath id="terminal-3028037063-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-2">
+<clipPath id="terminal-3028037063-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-3">
+<clipPath id="terminal-3028037063-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-4">
+<clipPath id="terminal-3028037063-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-5">
+<clipPath id="terminal-3028037063-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-6">
+<clipPath id="terminal-3028037063-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-7">
+<clipPath id="terminal-3028037063-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-8">
+<clipPath id="terminal-3028037063-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-9">
+<clipPath id="terminal-3028037063-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-10">
+<clipPath id="terminal-3028037063-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-11">
+<clipPath id="terminal-3028037063-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-12">
+<clipPath id="terminal-3028037063-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-13">
+<clipPath id="terminal-3028037063-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-14">
+<clipPath id="terminal-3028037063-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-15">
+<clipPath id="terminal-3028037063-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-16">
+<clipPath id="terminal-3028037063-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-17">
+<clipPath id="terminal-3028037063-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-18">
+<clipPath id="terminal-3028037063-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-19">
+<clipPath id="terminal-3028037063-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-20">
+<clipPath id="terminal-3028037063-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-21">
+<clipPath id="terminal-3028037063-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2590969329-line-22">
+<clipPath id="terminal-3028037063-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2590969329-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3028037063-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">MApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2590969329-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3028037063-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2590969329-matrix">
-    <text class="terminal-2590969329-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2590969329-line-0)">
-</text><text class="terminal-2590969329-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2590969329-line-1)">
-</text><text class="terminal-2590969329-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2590969329-line-2)">
-</text><text class="terminal-2590969329-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2590969329-line-3)">
-</text><text class="terminal-2590969329-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2590969329-line-4)">
-</text><text class="terminal-2590969329-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2590969329-line-5)">
-</text><text class="terminal-2590969329-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2590969329-line-6)">
-</text><text class="terminal-2590969329-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2590969329-line-7)">
-</text><text class="terminal-2590969329-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2590969329-line-8)">
-</text><text class="terminal-2590969329-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2590969329-line-9)">
-</text><text class="terminal-2590969329-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2590969329-line-10)">
-</text><text class="terminal-2590969329-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2590969329-line-11)">
-</text><text class="terminal-2590969329-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2590969329-line-12)">
-</text><text class="terminal-2590969329-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2590969329-line-13)">
-</text><text class="terminal-2590969329-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2590969329-line-14)">
-</text><text class="terminal-2590969329-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2590969329-line-15)">
-</text><text class="terminal-2590969329-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2590969329-line-16)">
-</text><text class="terminal-2590969329-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2590969329-line-17)">
-</text><text class="terminal-2590969329-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2590969329-line-18)">
-</text><text class="terminal-2590969329-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2590969329-line-19)">
-</text><text class="terminal-2590969329-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2590969329-line-20)">
-</text><text class="terminal-2590969329-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2590969329-line-21)">
-</text><text class="terminal-2590969329-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2590969329-line-22)">
-</text><text class="terminal-2590969329-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2590969329-line-23)">&#160;o&#160;</text><text class="terminal-2590969329-r4" x="36.6" y="581.2" textLength="97.6" clip-path="url(#terminal-2590969329-line-23)">Options&#160;</text><text class="terminal-2590969329-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2590969329-line-23)">^p</text><text class="terminal-2590969329-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2590969329-line-23)">&#160;palette</text>
+    <g class="terminal-3028037063-matrix">
+    <text class="terminal-3028037063-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3028037063-line-0)">
+</text><text class="terminal-3028037063-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3028037063-line-1)">
+</text><text class="terminal-3028037063-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3028037063-line-2)">
+</text><text class="terminal-3028037063-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3028037063-line-3)">
+</text><text class="terminal-3028037063-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3028037063-line-4)">
+</text><text class="terminal-3028037063-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3028037063-line-5)">
+</text><text class="terminal-3028037063-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3028037063-line-6)">
+</text><text class="terminal-3028037063-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3028037063-line-7)">
+</text><text class="terminal-3028037063-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3028037063-line-8)">
+</text><text class="terminal-3028037063-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3028037063-line-9)">
+</text><text class="terminal-3028037063-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3028037063-line-10)">
+</text><text class="terminal-3028037063-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3028037063-line-11)">
+</text><text class="terminal-3028037063-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3028037063-line-12)">
+</text><text class="terminal-3028037063-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3028037063-line-13)">
+</text><text class="terminal-3028037063-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3028037063-line-14)">
+</text><text class="terminal-3028037063-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3028037063-line-15)">
+</text><text class="terminal-3028037063-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3028037063-line-16)">
+</text><text class="terminal-3028037063-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3028037063-line-17)">
+</text><text class="terminal-3028037063-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3028037063-line-18)">
+</text><text class="terminal-3028037063-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3028037063-line-19)">
+</text><text class="terminal-3028037063-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3028037063-line-20)">
+</text><text class="terminal-3028037063-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3028037063-line-21)">
+</text><text class="terminal-3028037063-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3028037063-line-22)">
+</text><text class="terminal-3028037063-r3" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3028037063-line-23)">&#160;o&#160;</text><text class="terminal-3028037063-r4" x="36.6" y="581.2" textLength="97.6" clip-path="url(#terminal-3028037063-line-23)">Options&#160;</text><text class="terminal-3028037063-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3028037063-line-23)">▏</text><text class="terminal-3028037063-r3" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3028037063-line-23)">^p</text><text class="terminal-3028037063-r4" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3028037063-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg
index 27efcba9cb..c8fc101580 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_options.svg
@@ -19,143 +19,144 @@
         font-weight: 700;
     }
 
-    .terminal-4103379692-matrix {
+    .terminal-2741156546-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-4103379692-title {
+    .terminal-2741156546-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-4103379692-r1 { fill: #c5c8c6 }
-.terminal-4103379692-r2 { fill: #e3e3e3 }
-.terminal-4103379692-r3 { fill: #e1e1e1 }
-.terminal-4103379692-r4 { fill: #1e1e1e }
-.terminal-4103379692-r5 { fill: #0178d4 }
-.terminal-4103379692-r6 { fill: #ddedf9;font-weight: bold }
-.terminal-4103379692-r7 { fill: #e2e2e2 }
-.terminal-4103379692-r8 { fill: #434343 }
-.terminal-4103379692-r9 { fill: #787878 }
-.terminal-4103379692-r10 { fill: #14191f }
-.terminal-4103379692-r11 { fill: #e2e3e3 }
-.terminal-4103379692-r12 { fill: #fea62b;font-weight: bold }
-.terminal-4103379692-r13 { fill: #a7a9ab }
+    .terminal-2741156546-r1 { fill: #c5c8c6 }
+.terminal-2741156546-r2 { fill: #e3e3e3 }
+.terminal-2741156546-r3 { fill: #e1e1e1 }
+.terminal-2741156546-r4 { fill: #1e1e1e }
+.terminal-2741156546-r5 { fill: #0178d4 }
+.terminal-2741156546-r6 { fill: #ddedf9;font-weight: bold }
+.terminal-2741156546-r7 { fill: #e2e2e2 }
+.terminal-2741156546-r8 { fill: #434343 }
+.terminal-2741156546-r9 { fill: #787878 }
+.terminal-2741156546-r10 { fill: #14191f }
+.terminal-2741156546-r11 { fill: #e2e3e3 }
+.terminal-2741156546-r12 { fill: #4c5055 }
+.terminal-2741156546-r13 { fill: #fea62b;font-weight: bold }
+.terminal-2741156546-r14 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-4103379692-clip-terminal">
+    <clipPath id="terminal-2741156546-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-4103379692-line-0">
+    <clipPath id="terminal-2741156546-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-1">
+<clipPath id="terminal-2741156546-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-2">
+<clipPath id="terminal-2741156546-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-3">
+<clipPath id="terminal-2741156546-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-4">
+<clipPath id="terminal-2741156546-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-5">
+<clipPath id="terminal-2741156546-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-6">
+<clipPath id="terminal-2741156546-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-7">
+<clipPath id="terminal-2741156546-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-8">
+<clipPath id="terminal-2741156546-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-9">
+<clipPath id="terminal-2741156546-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-10">
+<clipPath id="terminal-2741156546-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-11">
+<clipPath id="terminal-2741156546-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-12">
+<clipPath id="terminal-2741156546-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-13">
+<clipPath id="terminal-2741156546-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-14">
+<clipPath id="terminal-2741156546-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-15">
+<clipPath id="terminal-2741156546-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-16">
+<clipPath id="terminal-2741156546-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-17">
+<clipPath id="terminal-2741156546-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-18">
+<clipPath id="terminal-2741156546-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-19">
+<clipPath id="terminal-2741156546-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-20">
+<clipPath id="terminal-2741156546-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-21">
+<clipPath id="terminal-2741156546-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4103379692-line-22">
+<clipPath id="terminal-2741156546-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4103379692-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2741156546-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-4103379692-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2741156546-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="74.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="99.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="123.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="147.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="172.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="196.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="221.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="245.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="269.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="294.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="318.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="343.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="367.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="391.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="416.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="440.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="465.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-4103379692-matrix">
-    <text class="terminal-4103379692-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-4103379692-line-0)">⭘</text><text class="terminal-4103379692-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-4103379692-line-0)">OptionListApp</text><text class="terminal-4103379692-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4103379692-line-0)">
-</text><text class="terminal-4103379692-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-1)">
-</text><text class="terminal-4103379692-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-2)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-3)">▊</text><text class="terminal-4103379692-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-4103379692-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4103379692-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-3)">▎</text><text class="terminal-4103379692-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-3)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-4)">▊</text><text class="terminal-4103379692-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-4103379692-line-4)">Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-4)">▎</text><text class="terminal-4103379692-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-4)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-4103379692-line-5)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="142" textLength="610" clip-path="url(#terminal-4103379692-line-5)">Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-4103379692-line-5)">▎</text><text class="terminal-4103379692-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4103379692-line-5)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-6)">▊</text><text class="terminal-4103379692-r8" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-4103379692-line-6)">──────────────────────────────────────────────────</text><text class="terminal-4103379692-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-6)">▎</text><text class="terminal-4103379692-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-6)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-7)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-4103379692-line-7)">Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-7)">▎</text><text class="terminal-4103379692-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-7)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-8)">▊</text><text class="terminal-4103379692-r9" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-4103379692-line-8)">Caprica&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-8)">▎</text><text class="terminal-4103379692-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-8)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-9)">▊</text><text class="terminal-4103379692-r8" x="170.8" y="239.6" textLength="610" clip-path="url(#terminal-4103379692-line-9)">──────────────────────────────────────────────────</text><text class="terminal-4103379692-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-9)">▎</text><text class="terminal-4103379692-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-9)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-4103379692-line-10)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="264" textLength="610" clip-path="url(#terminal-4103379692-line-10)">Gemenon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-4103379692-line-10)">▎</text><text class="terminal-4103379692-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4103379692-line-10)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-11)">▊</text><text class="terminal-4103379692-r8" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-4103379692-line-11)">──────────────────────────────────────────────────</text><text class="terminal-4103379692-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-11)">▎</text><text class="terminal-4103379692-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-11)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-12)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="312.8" textLength="610" clip-path="url(#terminal-4103379692-line-12)">Leonis&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-12)">▎</text><text class="terminal-4103379692-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-12)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-13)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-4103379692-line-13)">Libran&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-13)">▎</text><text class="terminal-4103379692-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-13)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-14)">▊</text><text class="terminal-4103379692-r8" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-4103379692-line-14)">──────────────────────────────────────────────────</text><text class="terminal-4103379692-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-14)">▎</text><text class="terminal-4103379692-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-14)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-4103379692-line-15)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="386" textLength="610" clip-path="url(#terminal-4103379692-line-15)">Picon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r10" x="780.8" y="386" textLength="24.4" clip-path="url(#terminal-4103379692-line-15)">▁▁</text><text class="terminal-4103379692-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-4103379692-line-15)">▎</text><text class="terminal-4103379692-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4103379692-line-15)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-16)">▊</text><text class="terminal-4103379692-r8" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-4103379692-line-16)">──────────────────────────────────────────────────</text><text class="terminal-4103379692-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-16)">▎</text><text class="terminal-4103379692-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-16)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-17)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-4103379692-line-17)">Sagittaron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-17)">▎</text><text class="terminal-4103379692-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-17)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-18)">▊</text><text class="terminal-4103379692-r7" x="170.8" y="459.2" textLength="610" clip-path="url(#terminal-4103379692-line-18)">Scorpia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4103379692-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-18)">▎</text><text class="terminal-4103379692-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4103379692-line-18)">
-</text><text class="terminal-4103379692-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-19)">▊</text><text class="terminal-4103379692-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-4103379692-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4103379692-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-19)">▎</text><text class="terminal-4103379692-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4103379692-line-19)">
-</text><text class="terminal-4103379692-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4103379692-line-20)">
-</text><text class="terminal-4103379692-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4103379692-line-21)">
-</text><text class="terminal-4103379692-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4103379692-line-22)">
-</text><text class="terminal-4103379692-r12" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4103379692-line-23)">^p</text><text class="terminal-4103379692-r13" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4103379692-line-23)">&#160;palette</text>
+    <g class="terminal-2741156546-matrix">
+    <text class="terminal-2741156546-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2741156546-line-0)">⭘</text><text class="terminal-2741156546-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-2741156546-line-0)">OptionListApp</text><text class="terminal-2741156546-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2741156546-line-0)">
+</text><text class="terminal-2741156546-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-1)">
+</text><text class="terminal-2741156546-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-2)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-3)">▊</text><text class="terminal-2741156546-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-2741156546-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2741156546-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-3)">▎</text><text class="terminal-2741156546-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-3)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-4)">▊</text><text class="terminal-2741156546-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-2741156546-line-4)">Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-4)">▎</text><text class="terminal-2741156546-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-4)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-2741156546-line-5)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="142" textLength="610" clip-path="url(#terminal-2741156546-line-5)">Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-2741156546-line-5)">▎</text><text class="terminal-2741156546-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2741156546-line-5)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-6)">▊</text><text class="terminal-2741156546-r8" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-2741156546-line-6)">──────────────────────────────────────────────────</text><text class="terminal-2741156546-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-6)">▎</text><text class="terminal-2741156546-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-6)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-7)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-2741156546-line-7)">Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-7)">▎</text><text class="terminal-2741156546-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-7)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-8)">▊</text><text class="terminal-2741156546-r9" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-2741156546-line-8)">Caprica&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-8)">▎</text><text class="terminal-2741156546-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-8)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-9)">▊</text><text class="terminal-2741156546-r8" x="170.8" y="239.6" textLength="610" clip-path="url(#terminal-2741156546-line-9)">──────────────────────────────────────────────────</text><text class="terminal-2741156546-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-9)">▎</text><text class="terminal-2741156546-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-9)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-2741156546-line-10)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="264" textLength="610" clip-path="url(#terminal-2741156546-line-10)">Gemenon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-2741156546-line-10)">▎</text><text class="terminal-2741156546-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2741156546-line-10)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-11)">▊</text><text class="terminal-2741156546-r8" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-2741156546-line-11)">──────────────────────────────────────────────────</text><text class="terminal-2741156546-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-11)">▎</text><text class="terminal-2741156546-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-11)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-12)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="312.8" textLength="610" clip-path="url(#terminal-2741156546-line-12)">Leonis&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-12)">▎</text><text class="terminal-2741156546-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-12)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-13)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-2741156546-line-13)">Libran&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-13)">▎</text><text class="terminal-2741156546-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-13)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-14)">▊</text><text class="terminal-2741156546-r8" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-2741156546-line-14)">──────────────────────────────────────────────────</text><text class="terminal-2741156546-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-14)">▎</text><text class="terminal-2741156546-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-14)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-2741156546-line-15)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="386" textLength="610" clip-path="url(#terminal-2741156546-line-15)">Picon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r10" x="780.8" y="386" textLength="24.4" clip-path="url(#terminal-2741156546-line-15)">▁▁</text><text class="terminal-2741156546-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-2741156546-line-15)">▎</text><text class="terminal-2741156546-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2741156546-line-15)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-16)">▊</text><text class="terminal-2741156546-r8" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-2741156546-line-16)">──────────────────────────────────────────────────</text><text class="terminal-2741156546-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-16)">▎</text><text class="terminal-2741156546-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-16)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-17)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-2741156546-line-17)">Sagittaron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-17)">▎</text><text class="terminal-2741156546-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-17)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-18)">▊</text><text class="terminal-2741156546-r7" x="170.8" y="459.2" textLength="610" clip-path="url(#terminal-2741156546-line-18)">Scorpia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2741156546-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-18)">▎</text><text class="terminal-2741156546-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-18)">
+</text><text class="terminal-2741156546-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-19)">▊</text><text class="terminal-2741156546-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-2741156546-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2741156546-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-19)">▎</text><text class="terminal-2741156546-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2741156546-line-19)">
+</text><text class="terminal-2741156546-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2741156546-line-20)">
+</text><text class="terminal-2741156546-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2741156546-line-21)">
+</text><text class="terminal-2741156546-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2741156546-line-22)">
+</text><text class="terminal-2741156546-r12" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2741156546-line-23)">▏</text><text class="terminal-2741156546-r13" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2741156546-line-23)">^p</text><text class="terminal-2741156546-r14" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2741156546-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg
index ddaa734439..3e84cddfdc 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_single_line.svg
@@ -19,140 +19,141 @@
         font-weight: 700;
     }
 
-    .terminal-1190918950-matrix {
+    .terminal-228924171-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1190918950-title {
+    .terminal-228924171-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1190918950-r1 { fill: #c5c8c6 }
-.terminal-1190918950-r2 { fill: #e3e3e3 }
-.terminal-1190918950-r3 { fill: #1e1e1e }
-.terminal-1190918950-r4 { fill: #0178d4 }
-.terminal-1190918950-r5 { fill: #ddedf9;font-weight: bold }
-.terminal-1190918950-r6 { fill: #e2e2e2 }
-.terminal-1190918950-r7 { fill: #e1e1e1 }
-.terminal-1190918950-r8 { fill: #e2e3e3 }
-.terminal-1190918950-r9 { fill: #fea62b;font-weight: bold }
-.terminal-1190918950-r10 { fill: #a7a9ab }
+    .terminal-228924171-r1 { fill: #c5c8c6 }
+.terminal-228924171-r2 { fill: #e3e3e3 }
+.terminal-228924171-r3 { fill: #1e1e1e }
+.terminal-228924171-r4 { fill: #0178d4 }
+.terminal-228924171-r5 { fill: #ddedf9;font-weight: bold }
+.terminal-228924171-r6 { fill: #e2e2e2 }
+.terminal-228924171-r7 { fill: #e1e1e1 }
+.terminal-228924171-r8 { fill: #e2e3e3 }
+.terminal-228924171-r9 { fill: #4c5055 }
+.terminal-228924171-r10 { fill: #fea62b;font-weight: bold }
+.terminal-228924171-r11 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-1190918950-clip-terminal">
+    <clipPath id="terminal-228924171-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1190918950-line-0">
+    <clipPath id="terminal-228924171-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-1">
+<clipPath id="terminal-228924171-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-2">
+<clipPath id="terminal-228924171-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-3">
+<clipPath id="terminal-228924171-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-4">
+<clipPath id="terminal-228924171-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-5">
+<clipPath id="terminal-228924171-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-6">
+<clipPath id="terminal-228924171-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-7">
+<clipPath id="terminal-228924171-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-8">
+<clipPath id="terminal-228924171-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-9">
+<clipPath id="terminal-228924171-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-10">
+<clipPath id="terminal-228924171-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-11">
+<clipPath id="terminal-228924171-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-12">
+<clipPath id="terminal-228924171-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-13">
+<clipPath id="terminal-228924171-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-14">
+<clipPath id="terminal-228924171-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-15">
+<clipPath id="terminal-228924171-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-16">
+<clipPath id="terminal-228924171-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-17">
+<clipPath id="terminal-228924171-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-18">
+<clipPath id="terminal-228924171-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-19">
+<clipPath id="terminal-228924171-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-20">
+<clipPath id="terminal-228924171-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-21">
+<clipPath id="terminal-228924171-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1190918950-line-22">
+<clipPath id="terminal-228924171-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1190918950-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-228924171-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1190918950-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-228924171-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1190918950-matrix">
-    <text class="terminal-1190918950-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1190918950-line-0)">⭘</text><text class="terminal-1190918950-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-1190918950-line-0)">OptionListApp</text><text class="terminal-1190918950-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1190918950-line-0)">
-</text><text class="terminal-1190918950-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-1)">▊</text><text class="terminal-1190918950-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-1190918950-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1190918950-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-1)">▎</text><text class="terminal-1190918950-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-1)">
-</text><text class="terminal-1190918950-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-2)">▊</text><text class="terminal-1190918950-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-1190918950-line-2)">1.&#160;Another&#160;single&#160;line&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-2)">▎</text><text class="terminal-1190918950-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-2)">
-</text><text class="terminal-1190918950-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-3)">▊</text><text class="terminal-1190918950-r6" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-1190918950-line-3)">2.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-3)">▎</text><text class="terminal-1190918950-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-3)">
-</text><text class="terminal-1190918950-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-4)">▊</text><text class="terminal-1190918950-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-1190918950-line-4)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-4)">▎</text><text class="terminal-1190918950-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-4)">
-</text><text class="terminal-1190918950-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1190918950-line-5)">▊</text><text class="terminal-1190918950-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-1190918950-line-5)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-1190918950-line-5)">▎</text><text class="terminal-1190918950-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1190918950-line-5)">
-</text><text class="terminal-1190918950-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-6)">▊</text><text class="terminal-1190918950-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-1190918950-line-6)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-6)">▎</text><text class="terminal-1190918950-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-6)">
-</text><text class="terminal-1190918950-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-7)">▊</text><text class="terminal-1190918950-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-1190918950-line-7)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1190918950-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-7)">▎</text><text class="terminal-1190918950-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-7)">
-</text><text class="terminal-1190918950-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-8)">▊</text><text class="terminal-1190918950-r4" x="12.2" y="215.2" textLength="951.6" clip-path="url(#terminal-1190918950-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1190918950-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-8)">▎</text><text class="terminal-1190918950-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-8)">
-</text><text class="terminal-1190918950-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-9)">
-</text><text class="terminal-1190918950-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1190918950-line-10)">
-</text><text class="terminal-1190918950-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-11)">
-</text><text class="terminal-1190918950-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-12)">
-</text><text class="terminal-1190918950-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-13)">
-</text><text class="terminal-1190918950-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-14)">
-</text><text class="terminal-1190918950-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1190918950-line-15)">
-</text><text class="terminal-1190918950-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-16)">
-</text><text class="terminal-1190918950-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-17)">
-</text><text class="terminal-1190918950-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1190918950-line-18)">
-</text><text class="terminal-1190918950-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1190918950-line-19)">
-</text><text class="terminal-1190918950-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1190918950-line-20)">
-</text><text class="terminal-1190918950-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1190918950-line-21)">
-</text><text class="terminal-1190918950-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1190918950-line-22)">
-</text><text class="terminal-1190918950-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1190918950-line-23)">^p</text><text class="terminal-1190918950-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1190918950-line-23)">&#160;palette</text>
+    <g class="terminal-228924171-matrix">
+    <text class="terminal-228924171-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-228924171-line-0)">⭘</text><text class="terminal-228924171-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-228924171-line-0)">OptionListApp</text><text class="terminal-228924171-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-228924171-line-0)">
+</text><text class="terminal-228924171-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-228924171-line-1)">▊</text><text class="terminal-228924171-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-228924171-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-228924171-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-228924171-line-1)">▎</text><text class="terminal-228924171-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-228924171-line-1)">
+</text><text class="terminal-228924171-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-228924171-line-2)">▊</text><text class="terminal-228924171-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-228924171-line-2)">1.&#160;Another&#160;single&#160;line&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-228924171-line-2)">▎</text><text class="terminal-228924171-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-228924171-line-2)">
+</text><text class="terminal-228924171-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-228924171-line-3)">▊</text><text class="terminal-228924171-r6" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-228924171-line-3)">2.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-228924171-line-3)">▎</text><text class="terminal-228924171-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-228924171-line-3)">
+</text><text class="terminal-228924171-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-228924171-line-4)">▊</text><text class="terminal-228924171-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-228924171-line-4)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-228924171-line-4)">▎</text><text class="terminal-228924171-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-228924171-line-4)">
+</text><text class="terminal-228924171-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-228924171-line-5)">▊</text><text class="terminal-228924171-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-228924171-line-5)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-228924171-line-5)">▎</text><text class="terminal-228924171-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-228924171-line-5)">
+</text><text class="terminal-228924171-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-228924171-line-6)">▊</text><text class="terminal-228924171-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-228924171-line-6)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-228924171-line-6)">▎</text><text class="terminal-228924171-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-228924171-line-6)">
+</text><text class="terminal-228924171-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-228924171-line-7)">▊</text><text class="terminal-228924171-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-228924171-line-7)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-228924171-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-228924171-line-7)">▎</text><text class="terminal-228924171-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-228924171-line-7)">
+</text><text class="terminal-228924171-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-228924171-line-8)">▊</text><text class="terminal-228924171-r4" x="12.2" y="215.2" textLength="951.6" clip-path="url(#terminal-228924171-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-228924171-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-228924171-line-8)">▎</text><text class="terminal-228924171-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-228924171-line-8)">
+</text><text class="terminal-228924171-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-228924171-line-9)">
+</text><text class="terminal-228924171-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-228924171-line-10)">
+</text><text class="terminal-228924171-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-228924171-line-11)">
+</text><text class="terminal-228924171-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-228924171-line-12)">
+</text><text class="terminal-228924171-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-228924171-line-13)">
+</text><text class="terminal-228924171-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-228924171-line-14)">
+</text><text class="terminal-228924171-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-228924171-line-15)">
+</text><text class="terminal-228924171-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-228924171-line-16)">
+</text><text class="terminal-228924171-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-228924171-line-17)">
+</text><text class="terminal-228924171-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-228924171-line-18)">
+</text><text class="terminal-228924171-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-228924171-line-19)">
+</text><text class="terminal-228924171-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-228924171-line-20)">
+</text><text class="terminal-228924171-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-228924171-line-21)">
+</text><text class="terminal-228924171-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-228924171-line-22)">
+</text><text class="terminal-228924171-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-228924171-line-23)">▏</text><text class="terminal-228924171-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-228924171-line-23)">^p</text><text class="terminal-228924171-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-228924171-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg
index 5fd5e2fceb..20bf8b6f8f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_single_line_to_two_lines.svg
@@ -19,140 +19,141 @@
         font-weight: 700;
     }
 
-    .terminal-1084216715-matrix {
+    .terminal-3964204385-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1084216715-title {
+    .terminal-3964204385-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1084216715-r1 { fill: #c5c8c6 }
-.terminal-1084216715-r2 { fill: #e3e3e3 }
-.terminal-1084216715-r3 { fill: #1e1e1e }
-.terminal-1084216715-r4 { fill: #0178d4 }
-.terminal-1084216715-r5 { fill: #ddedf9;font-weight: bold }
-.terminal-1084216715-r6 { fill: #e2e2e2 }
-.terminal-1084216715-r7 { fill: #e1e1e1 }
-.terminal-1084216715-r8 { fill: #e2e3e3 }
-.terminal-1084216715-r9 { fill: #fea62b;font-weight: bold }
-.terminal-1084216715-r10 { fill: #a7a9ab }
+    .terminal-3964204385-r1 { fill: #c5c8c6 }
+.terminal-3964204385-r2 { fill: #e3e3e3 }
+.terminal-3964204385-r3 { fill: #1e1e1e }
+.terminal-3964204385-r4 { fill: #0178d4 }
+.terminal-3964204385-r5 { fill: #ddedf9;font-weight: bold }
+.terminal-3964204385-r6 { fill: #e2e2e2 }
+.terminal-3964204385-r7 { fill: #e1e1e1 }
+.terminal-3964204385-r8 { fill: #e2e3e3 }
+.terminal-3964204385-r9 { fill: #4c5055 }
+.terminal-3964204385-r10 { fill: #fea62b;font-weight: bold }
+.terminal-3964204385-r11 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-1084216715-clip-terminal">
+    <clipPath id="terminal-3964204385-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1084216715-line-0">
+    <clipPath id="terminal-3964204385-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-1">
+<clipPath id="terminal-3964204385-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-2">
+<clipPath id="terminal-3964204385-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-3">
+<clipPath id="terminal-3964204385-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-4">
+<clipPath id="terminal-3964204385-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-5">
+<clipPath id="terminal-3964204385-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-6">
+<clipPath id="terminal-3964204385-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-7">
+<clipPath id="terminal-3964204385-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-8">
+<clipPath id="terminal-3964204385-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-9">
+<clipPath id="terminal-3964204385-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-10">
+<clipPath id="terminal-3964204385-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-11">
+<clipPath id="terminal-3964204385-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-12">
+<clipPath id="terminal-3964204385-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-13">
+<clipPath id="terminal-3964204385-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-14">
+<clipPath id="terminal-3964204385-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-15">
+<clipPath id="terminal-3964204385-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-16">
+<clipPath id="terminal-3964204385-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-17">
+<clipPath id="terminal-3964204385-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-18">
+<clipPath id="terminal-3964204385-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-19">
+<clipPath id="terminal-3964204385-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-20">
+<clipPath id="terminal-3964204385-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-21">
+<clipPath id="terminal-3964204385-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1084216715-line-22">
+<clipPath id="terminal-3964204385-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1084216715-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3964204385-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1084216715-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3964204385-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="196.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1084216715-matrix">
-    <text class="terminal-1084216715-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1084216715-line-0)">⭘</text><text class="terminal-1084216715-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-1084216715-line-0)">OptionListApp</text><text class="terminal-1084216715-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1084216715-line-0)">
-</text><text class="terminal-1084216715-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-1)">▊</text><text class="terminal-1084216715-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-1084216715-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1084216715-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-1)">▎</text><text class="terminal-1084216715-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-1)">
-</text><text class="terminal-1084216715-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-2)">▊</text><text class="terminal-1084216715-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-1084216715-line-2)">1.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-2)">▎</text><text class="terminal-1084216715-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-2)">
-</text><text class="terminal-1084216715-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-3)">▊</text><text class="terminal-1084216715-r5" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-1084216715-line-3)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-3)">▎</text><text class="terminal-1084216715-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-3)">
-</text><text class="terminal-1084216715-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-4)">▊</text><text class="terminal-1084216715-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-1084216715-line-4)">2.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-4)">▎</text><text class="terminal-1084216715-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-4)">
-</text><text class="terminal-1084216715-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1084216715-line-5)">▊</text><text class="terminal-1084216715-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-1084216715-line-5)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-1084216715-line-5)">▎</text><text class="terminal-1084216715-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1084216715-line-5)">
-</text><text class="terminal-1084216715-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-6)">▊</text><text class="terminal-1084216715-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-1084216715-line-6)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-6)">▎</text><text class="terminal-1084216715-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-6)">
-</text><text class="terminal-1084216715-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-7)">▊</text><text class="terminal-1084216715-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-1084216715-line-7)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-7)">▎</text><text class="terminal-1084216715-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-7)">
-</text><text class="terminal-1084216715-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-8)">▊</text><text class="terminal-1084216715-r6" x="24.4" y="215.2" textLength="927.2" clip-path="url(#terminal-1084216715-line-8)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1084216715-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-8)">▎</text><text class="terminal-1084216715-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-8)">
-</text><text class="terminal-1084216715-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-9)">▊</text><text class="terminal-1084216715-r4" x="12.2" y="239.6" textLength="951.6" clip-path="url(#terminal-1084216715-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1084216715-r4" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-9)">▎</text><text class="terminal-1084216715-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-9)">
-</text><text class="terminal-1084216715-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1084216715-line-10)">
-</text><text class="terminal-1084216715-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-11)">
-</text><text class="terminal-1084216715-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-12)">
-</text><text class="terminal-1084216715-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-13)">
-</text><text class="terminal-1084216715-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-14)">
-</text><text class="terminal-1084216715-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1084216715-line-15)">
-</text><text class="terminal-1084216715-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-16)">
-</text><text class="terminal-1084216715-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-17)">
-</text><text class="terminal-1084216715-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1084216715-line-18)">
-</text><text class="terminal-1084216715-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1084216715-line-19)">
-</text><text class="terminal-1084216715-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1084216715-line-20)">
-</text><text class="terminal-1084216715-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1084216715-line-21)">
-</text><text class="terminal-1084216715-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1084216715-line-22)">
-</text><text class="terminal-1084216715-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1084216715-line-23)">^p</text><text class="terminal-1084216715-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1084216715-line-23)">&#160;palette</text>
+    <g class="terminal-3964204385-matrix">
+    <text class="terminal-3964204385-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3964204385-line-0)">⭘</text><text class="terminal-3964204385-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-3964204385-line-0)">OptionListApp</text><text class="terminal-3964204385-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3964204385-line-0)">
+</text><text class="terminal-3964204385-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-1)">▊</text><text class="terminal-3964204385-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-3964204385-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3964204385-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-1)">▎</text><text class="terminal-3964204385-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-1)">
+</text><text class="terminal-3964204385-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-2)">▊</text><text class="terminal-3964204385-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-3964204385-line-2)">1.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-2)">▎</text><text class="terminal-3964204385-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-2)">
+</text><text class="terminal-3964204385-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-3)">▊</text><text class="terminal-3964204385-r5" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-3964204385-line-3)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-3)">▎</text><text class="terminal-3964204385-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-3)">
+</text><text class="terminal-3964204385-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-4)">▊</text><text class="terminal-3964204385-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-3964204385-line-4)">2.&#160;Two&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-4)">▎</text><text class="terminal-3964204385-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-4)">
+</text><text class="terminal-3964204385-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3964204385-line-5)">▊</text><text class="terminal-3964204385-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-3964204385-line-5)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-3964204385-line-5)">▎</text><text class="terminal-3964204385-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3964204385-line-5)">
+</text><text class="terminal-3964204385-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-6)">▊</text><text class="terminal-3964204385-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-3964204385-line-6)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-6)">▎</text><text class="terminal-3964204385-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-6)">
+</text><text class="terminal-3964204385-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-7)">▊</text><text class="terminal-3964204385-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-3964204385-line-7)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-7)">▎</text><text class="terminal-3964204385-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-7)">
+</text><text class="terminal-3964204385-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-8)">▊</text><text class="terminal-3964204385-r6" x="24.4" y="215.2" textLength="927.2" clip-path="url(#terminal-3964204385-line-8)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3964204385-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-8)">▎</text><text class="terminal-3964204385-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-8)">
+</text><text class="terminal-3964204385-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-9)">▊</text><text class="terminal-3964204385-r4" x="12.2" y="239.6" textLength="951.6" clip-path="url(#terminal-3964204385-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3964204385-r4" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-9)">▎</text><text class="terminal-3964204385-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-9)">
+</text><text class="terminal-3964204385-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3964204385-line-10)">
+</text><text class="terminal-3964204385-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-11)">
+</text><text class="terminal-3964204385-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-12)">
+</text><text class="terminal-3964204385-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-13)">
+</text><text class="terminal-3964204385-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-14)">
+</text><text class="terminal-3964204385-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3964204385-line-15)">
+</text><text class="terminal-3964204385-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-16)">
+</text><text class="terminal-3964204385-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-17)">
+</text><text class="terminal-3964204385-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-18)">
+</text><text class="terminal-3964204385-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3964204385-line-19)">
+</text><text class="terminal-3964204385-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3964204385-line-20)">
+</text><text class="terminal-3964204385-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3964204385-line-21)">
+</text><text class="terminal-3964204385-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3964204385-line-22)">
+</text><text class="terminal-3964204385-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3964204385-line-23)">▏</text><text class="terminal-3964204385-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3964204385-line-23)">^p</text><text class="terminal-3964204385-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3964204385-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg
index d634379356..03d9063cd1 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_replace_prompt_from_two_lines_to_three_lines.svg
@@ -19,140 +19,141 @@
         font-weight: 700;
     }
 
-    .terminal-508023769-matrix {
+    .terminal-657519535-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-508023769-title {
+    .terminal-657519535-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-508023769-r1 { fill: #c5c8c6 }
-.terminal-508023769-r2 { fill: #e3e3e3 }
-.terminal-508023769-r3 { fill: #1e1e1e }
-.terminal-508023769-r4 { fill: #0178d4 }
-.terminal-508023769-r5 { fill: #ddedf9;font-weight: bold }
-.terminal-508023769-r6 { fill: #e2e2e2 }
-.terminal-508023769-r7 { fill: #e1e1e1 }
-.terminal-508023769-r8 { fill: #e2e3e3 }
-.terminal-508023769-r9 { fill: #fea62b;font-weight: bold }
-.terminal-508023769-r10 { fill: #a7a9ab }
+    .terminal-657519535-r1 { fill: #c5c8c6 }
+.terminal-657519535-r2 { fill: #e3e3e3 }
+.terminal-657519535-r3 { fill: #1e1e1e }
+.terminal-657519535-r4 { fill: #0178d4 }
+.terminal-657519535-r5 { fill: #ddedf9;font-weight: bold }
+.terminal-657519535-r6 { fill: #e2e2e2 }
+.terminal-657519535-r7 { fill: #e1e1e1 }
+.terminal-657519535-r8 { fill: #e2e3e3 }
+.terminal-657519535-r9 { fill: #4c5055 }
+.terminal-657519535-r10 { fill: #fea62b;font-weight: bold }
+.terminal-657519535-r11 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-508023769-clip-terminal">
+    <clipPath id="terminal-657519535-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-508023769-line-0">
+    <clipPath id="terminal-657519535-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-1">
+<clipPath id="terminal-657519535-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-2">
+<clipPath id="terminal-657519535-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-3">
+<clipPath id="terminal-657519535-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-4">
+<clipPath id="terminal-657519535-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-5">
+<clipPath id="terminal-657519535-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-6">
+<clipPath id="terminal-657519535-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-7">
+<clipPath id="terminal-657519535-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-8">
+<clipPath id="terminal-657519535-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-9">
+<clipPath id="terminal-657519535-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-10">
+<clipPath id="terminal-657519535-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-11">
+<clipPath id="terminal-657519535-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-12">
+<clipPath id="terminal-657519535-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-13">
+<clipPath id="terminal-657519535-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-14">
+<clipPath id="terminal-657519535-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-15">
+<clipPath id="terminal-657519535-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-16">
+<clipPath id="terminal-657519535-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-17">
+<clipPath id="terminal-657519535-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-18">
+<clipPath id="terminal-657519535-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-19">
+<clipPath id="terminal-657519535-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-20">
+<clipPath id="terminal-657519535-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-21">
+<clipPath id="terminal-657519535-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-508023769-line-22">
+<clipPath id="terminal-657519535-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-508023769-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-657519535-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-508023769-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-657519535-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="24.4" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="196.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="221.1" width="951.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-508023769-matrix">
-    <text class="terminal-508023769-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-508023769-line-0)">⭘</text><text class="terminal-508023769-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-508023769-line-0)">OptionListApp</text><text class="terminal-508023769-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-508023769-line-0)">
-</text><text class="terminal-508023769-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-508023769-line-1)">▊</text><text class="terminal-508023769-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-508023769-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-508023769-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-508023769-line-1)">▎</text><text class="terminal-508023769-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-508023769-line-1)">
-</text><text class="terminal-508023769-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-508023769-line-2)">▊</text><text class="terminal-508023769-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-508023769-line-2)">1.&#160;Single&#160;line&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-508023769-line-2)">▎</text><text class="terminal-508023769-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-508023769-line-2)">
-</text><text class="terminal-508023769-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-508023769-line-3)">▊</text><text class="terminal-508023769-r6" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-508023769-line-3)">1.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-508023769-line-3)">▎</text><text class="terminal-508023769-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-508023769-line-3)">
-</text><text class="terminal-508023769-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-508023769-line-4)">▊</text><text class="terminal-508023769-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-508023769-line-4)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-508023769-line-4)">▎</text><text class="terminal-508023769-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-508023769-line-4)">
-</text><text class="terminal-508023769-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-508023769-line-5)">▊</text><text class="terminal-508023769-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-508023769-line-5)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-508023769-line-5)">▎</text><text class="terminal-508023769-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-508023769-line-5)">
-</text><text class="terminal-508023769-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-508023769-line-6)">▊</text><text class="terminal-508023769-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-508023769-line-6)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-508023769-line-6)">▎</text><text class="terminal-508023769-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-508023769-line-6)">
-</text><text class="terminal-508023769-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-508023769-line-7)">▊</text><text class="terminal-508023769-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-508023769-line-7)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-508023769-line-7)">▎</text><text class="terminal-508023769-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-508023769-line-7)">
-</text><text class="terminal-508023769-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-508023769-line-8)">▊</text><text class="terminal-508023769-r6" x="24.4" y="215.2" textLength="927.2" clip-path="url(#terminal-508023769-line-8)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-508023769-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-508023769-line-8)">▎</text><text class="terminal-508023769-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-508023769-line-8)">
-</text><text class="terminal-508023769-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-508023769-line-9)">▊</text><text class="terminal-508023769-r4" x="12.2" y="239.6" textLength="951.6" clip-path="url(#terminal-508023769-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-508023769-r4" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-508023769-line-9)">▎</text><text class="terminal-508023769-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-508023769-line-9)">
-</text><text class="terminal-508023769-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-508023769-line-10)">
-</text><text class="terminal-508023769-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-508023769-line-11)">
-</text><text class="terminal-508023769-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-508023769-line-12)">
-</text><text class="terminal-508023769-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-508023769-line-13)">
-</text><text class="terminal-508023769-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-508023769-line-14)">
-</text><text class="terminal-508023769-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-508023769-line-15)">
-</text><text class="terminal-508023769-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-508023769-line-16)">
-</text><text class="terminal-508023769-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-508023769-line-17)">
-</text><text class="terminal-508023769-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-508023769-line-18)">
-</text><text class="terminal-508023769-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-508023769-line-19)">
-</text><text class="terminal-508023769-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-508023769-line-20)">
-</text><text class="terminal-508023769-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-508023769-line-21)">
-</text><text class="terminal-508023769-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-508023769-line-22)">
-</text><text class="terminal-508023769-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-508023769-line-23)">^p</text><text class="terminal-508023769-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-508023769-line-23)">&#160;palette</text>
+    <g class="terminal-657519535-matrix">
+    <text class="terminal-657519535-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-657519535-line-0)">⭘</text><text class="terminal-657519535-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-657519535-line-0)">OptionListApp</text><text class="terminal-657519535-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-657519535-line-0)">
+</text><text class="terminal-657519535-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-657519535-line-1)">▊</text><text class="terminal-657519535-r4" x="12.2" y="44.4" textLength="951.6" clip-path="url(#terminal-657519535-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-657519535-r4" x="963.8" y="44.4" textLength="12.2" clip-path="url(#terminal-657519535-line-1)">▎</text><text class="terminal-657519535-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-657519535-line-1)">
+</text><text class="terminal-657519535-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-657519535-line-2)">▊</text><text class="terminal-657519535-r5" x="24.4" y="68.8" textLength="927.2" clip-path="url(#terminal-657519535-line-2)">1.&#160;Single&#160;line&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-657519535-line-2)">▎</text><text class="terminal-657519535-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-657519535-line-2)">
+</text><text class="terminal-657519535-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-657519535-line-3)">▊</text><text class="terminal-657519535-r6" x="24.4" y="93.2" textLength="927.2" clip-path="url(#terminal-657519535-line-3)">1.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-657519535-line-3)">▎</text><text class="terminal-657519535-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-657519535-line-3)">
+</text><text class="terminal-657519535-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-657519535-line-4)">▊</text><text class="terminal-657519535-r6" x="24.4" y="117.6" textLength="927.2" clip-path="url(#terminal-657519535-line-4)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-657519535-line-4)">▎</text><text class="terminal-657519535-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-657519535-line-4)">
+</text><text class="terminal-657519535-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-657519535-line-5)">▊</text><text class="terminal-657519535-r6" x="24.4" y="142" textLength="927.2" clip-path="url(#terminal-657519535-line-5)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-657519535-line-5)">▎</text><text class="terminal-657519535-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-657519535-line-5)">
+</text><text class="terminal-657519535-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-657519535-line-6)">▊</text><text class="terminal-657519535-r6" x="24.4" y="166.4" textLength="927.2" clip-path="url(#terminal-657519535-line-6)">3.&#160;Three&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-657519535-line-6)">▎</text><text class="terminal-657519535-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-657519535-line-6)">
+</text><text class="terminal-657519535-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-657519535-line-7)">▊</text><text class="terminal-657519535-r6" x="24.4" y="190.8" textLength="927.2" clip-path="url(#terminal-657519535-line-7)">lines&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-657519535-line-7)">▎</text><text class="terminal-657519535-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-657519535-line-7)">
+</text><text class="terminal-657519535-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-657519535-line-8)">▊</text><text class="terminal-657519535-r6" x="24.4" y="215.2" textLength="927.2" clip-path="url(#terminal-657519535-line-8)">of&#160;text&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-657519535-r4" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-657519535-line-8)">▎</text><text class="terminal-657519535-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-657519535-line-8)">
+</text><text class="terminal-657519535-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-657519535-line-9)">▊</text><text class="terminal-657519535-r4" x="12.2" y="239.6" textLength="951.6" clip-path="url(#terminal-657519535-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-657519535-r4" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-657519535-line-9)">▎</text><text class="terminal-657519535-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-657519535-line-9)">
+</text><text class="terminal-657519535-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-657519535-line-10)">
+</text><text class="terminal-657519535-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-657519535-line-11)">
+</text><text class="terminal-657519535-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-657519535-line-12)">
+</text><text class="terminal-657519535-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-657519535-line-13)">
+</text><text class="terminal-657519535-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-657519535-line-14)">
+</text><text class="terminal-657519535-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-657519535-line-15)">
+</text><text class="terminal-657519535-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-657519535-line-16)">
+</text><text class="terminal-657519535-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-657519535-line-17)">
+</text><text class="terminal-657519535-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-657519535-line-18)">
+</text><text class="terminal-657519535-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-657519535-line-19)">
+</text><text class="terminal-657519535-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-657519535-line-20)">
+</text><text class="terminal-657519535-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-657519535-line-21)">
+</text><text class="terminal-657519535-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-657519535-line-22)">
+</text><text class="terminal-657519535-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-657519535-line-23)">▏</text><text class="terminal-657519535-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-657519535-line-23)">^p</text><text class="terminal-657519535-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-657519535-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg
index 89b7597370..b7e76a9b43 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_scrolling_with_multiline_options.svg
@@ -19,144 +19,145 @@
         font-weight: 700;
     }
 
-    .terminal-180282082-matrix {
+    .terminal-3075605191-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-180282082-title {
+    .terminal-3075605191-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-180282082-r1 { fill: #c5c8c6 }
-.terminal-180282082-r2 { fill: #e3e3e3 }
-.terminal-180282082-r3 { fill: #e1e1e1 }
-.terminal-180282082-r4 { fill: #1e1e1e }
-.terminal-180282082-r5 { fill: #0178d4 }
-.terminal-180282082-r6 { fill: #e2e2e2 }
-.terminal-180282082-r7 { fill: #e2e2e2;font-style: italic; }
-.terminal-180282082-r8 { fill: #e2e2e2;font-weight: bold }
-.terminal-180282082-r9 { fill: #ddedf9;font-weight: bold;font-style: italic; }
-.terminal-180282082-r10 { fill: #ddedf9;font-weight: bold }
-.terminal-180282082-r11 { fill: #23568b }
-.terminal-180282082-r12 { fill: #e2e3e3 }
-.terminal-180282082-r13 { fill: #fea62b;font-weight: bold }
-.terminal-180282082-r14 { fill: #a7a9ab }
+    .terminal-3075605191-r1 { fill: #c5c8c6 }
+.terminal-3075605191-r2 { fill: #e3e3e3 }
+.terminal-3075605191-r3 { fill: #e1e1e1 }
+.terminal-3075605191-r4 { fill: #1e1e1e }
+.terminal-3075605191-r5 { fill: #0178d4 }
+.terminal-3075605191-r6 { fill: #e2e2e2 }
+.terminal-3075605191-r7 { fill: #e2e2e2;font-style: italic; }
+.terminal-3075605191-r8 { fill: #e2e2e2;font-weight: bold }
+.terminal-3075605191-r9 { fill: #ddedf9;font-weight: bold;font-style: italic; }
+.terminal-3075605191-r10 { fill: #ddedf9;font-weight: bold }
+.terminal-3075605191-r11 { fill: #23568b }
+.terminal-3075605191-r12 { fill: #e2e3e3 }
+.terminal-3075605191-r13 { fill: #4c5055 }
+.terminal-3075605191-r14 { fill: #fea62b;font-weight: bold }
+.terminal-3075605191-r15 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-180282082-clip-terminal">
+    <clipPath id="terminal-3075605191-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-180282082-line-0">
+    <clipPath id="terminal-3075605191-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-1">
+<clipPath id="terminal-3075605191-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-2">
+<clipPath id="terminal-3075605191-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-3">
+<clipPath id="terminal-3075605191-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-4">
+<clipPath id="terminal-3075605191-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-5">
+<clipPath id="terminal-3075605191-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-6">
+<clipPath id="terminal-3075605191-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-7">
+<clipPath id="terminal-3075605191-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-8">
+<clipPath id="terminal-3075605191-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-9">
+<clipPath id="terminal-3075605191-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-10">
+<clipPath id="terminal-3075605191-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-11">
+<clipPath id="terminal-3075605191-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-12">
+<clipPath id="terminal-3075605191-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-13">
+<clipPath id="terminal-3075605191-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-14">
+<clipPath id="terminal-3075605191-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-15">
+<clipPath id="terminal-3075605191-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-16">
+<clipPath id="terminal-3075605191-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-17">
+<clipPath id="terminal-3075605191-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-18">
+<clipPath id="terminal-3075605191-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-19">
+<clipPath id="terminal-3075605191-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-20">
+<clipPath id="terminal-3075605191-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-21">
+<clipPath id="terminal-3075605191-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-180282082-line-22">
+<clipPath id="terminal-3075605191-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-180282082-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3075605191-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-180282082-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3075605191-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="74.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="99.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="123.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="147.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="172.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="196.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="183" y="221.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="366" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="378.2" y="221.1" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="561.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="573.4" y="221.1" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="768.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="245.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="269.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="294.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="318.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="343.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="367.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="391.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="416.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="440.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="465.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-180282082-matrix">
-    <text class="terminal-180282082-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-180282082-line-0)">⭘</text><text class="terminal-180282082-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-180282082-line-0)">OptionListApp</text><text class="terminal-180282082-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-180282082-line-0)">
-</text><text class="terminal-180282082-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-180282082-line-1)">
-</text><text class="terminal-180282082-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-180282082-line-2)">
-</text><text class="terminal-180282082-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-180282082-line-3)">▊</text><text class="terminal-180282082-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-180282082-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-180282082-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-180282082-line-3)">▎</text><text class="terminal-180282082-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-180282082-line-3)">
-</text><text class="terminal-180282082-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-180282082-line-4)">▊</text><text class="terminal-180282082-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-180282082-line-4)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-180282082-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-180282082-line-4)">▎</text><text class="terminal-180282082-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-180282082-line-4)">
-</text><text class="terminal-180282082-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-180282082-line-5)">▊</text><text class="terminal-180282082-r6" x="170.8" y="142" textLength="610" clip-path="url(#terminal-180282082-line-5)">│&#160;Dionysus&#160;&#160;&#160;&#160;&#160;&#160;│&#160;450&#160;Million&#160;&#160;&#160;│&#160;Celeste&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-180282082-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-180282082-line-5)">▎</text><text class="terminal-180282082-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-180282082-line-5)">
-</text><text class="terminal-180282082-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-180282082-line-6)">▊</text><text class="terminal-180282082-r6" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-180282082-line-6)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-180282082-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-180282082-line-6)">▎</text><text class="terminal-180282082-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-180282082-line-6)">
-</text><text class="terminal-180282082-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-180282082-line-7)">▊</text><text class="terminal-180282082-r7" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-180282082-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Tauron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-180282082-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-180282082-line-7)">▎</text><text class="terminal-180282082-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-180282082-line-7)">
-</text><text class="terminal-180282082-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-180282082-line-8)">▊</text><text class="terminal-180282082-r6" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-180282082-line-8)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-180282082-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-180282082-line-8)">▎</text><text class="terminal-180282082-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-180282082-line-8)">
-</text><text class="terminal-180282082-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">▊</text><text class="terminal-180282082-r6" x="170.8" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">┃</text><text class="terminal-180282082-r8" x="183" y="239.6" textLength="183" clip-path="url(#terminal-180282082-line-9)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-180282082-r6" x="366" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">┃</text><text class="terminal-180282082-r8" x="378.2" y="239.6" textLength="183" clip-path="url(#terminal-180282082-line-9)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-180282082-r6" x="561.2" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">┃</text><text class="terminal-180282082-r8" x="573.4" y="239.6" textLength="195.2" clip-path="url(#terminal-180282082-line-9)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-180282082-r6" x="768.6" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">┃</text><text class="terminal-180282082-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">▎</text><text class="terminal-180282082-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-180282082-line-9)">
-</text><text class="terminal-180282082-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-180282082-line-10)">▊</text><text class="terminal-180282082-r6" x="170.8" y="264" textLength="610" clip-path="url(#terminal-180282082-line-10)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-180282082-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-180282082-line-10)">▎</text><text class="terminal-180282082-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-180282082-line-10)">
-</text><text class="terminal-180282082-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-180282082-line-11)">▊</text><text class="terminal-180282082-r6" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-180282082-line-11)">│&#160;Ares&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;2.5&#160;Billion&#160;&#160;&#160;│&#160;Hypatia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-180282082-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-180282082-line-11)">▎</text><text class="terminal-180282082-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-180282082-line-11)">
-</text><text class="terminal-180282082-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-180282082-line-12)">▊</text><text class="terminal-180282082-r6" x="170.8" y="312.8" textLength="610" clip-path="url(#terminal-180282082-line-12)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-180282082-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-180282082-line-12)">▎</text><text class="terminal-180282082-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-180282082-line-12)">
-</text><text class="terminal-180282082-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-180282082-line-13)">▊</text><text class="terminal-180282082-r9" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-180282082-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Virgon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-180282082-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-180282082-line-13)">▎</text><text class="terminal-180282082-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-180282082-line-13)">
-</text><text class="terminal-180282082-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-180282082-line-14)">▊</text><text class="terminal-180282082-r10" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-180282082-line-14)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-180282082-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-180282082-line-14)">▎</text><text class="terminal-180282082-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-180282082-line-14)">
-</text><text class="terminal-180282082-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-180282082-line-15)">▊</text><text class="terminal-180282082-r10" x="170.8" y="386" textLength="610" clip-path="url(#terminal-180282082-line-15)">┃&#160;Patron&#160;God&#160;&#160;&#160;&#160;┃&#160;Population&#160;&#160;&#160;&#160;┃&#160;Capital&#160;City&#160;&#160;&#160;┃</text><text class="terminal-180282082-r11" x="780.8" y="386" textLength="24.4" clip-path="url(#terminal-180282082-line-15)">▁▁</text><text class="terminal-180282082-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-180282082-line-15)">▎</text><text class="terminal-180282082-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-180282082-line-15)">
-</text><text class="terminal-180282082-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-180282082-line-16)">▊</text><text class="terminal-180282082-r10" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-180282082-line-16)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-180282082-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-180282082-line-16)">▎</text><text class="terminal-180282082-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-180282082-line-16)">
-</text><text class="terminal-180282082-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-180282082-line-17)">▊</text><text class="terminal-180282082-r10" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-180282082-line-17)">│&#160;Hestia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;4.3&#160;Billion&#160;&#160;&#160;│&#160;Boskirk&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-180282082-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-180282082-line-17)">▎</text><text class="terminal-180282082-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-180282082-line-17)">
-</text><text class="terminal-180282082-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-180282082-line-18)">▊</text><text class="terminal-180282082-r10" x="170.8" y="459.2" textLength="610" clip-path="url(#terminal-180282082-line-18)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-180282082-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-180282082-line-18)">▎</text><text class="terminal-180282082-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-180282082-line-18)">
-</text><text class="terminal-180282082-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-180282082-line-19)">▊</text><text class="terminal-180282082-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-180282082-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-180282082-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-180282082-line-19)">▎</text><text class="terminal-180282082-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-180282082-line-19)">
-</text><text class="terminal-180282082-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-180282082-line-20)">
-</text><text class="terminal-180282082-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-180282082-line-21)">
-</text><text class="terminal-180282082-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-180282082-line-22)">
-</text><text class="terminal-180282082-r13" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-180282082-line-23)">^p</text><text class="terminal-180282082-r14" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-180282082-line-23)">&#160;palette</text>
+    <g class="terminal-3075605191-matrix">
+    <text class="terminal-3075605191-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3075605191-line-0)">⭘</text><text class="terminal-3075605191-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-3075605191-line-0)">OptionListApp</text><text class="terminal-3075605191-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3075605191-line-0)">
+</text><text class="terminal-3075605191-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-1)">
+</text><text class="terminal-3075605191-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-2)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-3)">▊</text><text class="terminal-3075605191-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-3075605191-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3075605191-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-3)">▎</text><text class="terminal-3075605191-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-3)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-4)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-3075605191-line-4)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-3075605191-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-4)">▎</text><text class="terminal-3075605191-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-4)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-3075605191-line-5)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="142" textLength="610" clip-path="url(#terminal-3075605191-line-5)">│&#160;Dionysus&#160;&#160;&#160;&#160;&#160;&#160;│&#160;450&#160;Million&#160;&#160;&#160;│&#160;Celeste&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-3075605191-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-3075605191-line-5)">▎</text><text class="terminal-3075605191-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3075605191-line-5)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-6)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-3075605191-line-6)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-3075605191-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-6)">▎</text><text class="terminal-3075605191-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-6)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-7)">▊</text><text class="terminal-3075605191-r7" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-3075605191-line-7)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Tauron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3075605191-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-7)">▎</text><text class="terminal-3075605191-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-7)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-8)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-3075605191-line-8)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-3075605191-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-8)">▎</text><text class="terminal-3075605191-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-8)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">┃</text><text class="terminal-3075605191-r8" x="183" y="239.6" textLength="183" clip-path="url(#terminal-3075605191-line-9)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-3075605191-r6" x="366" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">┃</text><text class="terminal-3075605191-r8" x="378.2" y="239.6" textLength="183" clip-path="url(#terminal-3075605191-line-9)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-3075605191-r6" x="561.2" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">┃</text><text class="terminal-3075605191-r8" x="573.4" y="239.6" textLength="195.2" clip-path="url(#terminal-3075605191-line-9)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-3075605191-r6" x="768.6" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">┃</text><text class="terminal-3075605191-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">▎</text><text class="terminal-3075605191-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-9)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-3075605191-line-10)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="264" textLength="610" clip-path="url(#terminal-3075605191-line-10)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-3075605191-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-3075605191-line-10)">▎</text><text class="terminal-3075605191-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3075605191-line-10)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-11)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-3075605191-line-11)">│&#160;Ares&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;2.5&#160;Billion&#160;&#160;&#160;│&#160;Hypatia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-3075605191-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-11)">▎</text><text class="terminal-3075605191-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-11)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-12)">▊</text><text class="terminal-3075605191-r6" x="170.8" y="312.8" textLength="610" clip-path="url(#terminal-3075605191-line-12)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-3075605191-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-12)">▎</text><text class="terminal-3075605191-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-12)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-13)">▊</text><text class="terminal-3075605191-r9" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-3075605191-line-13)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Virgon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3075605191-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-13)">▎</text><text class="terminal-3075605191-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-13)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-14)">▊</text><text class="terminal-3075605191-r10" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-3075605191-line-14)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-3075605191-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-14)">▎</text><text class="terminal-3075605191-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-14)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-3075605191-line-15)">▊</text><text class="terminal-3075605191-r10" x="170.8" y="386" textLength="610" clip-path="url(#terminal-3075605191-line-15)">┃&#160;Patron&#160;God&#160;&#160;&#160;&#160;┃&#160;Population&#160;&#160;&#160;&#160;┃&#160;Capital&#160;City&#160;&#160;&#160;┃</text><text class="terminal-3075605191-r11" x="780.8" y="386" textLength="24.4" clip-path="url(#terminal-3075605191-line-15)">▁▁</text><text class="terminal-3075605191-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-3075605191-line-15)">▎</text><text class="terminal-3075605191-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3075605191-line-15)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-16)">▊</text><text class="terminal-3075605191-r10" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-3075605191-line-16)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-3075605191-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-16)">▎</text><text class="terminal-3075605191-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-16)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-17)">▊</text><text class="terminal-3075605191-r10" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-3075605191-line-17)">│&#160;Hestia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;4.3&#160;Billion&#160;&#160;&#160;│&#160;Boskirk&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-3075605191-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-17)">▎</text><text class="terminal-3075605191-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-17)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-18)">▊</text><text class="terminal-3075605191-r10" x="170.8" y="459.2" textLength="610" clip-path="url(#terminal-3075605191-line-18)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-3075605191-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-18)">▎</text><text class="terminal-3075605191-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-18)">
+</text><text class="terminal-3075605191-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-19)">▊</text><text class="terminal-3075605191-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-3075605191-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3075605191-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-19)">▎</text><text class="terminal-3075605191-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3075605191-line-19)">
+</text><text class="terminal-3075605191-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3075605191-line-20)">
+</text><text class="terminal-3075605191-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3075605191-line-21)">
+</text><text class="terminal-3075605191-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3075605191-line-22)">
+</text><text class="terminal-3075605191-r13" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3075605191-line-23)">▏</text><text class="terminal-3075605191-r14" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3075605191-line-23)">^p</text><text class="terminal-3075605191-r15" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3075605191-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg
index d6d86230ad..05e524d535 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_strings.svg
@@ -19,140 +19,141 @@
         font-weight: 700;
     }
 
-    .terminal-225900743-matrix {
+    .terminal-4032960684-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-225900743-title {
+    .terminal-4032960684-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-225900743-r1 { fill: #c5c8c6 }
-.terminal-225900743-r2 { fill: #e3e3e3 }
-.terminal-225900743-r3 { fill: #e1e1e1 }
-.terminal-225900743-r4 { fill: #1e1e1e }
-.terminal-225900743-r5 { fill: #0178d4 }
-.terminal-225900743-r6 { fill: #ddedf9;font-weight: bold }
-.terminal-225900743-r7 { fill: #e2e2e2 }
-.terminal-225900743-r8 { fill: #e2e3e3 }
-.terminal-225900743-r9 { fill: #fea62b;font-weight: bold }
-.terminal-225900743-r10 { fill: #a7a9ab }
+    .terminal-4032960684-r1 { fill: #c5c8c6 }
+.terminal-4032960684-r2 { fill: #e3e3e3 }
+.terminal-4032960684-r3 { fill: #e1e1e1 }
+.terminal-4032960684-r4 { fill: #1e1e1e }
+.terminal-4032960684-r5 { fill: #0178d4 }
+.terminal-4032960684-r6 { fill: #ddedf9;font-weight: bold }
+.terminal-4032960684-r7 { fill: #e2e2e2 }
+.terminal-4032960684-r8 { fill: #e2e3e3 }
+.terminal-4032960684-r9 { fill: #4c5055 }
+.terminal-4032960684-r10 { fill: #fea62b;font-weight: bold }
+.terminal-4032960684-r11 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-225900743-clip-terminal">
+    <clipPath id="terminal-4032960684-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-225900743-line-0">
+    <clipPath id="terminal-4032960684-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-1">
+<clipPath id="terminal-4032960684-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-2">
+<clipPath id="terminal-4032960684-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-3">
+<clipPath id="terminal-4032960684-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-4">
+<clipPath id="terminal-4032960684-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-5">
+<clipPath id="terminal-4032960684-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-6">
+<clipPath id="terminal-4032960684-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-7">
+<clipPath id="terminal-4032960684-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-8">
+<clipPath id="terminal-4032960684-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-9">
+<clipPath id="terminal-4032960684-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-10">
+<clipPath id="terminal-4032960684-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-11">
+<clipPath id="terminal-4032960684-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-12">
+<clipPath id="terminal-4032960684-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-13">
+<clipPath id="terminal-4032960684-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-14">
+<clipPath id="terminal-4032960684-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-15">
+<clipPath id="terminal-4032960684-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-16">
+<clipPath id="terminal-4032960684-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-17">
+<clipPath id="terminal-4032960684-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-18">
+<clipPath id="terminal-4032960684-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-19">
+<clipPath id="terminal-4032960684-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-20">
+<clipPath id="terminal-4032960684-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-21">
+<clipPath id="terminal-4032960684-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-225900743-line-22">
+<clipPath id="terminal-4032960684-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-225900743-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4032960684-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-225900743-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-4032960684-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="74.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="99.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="123.5" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="147.9" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="172.3" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="196.7" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="221.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="245.5" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="269.9" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="294.3" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="318.7" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="343.1" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="367.5" width="634.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="391.9" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="416.3" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="440.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="465.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-225900743-matrix">
-    <text class="terminal-225900743-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-225900743-line-0)">⭘</text><text class="terminal-225900743-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-225900743-line-0)">OptionListApp</text><text class="terminal-225900743-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-225900743-line-0)">
-</text><text class="terminal-225900743-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-225900743-line-1)">
-</text><text class="terminal-225900743-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-225900743-line-2)">
-</text><text class="terminal-225900743-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-225900743-line-3)">▊</text><text class="terminal-225900743-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-225900743-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-225900743-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-225900743-line-3)">▎</text><text class="terminal-225900743-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-225900743-line-3)">
-</text><text class="terminal-225900743-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-225900743-line-4)">▊</text><text class="terminal-225900743-r6" x="170.8" y="117.6" textLength="634.4" clip-path="url(#terminal-225900743-line-4)">Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-225900743-line-4)">▎</text><text class="terminal-225900743-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-225900743-line-4)">
-</text><text class="terminal-225900743-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-225900743-line-5)">▊</text><text class="terminal-225900743-r7" x="170.8" y="142" textLength="634.4" clip-path="url(#terminal-225900743-line-5)">Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-225900743-line-5)">▎</text><text class="terminal-225900743-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-225900743-line-5)">
-</text><text class="terminal-225900743-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-225900743-line-6)">▊</text><text class="terminal-225900743-r7" x="170.8" y="166.4" textLength="634.4" clip-path="url(#terminal-225900743-line-6)">Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-225900743-line-6)">▎</text><text class="terminal-225900743-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-225900743-line-6)">
-</text><text class="terminal-225900743-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-225900743-line-7)">▊</text><text class="terminal-225900743-r7" x="170.8" y="190.8" textLength="634.4" clip-path="url(#terminal-225900743-line-7)">Caprica&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-225900743-line-7)">▎</text><text class="terminal-225900743-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-225900743-line-7)">
-</text><text class="terminal-225900743-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-225900743-line-8)">▊</text><text class="terminal-225900743-r7" x="170.8" y="215.2" textLength="634.4" clip-path="url(#terminal-225900743-line-8)">Gemenon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-225900743-line-8)">▎</text><text class="terminal-225900743-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-225900743-line-8)">
-</text><text class="terminal-225900743-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-225900743-line-9)">▊</text><text class="terminal-225900743-r7" x="170.8" y="239.6" textLength="634.4" clip-path="url(#terminal-225900743-line-9)">Leonis&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-225900743-line-9)">▎</text><text class="terminal-225900743-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-225900743-line-9)">
-</text><text class="terminal-225900743-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-225900743-line-10)">▊</text><text class="terminal-225900743-r7" x="170.8" y="264" textLength="634.4" clip-path="url(#terminal-225900743-line-10)">Libran&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-225900743-line-10)">▎</text><text class="terminal-225900743-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-225900743-line-10)">
-</text><text class="terminal-225900743-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-225900743-line-11)">▊</text><text class="terminal-225900743-r7" x="170.8" y="288.4" textLength="634.4" clip-path="url(#terminal-225900743-line-11)">Picon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-225900743-line-11)">▎</text><text class="terminal-225900743-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-225900743-line-11)">
-</text><text class="terminal-225900743-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-225900743-line-12)">▊</text><text class="terminal-225900743-r7" x="170.8" y="312.8" textLength="634.4" clip-path="url(#terminal-225900743-line-12)">Sagittaron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-225900743-line-12)">▎</text><text class="terminal-225900743-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-225900743-line-12)">
-</text><text class="terminal-225900743-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-225900743-line-13)">▊</text><text class="terminal-225900743-r7" x="170.8" y="337.2" textLength="634.4" clip-path="url(#terminal-225900743-line-13)">Scorpia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-225900743-line-13)">▎</text><text class="terminal-225900743-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-225900743-line-13)">
-</text><text class="terminal-225900743-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-225900743-line-14)">▊</text><text class="terminal-225900743-r7" x="170.8" y="361.6" textLength="634.4" clip-path="url(#terminal-225900743-line-14)">Tauron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-225900743-line-14)">▎</text><text class="terminal-225900743-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-225900743-line-14)">
-</text><text class="terminal-225900743-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-225900743-line-15)">▊</text><text class="terminal-225900743-r7" x="170.8" y="386" textLength="634.4" clip-path="url(#terminal-225900743-line-15)">Virgon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-225900743-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-225900743-line-15)">▎</text><text class="terminal-225900743-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-225900743-line-15)">
-</text><text class="terminal-225900743-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-225900743-line-16)">▊</text><text class="terminal-225900743-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-225900743-line-16)">▎</text><text class="terminal-225900743-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-225900743-line-16)">
-</text><text class="terminal-225900743-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-225900743-line-17)">▊</text><text class="terminal-225900743-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-225900743-line-17)">▎</text><text class="terminal-225900743-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-225900743-line-17)">
-</text><text class="terminal-225900743-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-225900743-line-18)">▊</text><text class="terminal-225900743-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-225900743-line-18)">▎</text><text class="terminal-225900743-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-225900743-line-18)">
-</text><text class="terminal-225900743-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-225900743-line-19)">▊</text><text class="terminal-225900743-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-225900743-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-225900743-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-225900743-line-19)">▎</text><text class="terminal-225900743-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-225900743-line-19)">
-</text><text class="terminal-225900743-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-225900743-line-20)">
-</text><text class="terminal-225900743-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-225900743-line-21)">
-</text><text class="terminal-225900743-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-225900743-line-22)">
-</text><text class="terminal-225900743-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-225900743-line-23)">^p</text><text class="terminal-225900743-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-225900743-line-23)">&#160;palette</text>
+    <g class="terminal-4032960684-matrix">
+    <text class="terminal-4032960684-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-4032960684-line-0)">⭘</text><text class="terminal-4032960684-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-4032960684-line-0)">OptionListApp</text><text class="terminal-4032960684-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4032960684-line-0)">
+</text><text class="terminal-4032960684-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-1)">
+</text><text class="terminal-4032960684-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-2)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-3)">▊</text><text class="terminal-4032960684-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-4032960684-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4032960684-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-3)">▎</text><text class="terminal-4032960684-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-3)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-4)">▊</text><text class="terminal-4032960684-r6" x="170.8" y="117.6" textLength="634.4" clip-path="url(#terminal-4032960684-line-4)">Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-4)">▎</text><text class="terminal-4032960684-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-4)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-4032960684-line-5)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="142" textLength="634.4" clip-path="url(#terminal-4032960684-line-5)">Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-4032960684-line-5)">▎</text><text class="terminal-4032960684-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4032960684-line-5)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-6)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="166.4" textLength="634.4" clip-path="url(#terminal-4032960684-line-6)">Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-6)">▎</text><text class="terminal-4032960684-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-6)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-7)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="190.8" textLength="634.4" clip-path="url(#terminal-4032960684-line-7)">Caprica&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-7)">▎</text><text class="terminal-4032960684-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-7)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-8)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="215.2" textLength="634.4" clip-path="url(#terminal-4032960684-line-8)">Gemenon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-8)">▎</text><text class="terminal-4032960684-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-8)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-9)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="239.6" textLength="634.4" clip-path="url(#terminal-4032960684-line-9)">Leonis&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-9)">▎</text><text class="terminal-4032960684-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-9)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-4032960684-line-10)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="264" textLength="634.4" clip-path="url(#terminal-4032960684-line-10)">Libran&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-4032960684-line-10)">▎</text><text class="terminal-4032960684-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4032960684-line-10)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-11)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="288.4" textLength="634.4" clip-path="url(#terminal-4032960684-line-11)">Picon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-11)">▎</text><text class="terminal-4032960684-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-11)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-12)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="312.8" textLength="634.4" clip-path="url(#terminal-4032960684-line-12)">Sagittaron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-12)">▎</text><text class="terminal-4032960684-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-12)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-13)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="337.2" textLength="634.4" clip-path="url(#terminal-4032960684-line-13)">Scorpia&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-13)">▎</text><text class="terminal-4032960684-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-13)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-14)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="361.6" textLength="634.4" clip-path="url(#terminal-4032960684-line-14)">Tauron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-14)">▎</text><text class="terminal-4032960684-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-14)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-4032960684-line-15)">▊</text><text class="terminal-4032960684-r7" x="170.8" y="386" textLength="634.4" clip-path="url(#terminal-4032960684-line-15)">Virgon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4032960684-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-4032960684-line-15)">▎</text><text class="terminal-4032960684-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4032960684-line-15)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-16)">▊</text><text class="terminal-4032960684-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-16)">▎</text><text class="terminal-4032960684-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-16)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-17)">▊</text><text class="terminal-4032960684-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-17)">▎</text><text class="terminal-4032960684-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-17)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-18)">▊</text><text class="terminal-4032960684-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-18)">▎</text><text class="terminal-4032960684-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-18)">
+</text><text class="terminal-4032960684-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-19)">▊</text><text class="terminal-4032960684-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-4032960684-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4032960684-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-19)">▎</text><text class="terminal-4032960684-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4032960684-line-19)">
+</text><text class="terminal-4032960684-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4032960684-line-20)">
+</text><text class="terminal-4032960684-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4032960684-line-21)">
+</text><text class="terminal-4032960684-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4032960684-line-22)">
+</text><text class="terminal-4032960684-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-4032960684-line-23)">▏</text><text class="terminal-4032960684-r10" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4032960684-line-23)">^p</text><text class="terminal-4032960684-r11" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4032960684-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg
index 22ce244f37..c6c61f241f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_option_list_tables.svg
@@ -19,144 +19,145 @@
         font-weight: 700;
     }
 
-    .terminal-236411718-matrix {
+    .terminal-3710810908-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-236411718-title {
+    .terminal-3710810908-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-236411718-r1 { fill: #c5c8c6 }
-.terminal-236411718-r2 { fill: #e3e3e3 }
-.terminal-236411718-r3 { fill: #e1e1e1 }
-.terminal-236411718-r4 { fill: #1e1e1e }
-.terminal-236411718-r5 { fill: #0178d4 }
-.terminal-236411718-r6 { fill: #ddedf9;font-weight: bold;font-style: italic; }
-.terminal-236411718-r7 { fill: #e2e2e2 }
-.terminal-236411718-r8 { fill: #ddedf9;font-weight: bold }
-.terminal-236411718-r9 { fill: #14191f }
-.terminal-236411718-r10 { fill: #e2e2e2;font-style: italic; }
-.terminal-236411718-r11 { fill: #e2e2e2;font-weight: bold }
-.terminal-236411718-r12 { fill: #e2e3e3 }
-.terminal-236411718-r13 { fill: #fea62b;font-weight: bold }
-.terminal-236411718-r14 { fill: #a7a9ab }
+    .terminal-3710810908-r1 { fill: #c5c8c6 }
+.terminal-3710810908-r2 { fill: #e3e3e3 }
+.terminal-3710810908-r3 { fill: #e1e1e1 }
+.terminal-3710810908-r4 { fill: #1e1e1e }
+.terminal-3710810908-r5 { fill: #0178d4 }
+.terminal-3710810908-r6 { fill: #ddedf9;font-weight: bold;font-style: italic; }
+.terminal-3710810908-r7 { fill: #e2e2e2 }
+.terminal-3710810908-r8 { fill: #ddedf9;font-weight: bold }
+.terminal-3710810908-r9 { fill: #14191f }
+.terminal-3710810908-r10 { fill: #e2e2e2;font-style: italic; }
+.terminal-3710810908-r11 { fill: #e2e2e2;font-weight: bold }
+.terminal-3710810908-r12 { fill: #e2e3e3 }
+.terminal-3710810908-r13 { fill: #4c5055 }
+.terminal-3710810908-r14 { fill: #fea62b;font-weight: bold }
+.terminal-3710810908-r15 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-236411718-clip-terminal">
+    <clipPath id="terminal-3710810908-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-236411718-line-0">
+    <clipPath id="terminal-3710810908-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-1">
+<clipPath id="terminal-3710810908-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-2">
+<clipPath id="terminal-3710810908-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-3">
+<clipPath id="terminal-3710810908-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-4">
+<clipPath id="terminal-3710810908-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-5">
+<clipPath id="terminal-3710810908-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-6">
+<clipPath id="terminal-3710810908-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-7">
+<clipPath id="terminal-3710810908-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-8">
+<clipPath id="terminal-3710810908-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-9">
+<clipPath id="terminal-3710810908-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-10">
+<clipPath id="terminal-3710810908-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-11">
+<clipPath id="terminal-3710810908-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-12">
+<clipPath id="terminal-3710810908-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-13">
+<clipPath id="terminal-3710810908-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-14">
+<clipPath id="terminal-3710810908-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-15">
+<clipPath id="terminal-3710810908-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-16">
+<clipPath id="terminal-3710810908-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-17">
+<clipPath id="terminal-3710810908-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-18">
+<clipPath id="terminal-3710810908-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-19">
+<clipPath id="terminal-3710810908-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-20">
+<clipPath id="terminal-3710810908-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-21">
+<clipPath id="terminal-3710810908-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-236411718-line-22">
+<clipPath id="terminal-3710810908-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-236411718-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3710810908-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">OptionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-236411718-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3710810908-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="390.4" y="1.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="549" y="1.5" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="74.7" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="74.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="99.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="99.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="123.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="123.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="147.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="172.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="780.8" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="172.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="196.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="196.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="170.8" y="221.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="221.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="245.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="245.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="269.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="183" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="366" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="378.2" y="294.3" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="561.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="573.4" y="294.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="768.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="318.7" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="343.1" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="343.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="367.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="367.5" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="391.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="391.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="416.3" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="416.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="170.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="183" y="440.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="366" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="378.2" y="440.7" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="561.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="573.4" y="440.7" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="768.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="780.8" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="805.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="440.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="465.1" width="658.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="465.1" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-236411718-matrix">
-    <text class="terminal-236411718-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-236411718-line-0)">⭘</text><text class="terminal-236411718-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-236411718-line-0)">OptionListApp</text><text class="terminal-236411718-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-236411718-line-0)">
-</text><text class="terminal-236411718-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-236411718-line-1)">
-</text><text class="terminal-236411718-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-236411718-line-2)">
-</text><text class="terminal-236411718-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-236411718-line-3)">▊</text><text class="terminal-236411718-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-236411718-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-236411718-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-236411718-line-3)">▎</text><text class="terminal-236411718-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-236411718-line-3)">
-</text><text class="terminal-236411718-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-236411718-line-4)">▊</text><text class="terminal-236411718-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-236411718-line-4)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-236411718-line-4)">▎</text><text class="terminal-236411718-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-236411718-line-4)">
-</text><text class="terminal-236411718-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-236411718-line-5)">▊</text><text class="terminal-236411718-r8" x="170.8" y="142" textLength="610" clip-path="url(#terminal-236411718-line-5)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-236411718-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-236411718-line-5)">▎</text><text class="terminal-236411718-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-236411718-line-5)">
-</text><text class="terminal-236411718-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-236411718-line-6)">▊</text><text class="terminal-236411718-r8" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-236411718-line-6)">┃&#160;Patron&#160;God&#160;&#160;&#160;&#160;┃&#160;Population&#160;&#160;&#160;&#160;┃&#160;Capital&#160;City&#160;&#160;&#160;┃</text><text class="terminal-236411718-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-236411718-line-6)">▎</text><text class="terminal-236411718-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-236411718-line-6)">
-</text><text class="terminal-236411718-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-236411718-line-7)">▊</text><text class="terminal-236411718-r8" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-236411718-line-7)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-236411718-r9" x="780.8" y="190.8" textLength="24.4" clip-path="url(#terminal-236411718-line-7)">▇▇</text><text class="terminal-236411718-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-236411718-line-7)">▎</text><text class="terminal-236411718-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-236411718-line-7)">
-</text><text class="terminal-236411718-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-236411718-line-8)">▊</text><text class="terminal-236411718-r8" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-236411718-line-8)">│&#160;Demeter&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;1.2&#160;Billion&#160;&#160;&#160;│&#160;Gaoth&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-236411718-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-236411718-line-8)">▎</text><text class="terminal-236411718-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-236411718-line-8)">
-</text><text class="terminal-236411718-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-236411718-line-9)">▊</text><text class="terminal-236411718-r8" x="170.8" y="239.6" textLength="610" clip-path="url(#terminal-236411718-line-9)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-236411718-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-236411718-line-9)">▎</text><text class="terminal-236411718-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-236411718-line-9)">
-</text><text class="terminal-236411718-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-236411718-line-10)">▊</text><text class="terminal-236411718-r10" x="170.8" y="264" textLength="610" clip-path="url(#terminal-236411718-line-10)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-236411718-line-10)">▎</text><text class="terminal-236411718-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-236411718-line-10)">
-</text><text class="terminal-236411718-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-236411718-line-11)">▊</text><text class="terminal-236411718-r7" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-236411718-line-11)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-236411718-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-236411718-line-11)">▎</text><text class="terminal-236411718-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-236411718-line-11)">
-</text><text class="terminal-236411718-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">▊</text><text class="terminal-236411718-r7" x="170.8" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">┃</text><text class="terminal-236411718-r11" x="183" y="312.8" textLength="183" clip-path="url(#terminal-236411718-line-12)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="366" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">┃</text><text class="terminal-236411718-r11" x="378.2" y="312.8" textLength="183" clip-path="url(#terminal-236411718-line-12)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="561.2" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">┃</text><text class="terminal-236411718-r11" x="573.4" y="312.8" textLength="195.2" clip-path="url(#terminal-236411718-line-12)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="768.6" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">┃</text><text class="terminal-236411718-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">▎</text><text class="terminal-236411718-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-236411718-line-12)">
-</text><text class="terminal-236411718-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-236411718-line-13)">▊</text><text class="terminal-236411718-r7" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-236411718-line-13)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-236411718-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-236411718-line-13)">▎</text><text class="terminal-236411718-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-236411718-line-13)">
-</text><text class="terminal-236411718-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-236411718-line-14)">▊</text><text class="terminal-236411718-r7" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-236411718-line-14)">│&#160;Hermes&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;75,000&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;None&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-236411718-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-236411718-line-14)">▎</text><text class="terminal-236411718-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-236411718-line-14)">
-</text><text class="terminal-236411718-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-236411718-line-15)">▊</text><text class="terminal-236411718-r7" x="170.8" y="386" textLength="610" clip-path="url(#terminal-236411718-line-15)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-236411718-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-236411718-line-15)">▎</text><text class="terminal-236411718-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-236411718-line-15)">
-</text><text class="terminal-236411718-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-236411718-line-16)">▊</text><text class="terminal-236411718-r10" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-236411718-line-16)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-236411718-line-16)">▎</text><text class="terminal-236411718-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-236411718-line-16)">
-</text><text class="terminal-236411718-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-236411718-line-17)">▊</text><text class="terminal-236411718-r7" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-236411718-line-17)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-236411718-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-236411718-line-17)">▎</text><text class="terminal-236411718-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-236411718-line-17)">
-</text><text class="terminal-236411718-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">▊</text><text class="terminal-236411718-r7" x="170.8" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">┃</text><text class="terminal-236411718-r11" x="183" y="459.2" textLength="183" clip-path="url(#terminal-236411718-line-18)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="366" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">┃</text><text class="terminal-236411718-r11" x="378.2" y="459.2" textLength="183" clip-path="url(#terminal-236411718-line-18)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="561.2" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">┃</text><text class="terminal-236411718-r11" x="573.4" y="459.2" textLength="195.2" clip-path="url(#terminal-236411718-line-18)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-236411718-r7" x="768.6" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">┃</text><text class="terminal-236411718-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">▎</text><text class="terminal-236411718-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-236411718-line-18)">
-</text><text class="terminal-236411718-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-236411718-line-19)">▊</text><text class="terminal-236411718-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-236411718-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-236411718-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-236411718-line-19)">▎</text><text class="terminal-236411718-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-236411718-line-19)">
-</text><text class="terminal-236411718-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-236411718-line-20)">
-</text><text class="terminal-236411718-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-236411718-line-21)">
-</text><text class="terminal-236411718-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-236411718-line-22)">
-</text><text class="terminal-236411718-r13" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-236411718-line-23)">^p</text><text class="terminal-236411718-r14" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-236411718-line-23)">&#160;palette</text>
+    <g class="terminal-3710810908-matrix">
+    <text class="terminal-3710810908-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3710810908-line-0)">⭘</text><text class="terminal-3710810908-r2" x="390.4" y="20" textLength="158.6" clip-path="url(#terminal-3710810908-line-0)">OptionListApp</text><text class="terminal-3710810908-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3710810908-line-0)">
+</text><text class="terminal-3710810908-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-1)">
+</text><text class="terminal-3710810908-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-2)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-3)">▊</text><text class="terminal-3710810908-r5" x="158.6" y="93.2" textLength="658.8" clip-path="url(#terminal-3710810908-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-3710810908-r5" x="817.4" y="93.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-3)">▎</text><text class="terminal-3710810908-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-3)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-4)">▊</text><text class="terminal-3710810908-r6" x="170.8" y="117.6" textLength="610" clip-path="url(#terminal-3710810908-line-4)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Aerilon&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r5" x="817.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-4)">▎</text><text class="terminal-3710810908-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-4)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-3710810908-line-5)">▊</text><text class="terminal-3710810908-r8" x="170.8" y="142" textLength="610" clip-path="url(#terminal-3710810908-line-5)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-3710810908-r5" x="817.4" y="142" textLength="12.2" clip-path="url(#terminal-3710810908-line-5)">▎</text><text class="terminal-3710810908-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3710810908-line-5)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-6)">▊</text><text class="terminal-3710810908-r8" x="170.8" y="166.4" textLength="610" clip-path="url(#terminal-3710810908-line-6)">┃&#160;Patron&#160;God&#160;&#160;&#160;&#160;┃&#160;Population&#160;&#160;&#160;&#160;┃&#160;Capital&#160;City&#160;&#160;&#160;┃</text><text class="terminal-3710810908-r5" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-6)">▎</text><text class="terminal-3710810908-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-6)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-7)">▊</text><text class="terminal-3710810908-r8" x="170.8" y="190.8" textLength="610" clip-path="url(#terminal-3710810908-line-7)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-3710810908-r9" x="780.8" y="190.8" textLength="24.4" clip-path="url(#terminal-3710810908-line-7)">▇▇</text><text class="terminal-3710810908-r5" x="817.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-7)">▎</text><text class="terminal-3710810908-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-7)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-8)">▊</text><text class="terminal-3710810908-r8" x="170.8" y="215.2" textLength="610" clip-path="url(#terminal-3710810908-line-8)">│&#160;Demeter&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;1.2&#160;Billion&#160;&#160;&#160;│&#160;Gaoth&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-3710810908-r5" x="817.4" y="215.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-8)">▎</text><text class="terminal-3710810908-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-8)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-9)">▊</text><text class="terminal-3710810908-r8" x="170.8" y="239.6" textLength="610" clip-path="url(#terminal-3710810908-line-9)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-3710810908-r5" x="817.4" y="239.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-9)">▎</text><text class="terminal-3710810908-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-9)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-3710810908-line-10)">▊</text><text class="terminal-3710810908-r10" x="170.8" y="264" textLength="610" clip-path="url(#terminal-3710810908-line-10)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Aquaria&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r5" x="817.4" y="264" textLength="12.2" clip-path="url(#terminal-3710810908-line-10)">▎</text><text class="terminal-3710810908-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3710810908-line-10)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-11)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="288.4" textLength="610" clip-path="url(#terminal-3710810908-line-11)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-3710810908-r5" x="817.4" y="288.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-11)">▎</text><text class="terminal-3710810908-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-11)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">┃</text><text class="terminal-3710810908-r11" x="183" y="312.8" textLength="183" clip-path="url(#terminal-3710810908-line-12)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="366" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">┃</text><text class="terminal-3710810908-r11" x="378.2" y="312.8" textLength="183" clip-path="url(#terminal-3710810908-line-12)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="561.2" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">┃</text><text class="terminal-3710810908-r11" x="573.4" y="312.8" textLength="195.2" clip-path="url(#terminal-3710810908-line-12)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="768.6" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">┃</text><text class="terminal-3710810908-r5" x="817.4" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">▎</text><text class="terminal-3710810908-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-12)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-13)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="337.2" textLength="610" clip-path="url(#terminal-3710810908-line-13)">┡━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━╇━━━━━━━━━━━━━━━━┩</text><text class="terminal-3710810908-r5" x="817.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-13)">▎</text><text class="terminal-3710810908-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-13)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-14)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="361.6" textLength="610" clip-path="url(#terminal-3710810908-line-14)">│&#160;Hermes&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;75,000&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│&#160;None&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;│</text><text class="terminal-3710810908-r5" x="817.4" y="361.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-14)">▎</text><text class="terminal-3710810908-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-14)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="386" textLength="12.2" clip-path="url(#terminal-3710810908-line-15)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="386" textLength="610" clip-path="url(#terminal-3710810908-line-15)">└───────────────┴───────────────┴────────────────┘</text><text class="terminal-3710810908-r5" x="817.4" y="386" textLength="12.2" clip-path="url(#terminal-3710810908-line-15)">▎</text><text class="terminal-3710810908-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3710810908-line-15)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-16)">▊</text><text class="terminal-3710810908-r10" x="170.8" y="410.4" textLength="610" clip-path="url(#terminal-3710810908-line-16)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Data&#160;for&#160;Canceron&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r5" x="817.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-16)">▎</text><text class="terminal-3710810908-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-16)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="434.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-17)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="434.8" textLength="610" clip-path="url(#terminal-3710810908-line-17)">┏━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━┳━━━━━━━━━━━━━━━━┓</text><text class="terminal-3710810908-r5" x="817.4" y="434.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-17)">▎</text><text class="terminal-3710810908-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-17)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">▊</text><text class="terminal-3710810908-r7" x="170.8" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">┃</text><text class="terminal-3710810908-r11" x="183" y="459.2" textLength="183" clip-path="url(#terminal-3710810908-line-18)">&#160;Patron&#160;God&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="366" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">┃</text><text class="terminal-3710810908-r11" x="378.2" y="459.2" textLength="183" clip-path="url(#terminal-3710810908-line-18)">&#160;Population&#160;&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="561.2" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">┃</text><text class="terminal-3710810908-r11" x="573.4" y="459.2" textLength="195.2" clip-path="url(#terminal-3710810908-line-18)">&#160;Capital&#160;City&#160;&#160;&#160;</text><text class="terminal-3710810908-r7" x="768.6" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">┃</text><text class="terminal-3710810908-r5" x="817.4" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">▎</text><text class="terminal-3710810908-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-18)">
+</text><text class="terminal-3710810908-r4" x="146.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-19)">▊</text><text class="terminal-3710810908-r5" x="158.6" y="483.6" textLength="658.8" clip-path="url(#terminal-3710810908-line-19)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-3710810908-r5" x="817.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-19)">▎</text><text class="terminal-3710810908-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3710810908-line-19)">
+</text><text class="terminal-3710810908-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3710810908-line-20)">
+</text><text class="terminal-3710810908-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3710810908-line-21)">
+</text><text class="terminal-3710810908-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3710810908-line-22)">
+</text><text class="terminal-3710810908-r13" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3710810908-line-23)">▏</text><text class="terminal-3710810908-r14" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3710810908-line-23)">^p</text><text class="terminal-3710810908-r15" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3710810908-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg
index d392f13c94..fe3cdd83c5 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-3836315453-matrix {
+    .terminal-1557440275-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3836315453-title {
+    .terminal-1557440275-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3836315453-r1 { fill: #ffff00 }
-.terminal-3836315453-r2 { fill: #e3e3e3 }
-.terminal-3836315453-r3 { fill: #c5c8c6 }
-.terminal-3836315453-r4 { fill: #e1e1e1 }
-.terminal-3836315453-r5 { fill: #fea62b;font-weight: bold }
-.terminal-3836315453-r6 { fill: #a7a9ab }
-.terminal-3836315453-r7 { fill: #e2e3e3 }
+    .terminal-1557440275-r1 { fill: #ffff00 }
+.terminal-1557440275-r2 { fill: #e3e3e3 }
+.terminal-1557440275-r3 { fill: #c5c8c6 }
+.terminal-1557440275-r4 { fill: #e1e1e1 }
+.terminal-1557440275-r5 { fill: #fea62b;font-weight: bold }
+.terminal-1557440275-r6 { fill: #a7a9ab }
+.terminal-1557440275-r7 { fill: #e2e3e3 }
+.terminal-1557440275-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3836315453-clip-terminal">
+    <clipPath id="terminal-1557440275-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3836315453-line-0">
+    <clipPath id="terminal-1557440275-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-1">
+<clipPath id="terminal-1557440275-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-2">
+<clipPath id="terminal-1557440275-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-3">
+<clipPath id="terminal-1557440275-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-4">
+<clipPath id="terminal-1557440275-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-5">
+<clipPath id="terminal-1557440275-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-6">
+<clipPath id="terminal-1557440275-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-7">
+<clipPath id="terminal-1557440275-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-8">
+<clipPath id="terminal-1557440275-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-9">
+<clipPath id="terminal-1557440275-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-10">
+<clipPath id="terminal-1557440275-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-11">
+<clipPath id="terminal-1557440275-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-12">
+<clipPath id="terminal-1557440275-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-13">
+<clipPath id="terminal-1557440275-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-14">
+<clipPath id="terminal-1557440275-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-15">
+<clipPath id="terminal-1557440275-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-16">
+<clipPath id="terminal-1557440275-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-17">
+<clipPath id="terminal-1557440275-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-18">
+<clipPath id="terminal-1557440275-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-19">
+<clipPath id="terminal-1557440275-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-20">
+<clipPath id="terminal-1557440275-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-21">
+<clipPath id="terminal-1557440275-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3836315453-line-22">
+<clipPath id="terminal-1557440275-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3836315453-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1557440275-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3836315453-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1557440275-clip-terminal)">
     <rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3836315453-matrix">
-    <text class="terminal-3836315453-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-3836315453-line-0)">┌──────────────────────────────────┐</text><text class="terminal-3836315453-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-3836315453-line-0)">Layers</text><text class="terminal-3836315453-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3836315453-line-0)">
-</text><text class="terminal-3836315453-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-1)">│</text><text class="terminal-3836315453-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-1)">│</text><text class="terminal-3836315453-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-3836315453-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-3836315453-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-1)">
-</text><text class="terminal-3836315453-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-2)">│</text><text class="terminal-3836315453-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-2)">│</text><text class="terminal-3836315453-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-2)">
-</text><text class="terminal-3836315453-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-3)">│</text><text class="terminal-3836315453-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-3836315453-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-3836315453-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-3)">│</text><text class="terminal-3836315453-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-3)">
-</text><text class="terminal-3836315453-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-4)">│</text><text class="terminal-3836315453-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-4)">│</text><text class="terminal-3836315453-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-4)">
-</text><text class="terminal-3836315453-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3836315453-line-5)">│</text><text class="terminal-3836315453-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-3836315453-line-5)">│</text><text class="terminal-3836315453-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3836315453-line-5)">
-</text><text class="terminal-3836315453-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-3836315453-line-6)">└──────────────────────────────────┘</text><text class="terminal-3836315453-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-6)">
-</text><text class="terminal-3836315453-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-7)">
-</text><text class="terminal-3836315453-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-8)">
-</text><text class="terminal-3836315453-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-9)">
-</text><text class="terminal-3836315453-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3836315453-line-10)">
-</text><text class="terminal-3836315453-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-11)">
-</text><text class="terminal-3836315453-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-12)">
-</text><text class="terminal-3836315453-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-13)">
-</text><text class="terminal-3836315453-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-14)">
-</text><text class="terminal-3836315453-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3836315453-line-15)">
-</text><text class="terminal-3836315453-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-16)">
-</text><text class="terminal-3836315453-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-17)">
-</text><text class="terminal-3836315453-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3836315453-line-18)">
-</text><text class="terminal-3836315453-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3836315453-line-19)">
-</text><text class="terminal-3836315453-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3836315453-line-20)">
-</text><text class="terminal-3836315453-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3836315453-line-21)">
-</text><text class="terminal-3836315453-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3836315453-line-22)">
-</text><text class="terminal-3836315453-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3836315453-line-23)">&#160;t&#160;</text><text class="terminal-3836315453-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-3836315453-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-3836315453-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3836315453-line-23)">^p</text><text class="terminal-3836315453-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3836315453-line-23)">&#160;palette</text>
+    <g class="terminal-1557440275-matrix">
+    <text class="terminal-1557440275-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-1557440275-line-0)">┌──────────────────────────────────┐</text><text class="terminal-1557440275-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-1557440275-line-0)">Layers</text><text class="terminal-1557440275-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1557440275-line-0)">
+</text><text class="terminal-1557440275-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-1)">│</text><text class="terminal-1557440275-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-1)">│</text><text class="terminal-1557440275-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-1557440275-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-1557440275-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-1)">
+</text><text class="terminal-1557440275-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-2)">│</text><text class="terminal-1557440275-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-2)">│</text><text class="terminal-1557440275-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-2)">
+</text><text class="terminal-1557440275-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-3)">│</text><text class="terminal-1557440275-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-1557440275-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-1557440275-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-3)">│</text><text class="terminal-1557440275-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-3)">
+</text><text class="terminal-1557440275-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-4)">│</text><text class="terminal-1557440275-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-4)">│</text><text class="terminal-1557440275-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-4)">
+</text><text class="terminal-1557440275-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1557440275-line-5)">│</text><text class="terminal-1557440275-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-1557440275-line-5)">│</text><text class="terminal-1557440275-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1557440275-line-5)">
+</text><text class="terminal-1557440275-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-1557440275-line-6)">└──────────────────────────────────┘</text><text class="terminal-1557440275-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-6)">
+</text><text class="terminal-1557440275-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-7)">
+</text><text class="terminal-1557440275-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-8)">
+</text><text class="terminal-1557440275-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-9)">
+</text><text class="terminal-1557440275-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1557440275-line-10)">
+</text><text class="terminal-1557440275-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-11)">
+</text><text class="terminal-1557440275-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-12)">
+</text><text class="terminal-1557440275-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-13)">
+</text><text class="terminal-1557440275-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-14)">
+</text><text class="terminal-1557440275-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1557440275-line-15)">
+</text><text class="terminal-1557440275-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-16)">
+</text><text class="terminal-1557440275-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-17)">
+</text><text class="terminal-1557440275-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-18)">
+</text><text class="terminal-1557440275-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1557440275-line-19)">
+</text><text class="terminal-1557440275-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1557440275-line-20)">
+</text><text class="terminal-1557440275-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1557440275-line-21)">
+</text><text class="terminal-1557440275-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1557440275-line-22)">
+</text><text class="terminal-1557440275-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1557440275-line-23)">&#160;t&#160;</text><text class="terminal-1557440275-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1557440275-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-1557440275-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1557440275-line-23)">▏</text><text class="terminal-1557440275-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1557440275-line-23)">^p</text><text class="terminal-1557440275-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1557440275-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg
index 30fd3bf9e3..9773277e07 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_order_independence_toggle.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-1726448325-matrix {
+    .terminal-838115995-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1726448325-title {
+    .terminal-838115995-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1726448325-r1 { fill: #ffff00 }
-.terminal-1726448325-r2 { fill: #e3e3e3 }
-.terminal-1726448325-r3 { fill: #c5c8c6 }
-.terminal-1726448325-r4 { fill: #ddeedd }
-.terminal-1726448325-r5 { fill: #fea62b;font-weight: bold }
-.terminal-1726448325-r6 { fill: #a7a9ab }
-.terminal-1726448325-r7 { fill: #e2e3e3 }
+    .terminal-838115995-r1 { fill: #ffff00 }
+.terminal-838115995-r2 { fill: #e3e3e3 }
+.terminal-838115995-r3 { fill: #c5c8c6 }
+.terminal-838115995-r4 { fill: #ddeedd }
+.terminal-838115995-r5 { fill: #fea62b;font-weight: bold }
+.terminal-838115995-r6 { fill: #a7a9ab }
+.terminal-838115995-r7 { fill: #e2e3e3 }
+.terminal-838115995-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1726448325-clip-terminal">
+    <clipPath id="terminal-838115995-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1726448325-line-0">
+    <clipPath id="terminal-838115995-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-1">
+<clipPath id="terminal-838115995-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-2">
+<clipPath id="terminal-838115995-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-3">
+<clipPath id="terminal-838115995-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-4">
+<clipPath id="terminal-838115995-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-5">
+<clipPath id="terminal-838115995-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-6">
+<clipPath id="terminal-838115995-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-7">
+<clipPath id="terminal-838115995-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-8">
+<clipPath id="terminal-838115995-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-9">
+<clipPath id="terminal-838115995-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-10">
+<clipPath id="terminal-838115995-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-11">
+<clipPath id="terminal-838115995-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-12">
+<clipPath id="terminal-838115995-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-13">
+<clipPath id="terminal-838115995-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-14">
+<clipPath id="terminal-838115995-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-15">
+<clipPath id="terminal-838115995-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-16">
+<clipPath id="terminal-838115995-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-17">
+<clipPath id="terminal-838115995-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-18">
+<clipPath id="terminal-838115995-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-19">
+<clipPath id="terminal-838115995-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-20">
+<clipPath id="terminal-838115995-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-21">
+<clipPath id="terminal-838115995-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1726448325-line-22">
+<clipPath id="terminal-838115995-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1726448325-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-838115995-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">Layers</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1726448325-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-838115995-clip-terminal)">
     <rect fill="#ff0000" x="0" y="1.5" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="439.2" y="1.5" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="512.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="25.9" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="25.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="50.3" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="36.6" y="74.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="402.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="74.7" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="123.5" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="427" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="0" y="147.9" width="439.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="439.2" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#008000" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1726448325-matrix">
-    <text class="terminal-1726448325-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-1726448325-line-0)">┌──────────────────────────────────┐</text><text class="terminal-1726448325-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-1726448325-line-0)">Layers</text><text class="terminal-1726448325-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1726448325-line-0)">
-</text><text class="terminal-1726448325-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-1)">│</text><text class="terminal-1726448325-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-1)">│</text><text class="terminal-1726448325-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-1726448325-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-1726448325-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-1)">
-</text><text class="terminal-1726448325-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-2)">│</text><text class="terminal-1726448325-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-2)">│</text><text class="terminal-1726448325-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-2)">
-</text><text class="terminal-1726448325-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-3)">│</text><text class="terminal-1726448325-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-1726448325-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-1726448325-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-3)">│</text><text class="terminal-1726448325-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-3)">
-</text><text class="terminal-1726448325-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-4)">│</text><text class="terminal-1726448325-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-4)">│</text><text class="terminal-1726448325-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-4)">
-</text><text class="terminal-1726448325-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1726448325-line-5)">│</text><text class="terminal-1726448325-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-1726448325-line-5)">│</text><text class="terminal-1726448325-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1726448325-line-5)">
-</text><text class="terminal-1726448325-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-1726448325-line-6)">└──────────────────────────────────┘</text><text class="terminal-1726448325-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-6)">
-</text><text class="terminal-1726448325-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-7)">
-</text><text class="terminal-1726448325-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-8)">
-</text><text class="terminal-1726448325-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-9)">
-</text><text class="terminal-1726448325-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1726448325-line-10)">
-</text><text class="terminal-1726448325-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-11)">
-</text><text class="terminal-1726448325-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-12)">
-</text><text class="terminal-1726448325-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-13)">
-</text><text class="terminal-1726448325-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-14)">
-</text><text class="terminal-1726448325-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1726448325-line-15)">
-</text><text class="terminal-1726448325-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-16)">
-</text><text class="terminal-1726448325-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-17)">
-</text><text class="terminal-1726448325-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1726448325-line-18)">
-</text><text class="terminal-1726448325-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1726448325-line-19)">
-</text><text class="terminal-1726448325-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1726448325-line-20)">
-</text><text class="terminal-1726448325-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1726448325-line-21)">
-</text><text class="terminal-1726448325-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1726448325-line-22)">
-</text><text class="terminal-1726448325-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1726448325-line-23)">&#160;t&#160;</text><text class="terminal-1726448325-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-1726448325-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-1726448325-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1726448325-line-23)">^p</text><text class="terminal-1726448325-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1726448325-line-23)">&#160;palette</text>
+    <g class="terminal-838115995-matrix">
+    <text class="terminal-838115995-r1" x="0" y="20" textLength="439.2" clip-path="url(#terminal-838115995-line-0)">┌──────────────────────────────────┐</text><text class="terminal-838115995-r2" x="439.2" y="20" textLength="73.2" clip-path="url(#terminal-838115995-line-0)">Layers</text><text class="terminal-838115995-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-838115995-line-0)">
+</text><text class="terminal-838115995-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-838115995-line-1)">│</text><text class="terminal-838115995-r1" x="427" y="44.4" textLength="12.2" clip-path="url(#terminal-838115995-line-1)">│</text><text class="terminal-838115995-r4" x="439.2" y="44.4" textLength="536.8" clip-path="url(#terminal-838115995-line-1)">It&#x27;s&#160;full&#160;of&#160;stars!&#160;My&#160;God!&#160;It&#x27;s&#160;full&#160;of&#160;sta</text><text class="terminal-838115995-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-838115995-line-1)">
+</text><text class="terminal-838115995-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-838115995-line-2)">│</text><text class="terminal-838115995-r1" x="427" y="68.8" textLength="12.2" clip-path="url(#terminal-838115995-line-2)">│</text><text class="terminal-838115995-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-838115995-line-2)">
+</text><text class="terminal-838115995-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-838115995-line-3)">│</text><text class="terminal-838115995-r1" x="36.6" y="93.2" textLength="366" clip-path="url(#terminal-838115995-line-3)">This&#160;should&#160;float&#160;over&#160;the&#160;top</text><text class="terminal-838115995-r1" x="427" y="93.2" textLength="12.2" clip-path="url(#terminal-838115995-line-3)">│</text><text class="terminal-838115995-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-838115995-line-3)">
+</text><text class="terminal-838115995-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-838115995-line-4)">│</text><text class="terminal-838115995-r1" x="427" y="117.6" textLength="12.2" clip-path="url(#terminal-838115995-line-4)">│</text><text class="terminal-838115995-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-838115995-line-4)">
+</text><text class="terminal-838115995-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-838115995-line-5)">│</text><text class="terminal-838115995-r1" x="427" y="142" textLength="12.2" clip-path="url(#terminal-838115995-line-5)">│</text><text class="terminal-838115995-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-838115995-line-5)">
+</text><text class="terminal-838115995-r1" x="0" y="166.4" textLength="439.2" clip-path="url(#terminal-838115995-line-6)">└──────────────────────────────────┘</text><text class="terminal-838115995-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-838115995-line-6)">
+</text><text class="terminal-838115995-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-838115995-line-7)">
+</text><text class="terminal-838115995-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-838115995-line-8)">
+</text><text class="terminal-838115995-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-838115995-line-9)">
+</text><text class="terminal-838115995-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-838115995-line-10)">
+</text><text class="terminal-838115995-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-838115995-line-11)">
+</text><text class="terminal-838115995-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-838115995-line-12)">
+</text><text class="terminal-838115995-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-838115995-line-13)">
+</text><text class="terminal-838115995-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-838115995-line-14)">
+</text><text class="terminal-838115995-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-838115995-line-15)">
+</text><text class="terminal-838115995-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-838115995-line-16)">
+</text><text class="terminal-838115995-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-838115995-line-17)">
+</text><text class="terminal-838115995-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-838115995-line-18)">
+</text><text class="terminal-838115995-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-838115995-line-19)">
+</text><text class="terminal-838115995-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-838115995-line-20)">
+</text><text class="terminal-838115995-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-838115995-line-21)">
+</text><text class="terminal-838115995-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-838115995-line-22)">
+</text><text class="terminal-838115995-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-838115995-line-23)">&#160;t&#160;</text><text class="terminal-838115995-r6" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-838115995-line-23)">Toggle&#160;Screen&#160;</text><text class="terminal-838115995-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-838115995-line-23)">▏</text><text class="terminal-838115995-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-838115995-line-23)">^p</text><text class="terminal-838115995-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-838115995-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg
index c04a01874e..cc8a137420 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_programmatic_disable_button.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-2824877908-matrix {
+    .terminal-400643882-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2824877908-title {
+    .terminal-400643882-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2824877908-r1 { fill: #e1e1e1 }
-.terminal-2824877908-r2 { fill: #c5c8c6 }
-.terminal-2824877908-r3 { fill: #303336 }
-.terminal-2824877908-r4 { fill: #a7a7a7;font-weight: bold }
-.terminal-2824877908-r5 { fill: #0f0f0f }
-.terminal-2824877908-r6 { fill: #fea62b;font-weight: bold }
-.terminal-2824877908-r7 { fill: #a7a9ab }
-.terminal-2824877908-r8 { fill: #e2e3e3 }
+    .terminal-400643882-r1 { fill: #e1e1e1 }
+.terminal-400643882-r2 { fill: #c5c8c6 }
+.terminal-400643882-r3 { fill: #303336 }
+.terminal-400643882-r4 { fill: #a7a7a7;font-weight: bold }
+.terminal-400643882-r5 { fill: #0f0f0f }
+.terminal-400643882-r6 { fill: #fea62b;font-weight: bold }
+.terminal-400643882-r7 { fill: #a7a9ab }
+.terminal-400643882-r8 { fill: #e2e3e3 }
+.terminal-400643882-r9 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-2824877908-clip-terminal">
+    <clipPath id="terminal-400643882-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2824877908-line-0">
+    <clipPath id="terminal-400643882-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-1">
+<clipPath id="terminal-400643882-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-2">
+<clipPath id="terminal-400643882-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-3">
+<clipPath id="terminal-400643882-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-4">
+<clipPath id="terminal-400643882-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-5">
+<clipPath id="terminal-400643882-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-6">
+<clipPath id="terminal-400643882-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-7">
+<clipPath id="terminal-400643882-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-8">
+<clipPath id="terminal-400643882-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-9">
+<clipPath id="terminal-400643882-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-10">
+<clipPath id="terminal-400643882-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-11">
+<clipPath id="terminal-400643882-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-12">
+<clipPath id="terminal-400643882-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-13">
+<clipPath id="terminal-400643882-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-14">
+<clipPath id="terminal-400643882-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-15">
+<clipPath id="terminal-400643882-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-16">
+<clipPath id="terminal-400643882-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-17">
+<clipPath id="terminal-400643882-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-18">
+<clipPath id="terminal-400643882-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-19">
+<clipPath id="terminal-400643882-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-20">
+<clipPath id="terminal-400643882-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-21">
+<clipPath id="terminal-400643882-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2824877908-line-22">
+<clipPath id="terminal-400643882-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2824877908-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-400643882-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ExampleApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2824877908-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-400643882-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="245.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="427" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="549" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#202225" x="390.4" y="294.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="585.6" y="294.3" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="562.7" width="573.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2824877908-matrix">
-    <text class="terminal-2824877908-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2824877908-line-0)">
-</text><text class="terminal-2824877908-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2824877908-line-1)">
-</text><text class="terminal-2824877908-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2824877908-line-2)">
-</text><text class="terminal-2824877908-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2824877908-line-3)">
-</text><text class="terminal-2824877908-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2824877908-line-4)">
-</text><text class="terminal-2824877908-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2824877908-line-5)">
-</text><text class="terminal-2824877908-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2824877908-line-6)">
-</text><text class="terminal-2824877908-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2824877908-line-7)">
-</text><text class="terminal-2824877908-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2824877908-line-8)">
-</text><text class="terminal-2824877908-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-2824877908-line-9)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Hover&#160;the&#160;button&#160;then&#160;hit&#160;space&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2824877908-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2824877908-line-9)">
-</text><text class="terminal-2824877908-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-2824877908-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2824877908-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2824877908-line-10)">
-</text><text class="terminal-2824877908-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-2824877908-line-11)">&#160;Disabled&#160;</text><text class="terminal-2824877908-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2824877908-line-11)">
-</text><text class="terminal-2824877908-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-2824877908-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2824877908-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2824877908-line-12)">
-</text><text class="terminal-2824877908-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2824877908-line-13)">
-</text><text class="terminal-2824877908-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2824877908-line-14)">
-</text><text class="terminal-2824877908-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2824877908-line-15)">
-</text><text class="terminal-2824877908-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2824877908-line-16)">
-</text><text class="terminal-2824877908-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2824877908-line-17)">
-</text><text class="terminal-2824877908-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2824877908-line-18)">
-</text><text class="terminal-2824877908-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2824877908-line-19)">
-</text><text class="terminal-2824877908-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2824877908-line-20)">
-</text><text class="terminal-2824877908-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2824877908-line-21)">
-</text><text class="terminal-2824877908-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2824877908-line-22)">
-</text><text class="terminal-2824877908-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-2824877908-line-23)">&#160;SPACE&#160;</text><text class="terminal-2824877908-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-2824877908-line-23)">Toggle&#160;Button&#160;</text><text class="terminal-2824877908-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2824877908-line-23)">^p</text><text class="terminal-2824877908-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2824877908-line-23)">&#160;palette</text>
+    <g class="terminal-400643882-matrix">
+    <text class="terminal-400643882-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-400643882-line-0)">
+</text><text class="terminal-400643882-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-400643882-line-1)">
+</text><text class="terminal-400643882-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-400643882-line-2)">
+</text><text class="terminal-400643882-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-400643882-line-3)">
+</text><text class="terminal-400643882-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-400643882-line-4)">
+</text><text class="terminal-400643882-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-400643882-line-5)">
+</text><text class="terminal-400643882-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-400643882-line-6)">
+</text><text class="terminal-400643882-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-400643882-line-7)">
+</text><text class="terminal-400643882-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-400643882-line-8)">
+</text><text class="terminal-400643882-r1" x="0" y="239.6" textLength="976" clip-path="url(#terminal-400643882-line-9)">&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;Hover&#160;the&#160;button&#160;then&#160;hit&#160;space&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-400643882-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-400643882-line-9)">
+</text><text class="terminal-400643882-r3" x="390.4" y="264" textLength="195.2" clip-path="url(#terminal-400643882-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-400643882-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-400643882-line-10)">
+</text><text class="terminal-400643882-r4" x="427" y="288.4" textLength="122" clip-path="url(#terminal-400643882-line-11)">&#160;Disabled&#160;</text><text class="terminal-400643882-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-400643882-line-11)">
+</text><text class="terminal-400643882-r5" x="390.4" y="312.8" textLength="195.2" clip-path="url(#terminal-400643882-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-400643882-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-400643882-line-12)">
+</text><text class="terminal-400643882-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-400643882-line-13)">
+</text><text class="terminal-400643882-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-400643882-line-14)">
+</text><text class="terminal-400643882-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-400643882-line-15)">
+</text><text class="terminal-400643882-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-400643882-line-16)">
+</text><text class="terminal-400643882-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-400643882-line-17)">
+</text><text class="terminal-400643882-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-400643882-line-18)">
+</text><text class="terminal-400643882-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-400643882-line-19)">
+</text><text class="terminal-400643882-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-400643882-line-20)">
+</text><text class="terminal-400643882-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-400643882-line-21)">
+</text><text class="terminal-400643882-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-400643882-line-22)">
+</text><text class="terminal-400643882-r6" x="0" y="581.2" textLength="85.4" clip-path="url(#terminal-400643882-line-23)">&#160;SPACE&#160;</text><text class="terminal-400643882-r7" x="85.4" y="581.2" textLength="170.8" clip-path="url(#terminal-400643882-line-23)">Toggle&#160;Button&#160;</text><text class="terminal-400643882-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-400643882-line-23)">▏</text><text class="terminal-400643882-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-400643882-line-23)">^p</text><text class="terminal-400643882-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-400643882-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg
index 60903454d2..b588551f49 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed.svg
@@ -19,136 +19,137 @@
         font-weight: 700;
     }
 
-    .terminal-774923685-matrix {
+    .terminal-2423620987-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-774923685-title {
+    .terminal-2423620987-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-774923685-r1 { fill: #e1e1e1 }
-.terminal-774923685-r2 { fill: #c5c8c6 }
-.terminal-774923685-r3 { fill: #4ebf71 }
-.terminal-774923685-r4 { fill: #fea62b;font-weight: bold }
-.terminal-774923685-r5 { fill: #a7a9ab }
-.terminal-774923685-r6 { fill: #e2e3e3 }
+    .terminal-2423620987-r1 { fill: #e1e1e1 }
+.terminal-2423620987-r2 { fill: #c5c8c6 }
+.terminal-2423620987-r3 { fill: #4ebf71 }
+.terminal-2423620987-r4 { fill: #fea62b;font-weight: bold }
+.terminal-2423620987-r5 { fill: #a7a9ab }
+.terminal-2423620987-r6 { fill: #e2e3e3 }
+.terminal-2423620987-r7 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-774923685-clip-terminal">
+    <clipPath id="terminal-2423620987-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-774923685-line-0">
+    <clipPath id="terminal-2423620987-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-1">
+<clipPath id="terminal-2423620987-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-2">
+<clipPath id="terminal-2423620987-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-3">
+<clipPath id="terminal-2423620987-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-4">
+<clipPath id="terminal-2423620987-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-5">
+<clipPath id="terminal-2423620987-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-6">
+<clipPath id="terminal-2423620987-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-7">
+<clipPath id="terminal-2423620987-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-8">
+<clipPath id="terminal-2423620987-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-9">
+<clipPath id="terminal-2423620987-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-10">
+<clipPath id="terminal-2423620987-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-11">
+<clipPath id="terminal-2423620987-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-12">
+<clipPath id="terminal-2423620987-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-13">
+<clipPath id="terminal-2423620987-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-14">
+<clipPath id="terminal-2423620987-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-15">
+<clipPath id="terminal-2423620987-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-16">
+<clipPath id="terminal-2423620987-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-17">
+<clipPath id="terminal-2423620987-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-18">
+<clipPath id="terminal-2423620987-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-19">
+<clipPath id="terminal-2423620987-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-20">
+<clipPath id="terminal-2423620987-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-21">
+<clipPath id="terminal-2423620987-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-774923685-line-22">
+<clipPath id="terminal-2423620987-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-774923685-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2423620987-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-774923685-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2423620987-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-774923685-matrix">
-    <text class="terminal-774923685-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-774923685-line-0)">
-</text><text class="terminal-774923685-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-774923685-line-1)">
-</text><text class="terminal-774923685-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-774923685-line-2)">
-</text><text class="terminal-774923685-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-774923685-line-3)">
-</text><text class="terminal-774923685-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-774923685-line-4)">
-</text><text class="terminal-774923685-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-774923685-line-5)">
-</text><text class="terminal-774923685-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-774923685-line-6)">
-</text><text class="terminal-774923685-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-774923685-line-7)">
-</text><text class="terminal-774923685-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-774923685-line-8)">
-</text><text class="terminal-774923685-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-774923685-line-9)">
-</text><text class="terminal-774923685-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-774923685-line-10)">
-</text><text class="terminal-774923685-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-774923685-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-774923685-r1" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-774923685-line-11)">100%</text><text class="terminal-774923685-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-774923685-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-774923685-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-774923685-line-11)">
-</text><text class="terminal-774923685-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-774923685-line-12)">
-</text><text class="terminal-774923685-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-774923685-line-13)">
-</text><text class="terminal-774923685-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-774923685-line-14)">
-</text><text class="terminal-774923685-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-774923685-line-15)">
-</text><text class="terminal-774923685-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-774923685-line-16)">
-</text><text class="terminal-774923685-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-774923685-line-17)">
-</text><text class="terminal-774923685-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-774923685-line-18)">
-</text><text class="terminal-774923685-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-774923685-line-19)">
-</text><text class="terminal-774923685-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-774923685-line-20)">
-</text><text class="terminal-774923685-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-774923685-line-21)">
-</text><text class="terminal-774923685-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-774923685-line-22)">
-</text><text class="terminal-774923685-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-774923685-line-23)">&#160;s&#160;</text><text class="terminal-774923685-r5" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-774923685-line-23)">Start&#160;</text><text class="terminal-774923685-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-774923685-line-23)">^p</text><text class="terminal-774923685-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-774923685-line-23)">&#160;palette</text>
+    <g class="terminal-2423620987-matrix">
+    <text class="terminal-2423620987-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2423620987-line-0)">
+</text><text class="terminal-2423620987-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2423620987-line-1)">
+</text><text class="terminal-2423620987-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2423620987-line-2)">
+</text><text class="terminal-2423620987-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2423620987-line-3)">
+</text><text class="terminal-2423620987-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2423620987-line-4)">
+</text><text class="terminal-2423620987-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2423620987-line-5)">
+</text><text class="terminal-2423620987-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2423620987-line-6)">
+</text><text class="terminal-2423620987-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2423620987-line-7)">
+</text><text class="terminal-2423620987-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2423620987-line-8)">
+</text><text class="terminal-2423620987-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2423620987-line-9)">
+</text><text class="terminal-2423620987-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2423620987-line-10)">
+</text><text class="terminal-2423620987-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-2423620987-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2423620987-r1" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-2423620987-line-11)">100%</text><text class="terminal-2423620987-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-2423620987-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2423620987-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2423620987-line-11)">
+</text><text class="terminal-2423620987-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2423620987-line-12)">
+</text><text class="terminal-2423620987-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2423620987-line-13)">
+</text><text class="terminal-2423620987-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2423620987-line-14)">
+</text><text class="terminal-2423620987-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2423620987-line-15)">
+</text><text class="terminal-2423620987-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2423620987-line-16)">
+</text><text class="terminal-2423620987-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2423620987-line-17)">
+</text><text class="terminal-2423620987-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2423620987-line-18)">
+</text><text class="terminal-2423620987-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2423620987-line-19)">
+</text><text class="terminal-2423620987-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2423620987-line-20)">
+</text><text class="terminal-2423620987-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2423620987-line-21)">
+</text><text class="terminal-2423620987-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2423620987-line-22)">
+</text><text class="terminal-2423620987-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2423620987-line-23)">&#160;s&#160;</text><text class="terminal-2423620987-r5" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-2423620987-line-23)">Start&#160;</text><text class="terminal-2423620987-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2423620987-line-23)">▏</text><text class="terminal-2423620987-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2423620987-line-23)">^p</text><text class="terminal-2423620987-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2423620987-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg
index 9d1560dee2..4c0eec9b26 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_completed_styled.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-3632574814-matrix {
+    .terminal-3531788596-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3632574814-title {
+    .terminal-3531788596-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3632574814-r1 { fill: #e1e1e1 }
-.terminal-3632574814-r2 { fill: #c5c8c6 }
-.terminal-3632574814-r3 { fill: #b93c5b }
-.terminal-3632574814-r4 { fill: #1e1e1e }
-.terminal-3632574814-r5 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-3632574814-r6 { fill: #fea62b;font-weight: bold }
-.terminal-3632574814-r7 { fill: #a7a9ab }
-.terminal-3632574814-r8 { fill: #e2e3e3 }
+    .terminal-3531788596-r1 { fill: #e1e1e1 }
+.terminal-3531788596-r2 { fill: #c5c8c6 }
+.terminal-3531788596-r3 { fill: #b93c5b }
+.terminal-3531788596-r4 { fill: #1e1e1e }
+.terminal-3531788596-r5 { fill: #e1e1e1;text-decoration: underline; }
+.terminal-3531788596-r6 { fill: #fea62b;font-weight: bold }
+.terminal-3531788596-r7 { fill: #a7a9ab }
+.terminal-3531788596-r8 { fill: #e2e3e3 }
+.terminal-3531788596-r9 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3632574814-clip-terminal">
+    <clipPath id="terminal-3531788596-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3632574814-line-0">
+    <clipPath id="terminal-3531788596-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-1">
+<clipPath id="terminal-3531788596-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-2">
+<clipPath id="terminal-3531788596-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-3">
+<clipPath id="terminal-3531788596-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-4">
+<clipPath id="terminal-3531788596-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-5">
+<clipPath id="terminal-3531788596-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-6">
+<clipPath id="terminal-3531788596-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-7">
+<clipPath id="terminal-3531788596-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-8">
+<clipPath id="terminal-3531788596-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-9">
+<clipPath id="terminal-3531788596-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-10">
+<clipPath id="terminal-3531788596-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-11">
+<clipPath id="terminal-3531788596-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-12">
+<clipPath id="terminal-3531788596-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-13">
+<clipPath id="terminal-3531788596-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-14">
+<clipPath id="terminal-3531788596-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-15">
+<clipPath id="terminal-3531788596-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-16">
+<clipPath id="terminal-3531788596-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-17">
+<clipPath id="terminal-3531788596-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-18">
+<clipPath id="terminal-3531788596-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-19">
+<clipPath id="terminal-3531788596-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-20">
+<clipPath id="terminal-3531788596-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-21">
+<clipPath id="terminal-3531788596-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3632574814-line-22">
+<clipPath id="terminal-3531788596-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3632574814-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3531788596-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3632574814-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3531788596-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="610" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3632574814-matrix">
-    <text class="terminal-3632574814-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3632574814-line-0)">
-</text><text class="terminal-3632574814-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3632574814-line-1)">
-</text><text class="terminal-3632574814-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3632574814-line-2)">
-</text><text class="terminal-3632574814-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3632574814-line-3)">
-</text><text class="terminal-3632574814-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3632574814-line-4)">
-</text><text class="terminal-3632574814-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3632574814-line-5)">
-</text><text class="terminal-3632574814-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3632574814-line-6)">
-</text><text class="terminal-3632574814-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3632574814-line-7)">
-</text><text class="terminal-3632574814-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3632574814-line-8)">
-</text><text class="terminal-3632574814-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3632574814-line-9)">
-</text><text class="terminal-3632574814-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3632574814-line-10)">
-</text><text class="terminal-3632574814-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-3632574814-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3632574814-r4" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-3632574814-line-11)">100%</text><text class="terminal-3632574814-r5" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-3632574814-line-11)">--:--:--</text><text class="terminal-3632574814-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3632574814-line-11)">
-</text><text class="terminal-3632574814-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3632574814-line-12)">
-</text><text class="terminal-3632574814-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3632574814-line-13)">
-</text><text class="terminal-3632574814-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3632574814-line-14)">
-</text><text class="terminal-3632574814-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3632574814-line-15)">
-</text><text class="terminal-3632574814-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3632574814-line-16)">
-</text><text class="terminal-3632574814-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3632574814-line-17)">
-</text><text class="terminal-3632574814-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3632574814-line-18)">
-</text><text class="terminal-3632574814-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3632574814-line-19)">
-</text><text class="terminal-3632574814-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3632574814-line-20)">
-</text><text class="terminal-3632574814-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3632574814-line-21)">
-</text><text class="terminal-3632574814-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3632574814-line-22)">
-</text><text class="terminal-3632574814-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3632574814-line-23)">&#160;s&#160;</text><text class="terminal-3632574814-r7" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3632574814-line-23)">Start&#160;</text><text class="terminal-3632574814-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3632574814-line-23)">^p</text><text class="terminal-3632574814-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3632574814-line-23)">&#160;palette</text>
+    <g class="terminal-3531788596-matrix">
+    <text class="terminal-3531788596-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3531788596-line-0)">
+</text><text class="terminal-3531788596-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3531788596-line-1)">
+</text><text class="terminal-3531788596-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3531788596-line-2)">
+</text><text class="terminal-3531788596-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3531788596-line-3)">
+</text><text class="terminal-3531788596-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3531788596-line-4)">
+</text><text class="terminal-3531788596-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3531788596-line-5)">
+</text><text class="terminal-3531788596-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3531788596-line-6)">
+</text><text class="terminal-3531788596-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3531788596-line-7)">
+</text><text class="terminal-3531788596-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3531788596-line-8)">
+</text><text class="terminal-3531788596-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3531788596-line-9)">
+</text><text class="terminal-3531788596-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3531788596-line-10)">
+</text><text class="terminal-3531788596-r3" x="207.4" y="288.4" textLength="390.4" clip-path="url(#terminal-3531788596-line-11)">━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3531788596-r4" x="610" y="288.4" textLength="48.8" clip-path="url(#terminal-3531788596-line-11)">100%</text><text class="terminal-3531788596-r5" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-3531788596-line-11)">--:--:--</text><text class="terminal-3531788596-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3531788596-line-11)">
+</text><text class="terminal-3531788596-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3531788596-line-12)">
+</text><text class="terminal-3531788596-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3531788596-line-13)">
+</text><text class="terminal-3531788596-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3531788596-line-14)">
+</text><text class="terminal-3531788596-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3531788596-line-15)">
+</text><text class="terminal-3531788596-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3531788596-line-16)">
+</text><text class="terminal-3531788596-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3531788596-line-17)">
+</text><text class="terminal-3531788596-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3531788596-line-18)">
+</text><text class="terminal-3531788596-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3531788596-line-19)">
+</text><text class="terminal-3531788596-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3531788596-line-20)">
+</text><text class="terminal-3531788596-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3531788596-line-21)">
+</text><text class="terminal-3531788596-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3531788596-line-22)">
+</text><text class="terminal-3531788596-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3531788596-line-23)">&#160;s&#160;</text><text class="terminal-3531788596-r7" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3531788596-line-23)">Start&#160;</text><text class="terminal-3531788596-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3531788596-line-23)">▏</text><text class="terminal-3531788596-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3531788596-line-23)">^p</text><text class="terminal-3531788596-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3531788596-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg
index be94126751..dc64e1c54b 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-3861751956-matrix {
+    .terminal-1670957162-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3861751956-title {
+    .terminal-1670957162-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3861751956-r1 { fill: #e1e1e1 }
-.terminal-3861751956-r2 { fill: #c5c8c6 }
-.terminal-3861751956-r3 { fill: #fea62b }
-.terminal-3861751956-r4 { fill: #323232 }
-.terminal-3861751956-r5 { fill: #fea62b;font-weight: bold }
-.terminal-3861751956-r6 { fill: #a7a9ab }
-.terminal-3861751956-r7 { fill: #e2e3e3 }
+    .terminal-1670957162-r1 { fill: #e1e1e1 }
+.terminal-1670957162-r2 { fill: #c5c8c6 }
+.terminal-1670957162-r3 { fill: #fea62b }
+.terminal-1670957162-r4 { fill: #323232 }
+.terminal-1670957162-r5 { fill: #fea62b;font-weight: bold }
+.terminal-1670957162-r6 { fill: #a7a9ab }
+.terminal-1670957162-r7 { fill: #e2e3e3 }
+.terminal-1670957162-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3861751956-clip-terminal">
+    <clipPath id="terminal-1670957162-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3861751956-line-0">
+    <clipPath id="terminal-1670957162-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-1">
+<clipPath id="terminal-1670957162-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-2">
+<clipPath id="terminal-1670957162-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-3">
+<clipPath id="terminal-1670957162-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-4">
+<clipPath id="terminal-1670957162-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-5">
+<clipPath id="terminal-1670957162-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-6">
+<clipPath id="terminal-1670957162-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-7">
+<clipPath id="terminal-1670957162-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-8">
+<clipPath id="terminal-1670957162-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-9">
+<clipPath id="terminal-1670957162-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-10">
+<clipPath id="terminal-1670957162-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-11">
+<clipPath id="terminal-1670957162-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-12">
+<clipPath id="terminal-1670957162-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-13">
+<clipPath id="terminal-1670957162-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-14">
+<clipPath id="terminal-1670957162-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-15">
+<clipPath id="terminal-1670957162-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-16">
+<clipPath id="terminal-1670957162-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-17">
+<clipPath id="terminal-1670957162-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-18">
+<clipPath id="terminal-1670957162-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-19">
+<clipPath id="terminal-1670957162-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-20">
+<clipPath id="terminal-1670957162-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-21">
+<clipPath id="terminal-1670957162-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3861751956-line-22">
+<clipPath id="terminal-1670957162-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3861751956-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1670957162-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3861751956-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1670957162-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3861751956-matrix">
-    <text class="terminal-3861751956-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3861751956-line-0)">
-</text><text class="terminal-3861751956-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3861751956-line-1)">
-</text><text class="terminal-3861751956-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3861751956-line-2)">
-</text><text class="terminal-3861751956-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3861751956-line-3)">
-</text><text class="terminal-3861751956-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3861751956-line-4)">
-</text><text class="terminal-3861751956-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3861751956-line-5)">
-</text><text class="terminal-3861751956-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3861751956-line-6)">
-</text><text class="terminal-3861751956-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3861751956-line-7)">
-</text><text class="terminal-3861751956-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3861751956-line-8)">
-</text><text class="terminal-3861751956-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3861751956-line-9)">
-</text><text class="terminal-3861751956-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3861751956-line-10)">
-</text><text class="terminal-3861751956-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-3861751956-line-11)">━━━━━━━━━━━━</text><text class="terminal-3861751956-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-3861751956-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3861751956-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-3861751956-line-11)">39%</text><text class="terminal-3861751956-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-3861751956-line-11)">00:00:07&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-3861751956-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3861751956-line-11)">
-</text><text class="terminal-3861751956-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3861751956-line-12)">
-</text><text class="terminal-3861751956-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3861751956-line-13)">
-</text><text class="terminal-3861751956-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3861751956-line-14)">
-</text><text class="terminal-3861751956-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3861751956-line-15)">
-</text><text class="terminal-3861751956-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3861751956-line-16)">
-</text><text class="terminal-3861751956-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3861751956-line-17)">
-</text><text class="terminal-3861751956-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3861751956-line-18)">
-</text><text class="terminal-3861751956-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3861751956-line-19)">
-</text><text class="terminal-3861751956-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3861751956-line-20)">
-</text><text class="terminal-3861751956-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3861751956-line-21)">
-</text><text class="terminal-3861751956-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3861751956-line-22)">
-</text><text class="terminal-3861751956-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3861751956-line-23)">&#160;s&#160;</text><text class="terminal-3861751956-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3861751956-line-23)">Start&#160;</text><text class="terminal-3861751956-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3861751956-line-23)">^p</text><text class="terminal-3861751956-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3861751956-line-23)">&#160;palette</text>
+    <g class="terminal-1670957162-matrix">
+    <text class="terminal-1670957162-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1670957162-line-0)">
+</text><text class="terminal-1670957162-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1670957162-line-1)">
+</text><text class="terminal-1670957162-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1670957162-line-2)">
+</text><text class="terminal-1670957162-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1670957162-line-3)">
+</text><text class="terminal-1670957162-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1670957162-line-4)">
+</text><text class="terminal-1670957162-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1670957162-line-5)">
+</text><text class="terminal-1670957162-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1670957162-line-6)">
+</text><text class="terminal-1670957162-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1670957162-line-7)">
+</text><text class="terminal-1670957162-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1670957162-line-8)">
+</text><text class="terminal-1670957162-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1670957162-line-9)">
+</text><text class="terminal-1670957162-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1670957162-line-10)">
+</text><text class="terminal-1670957162-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-1670957162-line-11)">━━━━━━━━━━━━</text><text class="terminal-1670957162-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-1670957162-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1670957162-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-1670957162-line-11)">39%</text><text class="terminal-1670957162-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-1670957162-line-11)">00:00:07&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1670957162-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1670957162-line-11)">
+</text><text class="terminal-1670957162-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1670957162-line-12)">
+</text><text class="terminal-1670957162-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1670957162-line-13)">
+</text><text class="terminal-1670957162-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1670957162-line-14)">
+</text><text class="terminal-1670957162-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1670957162-line-15)">
+</text><text class="terminal-1670957162-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1670957162-line-16)">
+</text><text class="terminal-1670957162-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1670957162-line-17)">
+</text><text class="terminal-1670957162-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1670957162-line-18)">
+</text><text class="terminal-1670957162-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1670957162-line-19)">
+</text><text class="terminal-1670957162-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1670957162-line-20)">
+</text><text class="terminal-1670957162-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1670957162-line-21)">
+</text><text class="terminal-1670957162-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1670957162-line-22)">
+</text><text class="terminal-1670957162-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1670957162-line-23)">&#160;s&#160;</text><text class="terminal-1670957162-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-1670957162-line-23)">Start&#160;</text><text class="terminal-1670957162-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1670957162-line-23)">▏</text><text class="terminal-1670957162-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1670957162-line-23)">^p</text><text class="terminal-1670957162-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1670957162-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg
index e1276a891d..e4484c8531 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_halfway_styled.svg
@@ -19,139 +19,140 @@
         font-weight: 700;
     }
 
-    .terminal-4043436903-matrix {
+    .terminal-2950042444-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-4043436903-title {
+    .terminal-2950042444-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-4043436903-r1 { fill: #e1e1e1 }
-.terminal-4043436903-r2 { fill: #c5c8c6 }
-.terminal-4043436903-r3 { fill: #004578 }
-.terminal-4043436903-r4 { fill: #152939 }
-.terminal-4043436903-r5 { fill: #1e1e1e }
-.terminal-4043436903-r6 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-4043436903-r7 { fill: #fea62b;font-weight: bold }
-.terminal-4043436903-r8 { fill: #a7a9ab }
-.terminal-4043436903-r9 { fill: #e2e3e3 }
+    .terminal-2950042444-r1 { fill: #e1e1e1 }
+.terminal-2950042444-r2 { fill: #c5c8c6 }
+.terminal-2950042444-r3 { fill: #004578 }
+.terminal-2950042444-r4 { fill: #152939 }
+.terminal-2950042444-r5 { fill: #1e1e1e }
+.terminal-2950042444-r6 { fill: #e1e1e1;text-decoration: underline; }
+.terminal-2950042444-r7 { fill: #fea62b;font-weight: bold }
+.terminal-2950042444-r8 { fill: #a7a9ab }
+.terminal-2950042444-r9 { fill: #e2e3e3 }
+.terminal-2950042444-r10 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-4043436903-clip-terminal">
+    <clipPath id="terminal-2950042444-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-4043436903-line-0">
+    <clipPath id="terminal-2950042444-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-1">
+<clipPath id="terminal-2950042444-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-2">
+<clipPath id="terminal-2950042444-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-3">
+<clipPath id="terminal-2950042444-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-4">
+<clipPath id="terminal-2950042444-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-5">
+<clipPath id="terminal-2950042444-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-6">
+<clipPath id="terminal-2950042444-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-7">
+<clipPath id="terminal-2950042444-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-8">
+<clipPath id="terminal-2950042444-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-9">
+<clipPath id="terminal-2950042444-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-10">
+<clipPath id="terminal-2950042444-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-11">
+<clipPath id="terminal-2950042444-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-12">
+<clipPath id="terminal-2950042444-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-13">
+<clipPath id="terminal-2950042444-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-14">
+<clipPath id="terminal-2950042444-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-15">
+<clipPath id="terminal-2950042444-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-16">
+<clipPath id="terminal-2950042444-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-17">
+<clipPath id="terminal-2950042444-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-18">
+<clipPath id="terminal-2950042444-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-19">
+<clipPath id="terminal-2950042444-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-20">
+<clipPath id="terminal-2950042444-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-21">
+<clipPath id="terminal-2950042444-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4043436903-line-22">
+<clipPath id="terminal-2950042444-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4043436903-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2950042444-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-4043436903-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2950042444-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="269.9" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-4043436903-matrix">
-    <text class="terminal-4043436903-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4043436903-line-0)">
-</text><text class="terminal-4043436903-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4043436903-line-1)">
-</text><text class="terminal-4043436903-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4043436903-line-2)">
-</text><text class="terminal-4043436903-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4043436903-line-3)">
-</text><text class="terminal-4043436903-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4043436903-line-4)">
-</text><text class="terminal-4043436903-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4043436903-line-5)">
-</text><text class="terminal-4043436903-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4043436903-line-6)">
-</text><text class="terminal-4043436903-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4043436903-line-7)">
-</text><text class="terminal-4043436903-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4043436903-line-8)">
-</text><text class="terminal-4043436903-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4043436903-line-9)">
-</text><text class="terminal-4043436903-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4043436903-line-10)">
-</text><text class="terminal-4043436903-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-4043436903-line-11)">━━━━━━━━━━━━</text><text class="terminal-4043436903-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-4043436903-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-4043436903-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-4043436903-line-11)">39%</text><text class="terminal-4043436903-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-4043436903-line-11)">00:00:07</text><text class="terminal-4043436903-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4043436903-line-11)">
-</text><text class="terminal-4043436903-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4043436903-line-12)">
-</text><text class="terminal-4043436903-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4043436903-line-13)">
-</text><text class="terminal-4043436903-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4043436903-line-14)">
-</text><text class="terminal-4043436903-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4043436903-line-15)">
-</text><text class="terminal-4043436903-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4043436903-line-16)">
-</text><text class="terminal-4043436903-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4043436903-line-17)">
-</text><text class="terminal-4043436903-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4043436903-line-18)">
-</text><text class="terminal-4043436903-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4043436903-line-19)">
-</text><text class="terminal-4043436903-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4043436903-line-20)">
-</text><text class="terminal-4043436903-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4043436903-line-21)">
-</text><text class="terminal-4043436903-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4043436903-line-22)">
-</text><text class="terminal-4043436903-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-4043436903-line-23)">&#160;s&#160;</text><text class="terminal-4043436903-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-4043436903-line-23)">Start&#160;</text><text class="terminal-4043436903-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4043436903-line-23)">^p</text><text class="terminal-4043436903-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4043436903-line-23)">&#160;palette</text>
+    <g class="terminal-2950042444-matrix">
+    <text class="terminal-2950042444-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2950042444-line-0)">
+</text><text class="terminal-2950042444-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2950042444-line-1)">
+</text><text class="terminal-2950042444-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2950042444-line-2)">
+</text><text class="terminal-2950042444-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2950042444-line-3)">
+</text><text class="terminal-2950042444-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2950042444-line-4)">
+</text><text class="terminal-2950042444-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2950042444-line-5)">
+</text><text class="terminal-2950042444-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2950042444-line-6)">
+</text><text class="terminal-2950042444-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2950042444-line-7)">
+</text><text class="terminal-2950042444-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2950042444-line-8)">
+</text><text class="terminal-2950042444-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2950042444-line-9)">
+</text><text class="terminal-2950042444-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2950042444-line-10)">
+</text><text class="terminal-2950042444-r3" x="207.4" y="288.4" textLength="146.4" clip-path="url(#terminal-2950042444-line-11)">━━━━━━━━━━━━</text><text class="terminal-2950042444-r4" x="353.8" y="288.4" textLength="244" clip-path="url(#terminal-2950042444-line-11)">╺━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2950042444-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-2950042444-line-11)">39%</text><text class="terminal-2950042444-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-2950042444-line-11)">00:00:07</text><text class="terminal-2950042444-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2950042444-line-11)">
+</text><text class="terminal-2950042444-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2950042444-line-12)">
+</text><text class="terminal-2950042444-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2950042444-line-13)">
+</text><text class="terminal-2950042444-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2950042444-line-14)">
+</text><text class="terminal-2950042444-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2950042444-line-15)">
+</text><text class="terminal-2950042444-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2950042444-line-16)">
+</text><text class="terminal-2950042444-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2950042444-line-17)">
+</text><text class="terminal-2950042444-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2950042444-line-18)">
+</text><text class="terminal-2950042444-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2950042444-line-19)">
+</text><text class="terminal-2950042444-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2950042444-line-20)">
+</text><text class="terminal-2950042444-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2950042444-line-21)">
+</text><text class="terminal-2950042444-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2950042444-line-22)">
+</text><text class="terminal-2950042444-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2950042444-line-23)">&#160;s&#160;</text><text class="terminal-2950042444-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-2950042444-line-23)">Start&#160;</text><text class="terminal-2950042444-r10" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2950042444-line-23)">▏</text><text class="terminal-2950042444-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2950042444-line-23)">^p</text><text class="terminal-2950042444-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2950042444-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg
index 5a531415b4..8b17a0fb28 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-847243958-matrix {
+    .terminal-2115111579-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-847243958-title {
+    .terminal-2115111579-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-847243958-r1 { fill: #e1e1e1 }
-.terminal-847243958-r2 { fill: #c5c8c6 }
-.terminal-847243958-r3 { fill: #323232 }
-.terminal-847243958-r4 { fill: #b93c5b }
-.terminal-847243958-r5 { fill: #fea62b;font-weight: bold }
-.terminal-847243958-r6 { fill: #a7a9ab }
-.terminal-847243958-r7 { fill: #e2e3e3 }
+    .terminal-2115111579-r1 { fill: #e1e1e1 }
+.terminal-2115111579-r2 { fill: #c5c8c6 }
+.terminal-2115111579-r3 { fill: #323232 }
+.terminal-2115111579-r4 { fill: #b93c5b }
+.terminal-2115111579-r5 { fill: #fea62b;font-weight: bold }
+.terminal-2115111579-r6 { fill: #a7a9ab }
+.terminal-2115111579-r7 { fill: #e2e3e3 }
+.terminal-2115111579-r8 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-847243958-clip-terminal">
+    <clipPath id="terminal-2115111579-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-847243958-line-0">
+    <clipPath id="terminal-2115111579-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-1">
+<clipPath id="terminal-2115111579-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-2">
+<clipPath id="terminal-2115111579-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-3">
+<clipPath id="terminal-2115111579-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-4">
+<clipPath id="terminal-2115111579-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-5">
+<clipPath id="terminal-2115111579-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-6">
+<clipPath id="terminal-2115111579-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-7">
+<clipPath id="terminal-2115111579-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-8">
+<clipPath id="terminal-2115111579-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-9">
+<clipPath id="terminal-2115111579-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-10">
+<clipPath id="terminal-2115111579-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-11">
+<clipPath id="terminal-2115111579-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-12">
+<clipPath id="terminal-2115111579-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-13">
+<clipPath id="terminal-2115111579-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-14">
+<clipPath id="terminal-2115111579-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-15">
+<clipPath id="terminal-2115111579-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-16">
+<clipPath id="terminal-2115111579-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-17">
+<clipPath id="terminal-2115111579-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-18">
+<clipPath id="terminal-2115111579-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-19">
+<clipPath id="terminal-2115111579-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-20">
+<clipPath id="terminal-2115111579-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-21">
+<clipPath id="terminal-2115111579-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-847243958-line-22">
+<clipPath id="terminal-2115111579-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-847243958-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2115111579-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">IndeterminateProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-847243958-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2115111579-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-847243958-matrix">
-    <text class="terminal-847243958-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-847243958-line-0)">
-</text><text class="terminal-847243958-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-847243958-line-1)">
-</text><text class="terminal-847243958-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-847243958-line-2)">
-</text><text class="terminal-847243958-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-847243958-line-3)">
-</text><text class="terminal-847243958-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-847243958-line-4)">
-</text><text class="terminal-847243958-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-847243958-line-5)">
-</text><text class="terminal-847243958-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-847243958-line-6)">
-</text><text class="terminal-847243958-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-847243958-line-7)">
-</text><text class="terminal-847243958-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-847243958-line-8)">
-</text><text class="terminal-847243958-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-847243958-line-9)">
-</text><text class="terminal-847243958-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-847243958-line-10)">
-</text><text class="terminal-847243958-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-847243958-line-11)">━╸</text><text class="terminal-847243958-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-847243958-line-11)">━━━━━━━━</text><text class="terminal-847243958-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-847243958-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-847243958-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-847243958-line-11)">--%</text><text class="terminal-847243958-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-847243958-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-847243958-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-847243958-line-11)">
-</text><text class="terminal-847243958-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-847243958-line-12)">
-</text><text class="terminal-847243958-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-847243958-line-13)">
-</text><text class="terminal-847243958-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-847243958-line-14)">
-</text><text class="terminal-847243958-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-847243958-line-15)">
-</text><text class="terminal-847243958-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-847243958-line-16)">
-</text><text class="terminal-847243958-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-847243958-line-17)">
-</text><text class="terminal-847243958-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-847243958-line-18)">
-</text><text class="terminal-847243958-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-847243958-line-19)">
-</text><text class="terminal-847243958-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-847243958-line-20)">
-</text><text class="terminal-847243958-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-847243958-line-21)">
-</text><text class="terminal-847243958-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-847243958-line-22)">
-</text><text class="terminal-847243958-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-847243958-line-23)">&#160;s&#160;</text><text class="terminal-847243958-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-847243958-line-23)">Start&#160;</text><text class="terminal-847243958-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-847243958-line-23)">^p</text><text class="terminal-847243958-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-847243958-line-23)">&#160;palette</text>
+    <g class="terminal-2115111579-matrix">
+    <text class="terminal-2115111579-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2115111579-line-0)">
+</text><text class="terminal-2115111579-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2115111579-line-1)">
+</text><text class="terminal-2115111579-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2115111579-line-2)">
+</text><text class="terminal-2115111579-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2115111579-line-3)">
+</text><text class="terminal-2115111579-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2115111579-line-4)">
+</text><text class="terminal-2115111579-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2115111579-line-5)">
+</text><text class="terminal-2115111579-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2115111579-line-6)">
+</text><text class="terminal-2115111579-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2115111579-line-7)">
+</text><text class="terminal-2115111579-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2115111579-line-8)">
+</text><text class="terminal-2115111579-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2115111579-line-9)">
+</text><text class="terminal-2115111579-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2115111579-line-10)">
+</text><text class="terminal-2115111579-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-2115111579-line-11)">━╸</text><text class="terminal-2115111579-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-2115111579-line-11)">━━━━━━━━</text><text class="terminal-2115111579-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-2115111579-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2115111579-r1" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-2115111579-line-11)">--%</text><text class="terminal-2115111579-r1" x="671" y="288.4" textLength="305" clip-path="url(#terminal-2115111579-line-11)">--:--:--&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2115111579-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2115111579-line-11)">
+</text><text class="terminal-2115111579-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2115111579-line-12)">
+</text><text class="terminal-2115111579-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2115111579-line-13)">
+</text><text class="terminal-2115111579-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2115111579-line-14)">
+</text><text class="terminal-2115111579-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2115111579-line-15)">
+</text><text class="terminal-2115111579-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2115111579-line-16)">
+</text><text class="terminal-2115111579-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2115111579-line-17)">
+</text><text class="terminal-2115111579-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2115111579-line-18)">
+</text><text class="terminal-2115111579-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2115111579-line-19)">
+</text><text class="terminal-2115111579-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2115111579-line-20)">
+</text><text class="terminal-2115111579-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2115111579-line-21)">
+</text><text class="terminal-2115111579-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2115111579-line-22)">
+</text><text class="terminal-2115111579-r5" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2115111579-line-23)">&#160;s&#160;</text><text class="terminal-2115111579-r6" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-2115111579-line-23)">Start&#160;</text><text class="terminal-2115111579-r8" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2115111579-line-23)">▏</text><text class="terminal-2115111579-r5" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2115111579-line-23)">^p</text><text class="terminal-2115111579-r6" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2115111579-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg
index 78b5b3f70b..8c49409c7d 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_progress_bar_indeterminate_styled.svg
@@ -19,139 +19,140 @@
         font-weight: 700;
     }
 
-    .terminal-1392785490-matrix {
+    .terminal-3855636520-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1392785490-title {
+    .terminal-3855636520-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1392785490-r1 { fill: #e1e1e1 }
-.terminal-1392785490-r2 { fill: #c5c8c6 }
-.terminal-1392785490-r3 { fill: #fea62b }
-.terminal-1392785490-r4 { fill: #004578 }
-.terminal-1392785490-r5 { fill: #1e1e1e }
-.terminal-1392785490-r6 { fill: #e1e1e1;text-decoration: underline; }
-.terminal-1392785490-r7 { fill: #fea62b;font-weight: bold }
-.terminal-1392785490-r8 { fill: #a7a9ab }
-.terminal-1392785490-r9 { fill: #e2e3e3 }
+    .terminal-3855636520-r1 { fill: #e1e1e1 }
+.terminal-3855636520-r2 { fill: #c5c8c6 }
+.terminal-3855636520-r3 { fill: #fea62b }
+.terminal-3855636520-r4 { fill: #004578 }
+.terminal-3855636520-r5 { fill: #1e1e1e }
+.terminal-3855636520-r6 { fill: #e1e1e1;text-decoration: underline; }
+.terminal-3855636520-r7 { fill: #fea62b;font-weight: bold }
+.terminal-3855636520-r8 { fill: #a7a9ab }
+.terminal-3855636520-r9 { fill: #e2e3e3 }
+.terminal-3855636520-r10 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1392785490-clip-terminal">
+    <clipPath id="terminal-3855636520-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1392785490-line-0">
+    <clipPath id="terminal-3855636520-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-1">
+<clipPath id="terminal-3855636520-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-2">
+<clipPath id="terminal-3855636520-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-3">
+<clipPath id="terminal-3855636520-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-4">
+<clipPath id="terminal-3855636520-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-5">
+<clipPath id="terminal-3855636520-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-6">
+<clipPath id="terminal-3855636520-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-7">
+<clipPath id="terminal-3855636520-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-8">
+<clipPath id="terminal-3855636520-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-9">
+<clipPath id="terminal-3855636520-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-10">
+<clipPath id="terminal-3855636520-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-11">
+<clipPath id="terminal-3855636520-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-12">
+<clipPath id="terminal-3855636520-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-13">
+<clipPath id="terminal-3855636520-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-14">
+<clipPath id="terminal-3855636520-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-15">
+<clipPath id="terminal-3855636520-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-16">
+<clipPath id="terminal-3855636520-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-17">
+<clipPath id="terminal-3855636520-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-18">
+<clipPath id="terminal-3855636520-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-19">
+<clipPath id="terminal-3855636520-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-20">
+<clipPath id="terminal-3855636520-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-21">
+<clipPath id="terminal-3855636520-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1392785490-line-22">
+<clipPath id="terminal-3855636520-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1392785490-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3855636520-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">StyledProgressBar</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1392785490-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3855636520-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="329.4" y="269.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="597.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="622.2" y="269.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="658.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="671" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="109.8" y="562.7" width="719.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1392785490-matrix">
-    <text class="terminal-1392785490-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1392785490-line-0)">
-</text><text class="terminal-1392785490-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1392785490-line-1)">
-</text><text class="terminal-1392785490-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1392785490-line-2)">
-</text><text class="terminal-1392785490-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1392785490-line-3)">
-</text><text class="terminal-1392785490-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1392785490-line-4)">
-</text><text class="terminal-1392785490-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1392785490-line-5)">
-</text><text class="terminal-1392785490-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1392785490-line-6)">
-</text><text class="terminal-1392785490-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1392785490-line-7)">
-</text><text class="terminal-1392785490-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1392785490-line-8)">
-</text><text class="terminal-1392785490-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1392785490-line-9)">
-</text><text class="terminal-1392785490-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1392785490-line-10)">
-</text><text class="terminal-1392785490-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-1392785490-line-11)">━╸</text><text class="terminal-1392785490-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-1392785490-line-11)">━━━━━━━━</text><text class="terminal-1392785490-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-1392785490-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1392785490-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-1392785490-line-11)">--%</text><text class="terminal-1392785490-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-1392785490-line-11)">--:--:--</text><text class="terminal-1392785490-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1392785490-line-11)">
-</text><text class="terminal-1392785490-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1392785490-line-12)">
-</text><text class="terminal-1392785490-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1392785490-line-13)">
-</text><text class="terminal-1392785490-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1392785490-line-14)">
-</text><text class="terminal-1392785490-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1392785490-line-15)">
-</text><text class="terminal-1392785490-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1392785490-line-16)">
-</text><text class="terminal-1392785490-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1392785490-line-17)">
-</text><text class="terminal-1392785490-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1392785490-line-18)">
-</text><text class="terminal-1392785490-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1392785490-line-19)">
-</text><text class="terminal-1392785490-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1392785490-line-20)">
-</text><text class="terminal-1392785490-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1392785490-line-21)">
-</text><text class="terminal-1392785490-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1392785490-line-22)">
-</text><text class="terminal-1392785490-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1392785490-line-23)">&#160;s&#160;</text><text class="terminal-1392785490-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-1392785490-line-23)">Start&#160;</text><text class="terminal-1392785490-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1392785490-line-23)">^p</text><text class="terminal-1392785490-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1392785490-line-23)">&#160;palette</text>
+    <g class="terminal-3855636520-matrix">
+    <text class="terminal-3855636520-r2" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3855636520-line-0)">
+</text><text class="terminal-3855636520-r2" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3855636520-line-1)">
+</text><text class="terminal-3855636520-r2" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3855636520-line-2)">
+</text><text class="terminal-3855636520-r2" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3855636520-line-3)">
+</text><text class="terminal-3855636520-r2" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3855636520-line-4)">
+</text><text class="terminal-3855636520-r2" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3855636520-line-5)">
+</text><text class="terminal-3855636520-r2" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3855636520-line-6)">
+</text><text class="terminal-3855636520-r2" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3855636520-line-7)">
+</text><text class="terminal-3855636520-r2" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3855636520-line-8)">
+</text><text class="terminal-3855636520-r2" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3855636520-line-9)">
+</text><text class="terminal-3855636520-r2" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3855636520-line-10)">
+</text><text class="terminal-3855636520-r3" x="207.4" y="288.4" textLength="24.4" clip-path="url(#terminal-3855636520-line-11)">━╸</text><text class="terminal-3855636520-r4" x="231.8" y="288.4" textLength="97.6" clip-path="url(#terminal-3855636520-line-11)">━━━━━━━━</text><text class="terminal-3855636520-r3" x="329.4" y="288.4" textLength="268.4" clip-path="url(#terminal-3855636520-line-11)">╺━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-3855636520-r5" x="622.2" y="288.4" textLength="36.6" clip-path="url(#terminal-3855636520-line-11)">--%</text><text class="terminal-3855636520-r6" x="671" y="288.4" textLength="97.6" clip-path="url(#terminal-3855636520-line-11)">--:--:--</text><text class="terminal-3855636520-r2" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3855636520-line-11)">
+</text><text class="terminal-3855636520-r2" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3855636520-line-12)">
+</text><text class="terminal-3855636520-r2" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3855636520-line-13)">
+</text><text class="terminal-3855636520-r2" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3855636520-line-14)">
+</text><text class="terminal-3855636520-r2" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3855636520-line-15)">
+</text><text class="terminal-3855636520-r2" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3855636520-line-16)">
+</text><text class="terminal-3855636520-r2" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3855636520-line-17)">
+</text><text class="terminal-3855636520-r2" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3855636520-line-18)">
+</text><text class="terminal-3855636520-r2" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3855636520-line-19)">
+</text><text class="terminal-3855636520-r2" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3855636520-line-20)">
+</text><text class="terminal-3855636520-r2" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3855636520-line-21)">
+</text><text class="terminal-3855636520-r2" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3855636520-line-22)">
+</text><text class="terminal-3855636520-r7" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3855636520-line-23)">&#160;s&#160;</text><text class="terminal-3855636520-r8" x="36.6" y="581.2" textLength="73.2" clip-path="url(#terminal-3855636520-line-23)">Start&#160;</text><text class="terminal-3855636520-r10" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3855636520-line-23)">▏</text><text class="terminal-3855636520-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3855636520-line-23)">^p</text><text class="terminal-3855636520-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3855636520-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg
index 5b1eb4457e..dce8cec761 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_recompose_in_mount.svg
@@ -19,143 +19,144 @@
         font-weight: 700;
     }
 
-    .terminal-1958223475-matrix {
+    .terminal-2264481353-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1958223475-title {
+    .terminal-2264481353-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1958223475-r1 { fill: #c5c8c6 }
-.terminal-1958223475-r2 { fill: #e3e3e3 }
-.terminal-1958223475-r3 { fill: #e1e1e1 }
-.terminal-1958223475-r4 { fill: #1e1e1e }
-.terminal-1958223475-r5 { fill: #0178d4 }
-.terminal-1958223475-r6 { fill: #575757 }
-.terminal-1958223475-r7 { fill: #262626;font-weight: bold }
-.terminal-1958223475-r8 { fill: #e2e2e2 }
-.terminal-1958223475-r9 { fill: #e2e2e2;text-decoration: underline; }
-.terminal-1958223475-r10 { fill: #434343 }
-.terminal-1958223475-r11 { fill: #e2e3e3 }
-.terminal-1958223475-r12 { fill: #fea62b;font-weight: bold }
-.terminal-1958223475-r13 { fill: #a7a9ab }
+    .terminal-2264481353-r1 { fill: #c5c8c6 }
+.terminal-2264481353-r2 { fill: #e3e3e3 }
+.terminal-2264481353-r3 { fill: #e1e1e1 }
+.terminal-2264481353-r4 { fill: #1e1e1e }
+.terminal-2264481353-r5 { fill: #0178d4 }
+.terminal-2264481353-r6 { fill: #575757 }
+.terminal-2264481353-r7 { fill: #262626;font-weight: bold }
+.terminal-2264481353-r8 { fill: #e2e2e2 }
+.terminal-2264481353-r9 { fill: #e2e2e2;text-decoration: underline; }
+.terminal-2264481353-r10 { fill: #434343 }
+.terminal-2264481353-r11 { fill: #e2e3e3 }
+.terminal-2264481353-r12 { fill: #4c5055 }
+.terminal-2264481353-r13 { fill: #fea62b;font-weight: bold }
+.terminal-2264481353-r14 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-1958223475-clip-terminal">
+    <clipPath id="terminal-2264481353-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1958223475-line-0">
+    <clipPath id="terminal-2264481353-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-1">
+<clipPath id="terminal-2264481353-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-2">
+<clipPath id="terminal-2264481353-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-3">
+<clipPath id="terminal-2264481353-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-4">
+<clipPath id="terminal-2264481353-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-5">
+<clipPath id="terminal-2264481353-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-6">
+<clipPath id="terminal-2264481353-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-7">
+<clipPath id="terminal-2264481353-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-8">
+<clipPath id="terminal-2264481353-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-9">
+<clipPath id="terminal-2264481353-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-10">
+<clipPath id="terminal-2264481353-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-11">
+<clipPath id="terminal-2264481353-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-12">
+<clipPath id="terminal-2264481353-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-13">
+<clipPath id="terminal-2264481353-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-14">
+<clipPath id="terminal-2264481353-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-15">
+<clipPath id="terminal-2264481353-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-16">
+<clipPath id="terminal-2264481353-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-17">
+<clipPath id="terminal-2264481353-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-18">
+<clipPath id="terminal-2264481353-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-19">
+<clipPath id="terminal-2264481353-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-20">
+<clipPath id="terminal-2264481353-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-21">
+<clipPath id="terminal-2264481353-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1958223475-line-22">
+<clipPath id="terminal-2264481353-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1958223475-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ForecastApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2264481353-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ForecastApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1958223475-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2264481353-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="378.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="402.6" y="1.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="536.8" y="1.5" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="25.9" width="866.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="36.6" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="73.2" y="74.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="146.4" y="123.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1958223475-matrix">
-    <text class="terminal-1958223475-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1958223475-line-0)">⭘</text><text class="terminal-1958223475-r2" x="402.6" y="20" textLength="134.2" clip-path="url(#terminal-1958223475-line-0)">ForecastApp</text><text class="terminal-1958223475-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1958223475-line-0)">
-</text><text class="terminal-1958223475-r3" x="0" y="44.4" textLength="109.8" clip-path="url(#terminal-1958223475-line-1)">&#160;Profile&#160;</text><text class="terminal-1958223475-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1958223475-line-1)">
-</text><text class="terminal-1958223475-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-2)">▊</text><text class="terminal-1958223475-r5" x="12.2" y="68.8" textLength="122" clip-path="url(#terminal-1958223475-line-2)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1958223475-r5" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-2)">▎</text><text class="terminal-1958223475-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-2)">
-</text><text class="terminal-1958223475-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">▊</text><text class="terminal-1958223475-r6" x="24.4" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">▐</text><text class="terminal-1958223475-r7" x="36.6" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">●</text><text class="terminal-1958223475-r6" x="48.8" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">▌</text><text class="terminal-1958223475-r9" x="73.2" y="93.2" textLength="36.6" clip-path="url(#terminal-1958223475-line-3)">Foo</text><text class="terminal-1958223475-r5" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">▎</text><text class="terminal-1958223475-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-3)">
-</text><text class="terminal-1958223475-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">▊</text><text class="terminal-1958223475-r10" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">▐</text><text class="terminal-1958223475-r7" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">●</text><text class="terminal-1958223475-r10" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">▌</text><text class="terminal-1958223475-r8" x="61" y="117.6" textLength="48.8" clip-path="url(#terminal-1958223475-line-4)">&#160;Bar</text><text class="terminal-1958223475-r5" x="134.2" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">▎</text><text class="terminal-1958223475-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-4)">
-</text><text class="terminal-1958223475-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-1958223475-line-5)">▊</text><text class="terminal-1958223475-r5" x="12.2" y="142" textLength="122" clip-path="url(#terminal-1958223475-line-5)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1958223475-r5" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-1958223475-line-5)">▎</text><text class="terminal-1958223475-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1958223475-line-5)">
-</text><text class="terminal-1958223475-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1958223475-line-6)">
-</text><text class="terminal-1958223475-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-7)">
-</text><text class="terminal-1958223475-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-8)">
-</text><text class="terminal-1958223475-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-9)">
-</text><text class="terminal-1958223475-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1958223475-line-10)">
-</text><text class="terminal-1958223475-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1958223475-line-11)">
-</text><text class="terminal-1958223475-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-12)">
-</text><text class="terminal-1958223475-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-13)">
-</text><text class="terminal-1958223475-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-14)">
-</text><text class="terminal-1958223475-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1958223475-line-15)">
-</text><text class="terminal-1958223475-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1958223475-line-16)">
-</text><text class="terminal-1958223475-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-17)">
-</text><text class="terminal-1958223475-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1958223475-line-18)">
-</text><text class="terminal-1958223475-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1958223475-line-19)">
-</text><text class="terminal-1958223475-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1958223475-line-20)">
-</text><text class="terminal-1958223475-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1958223475-line-21)">
-</text><text class="terminal-1958223475-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1958223475-line-22)">
-</text><text class="terminal-1958223475-r12" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1958223475-line-23)">^p</text><text class="terminal-1958223475-r13" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1958223475-line-23)">&#160;palette</text>
+    <g class="terminal-2264481353-matrix">
+    <text class="terminal-2264481353-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2264481353-line-0)">⭘</text><text class="terminal-2264481353-r2" x="402.6" y="20" textLength="134.2" clip-path="url(#terminal-2264481353-line-0)">ForecastApp</text><text class="terminal-2264481353-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2264481353-line-0)">
+</text><text class="terminal-2264481353-r3" x="0" y="44.4" textLength="109.8" clip-path="url(#terminal-2264481353-line-1)">&#160;Profile&#160;</text><text class="terminal-2264481353-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2264481353-line-1)">
+</text><text class="terminal-2264481353-r4" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-2)">▊</text><text class="terminal-2264481353-r5" x="12.2" y="68.8" textLength="122" clip-path="url(#terminal-2264481353-line-2)">▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2264481353-r5" x="134.2" y="68.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-2)">▎</text><text class="terminal-2264481353-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-2)">
+</text><text class="terminal-2264481353-r4" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">▊</text><text class="terminal-2264481353-r6" x="24.4" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">▐</text><text class="terminal-2264481353-r7" x="36.6" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">●</text><text class="terminal-2264481353-r6" x="48.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">▌</text><text class="terminal-2264481353-r9" x="73.2" y="93.2" textLength="36.6" clip-path="url(#terminal-2264481353-line-3)">Foo</text><text class="terminal-2264481353-r5" x="134.2" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">▎</text><text class="terminal-2264481353-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-3)">
+</text><text class="terminal-2264481353-r4" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">▊</text><text class="terminal-2264481353-r10" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">▐</text><text class="terminal-2264481353-r7" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">●</text><text class="terminal-2264481353-r10" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">▌</text><text class="terminal-2264481353-r8" x="61" y="117.6" textLength="48.8" clip-path="url(#terminal-2264481353-line-4)">&#160;Bar</text><text class="terminal-2264481353-r5" x="134.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">▎</text><text class="terminal-2264481353-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-4)">
+</text><text class="terminal-2264481353-r4" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2264481353-line-5)">▊</text><text class="terminal-2264481353-r5" x="12.2" y="142" textLength="122" clip-path="url(#terminal-2264481353-line-5)">▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2264481353-r5" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-2264481353-line-5)">▎</text><text class="terminal-2264481353-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2264481353-line-5)">
+</text><text class="terminal-2264481353-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2264481353-line-6)">
+</text><text class="terminal-2264481353-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-7)">
+</text><text class="terminal-2264481353-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-8)">
+</text><text class="terminal-2264481353-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-9)">
+</text><text class="terminal-2264481353-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2264481353-line-10)">
+</text><text class="terminal-2264481353-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2264481353-line-11)">
+</text><text class="terminal-2264481353-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-12)">
+</text><text class="terminal-2264481353-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-13)">
+</text><text class="terminal-2264481353-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-14)">
+</text><text class="terminal-2264481353-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2264481353-line-15)">
+</text><text class="terminal-2264481353-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2264481353-line-16)">
+</text><text class="terminal-2264481353-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-17)">
+</text><text class="terminal-2264481353-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-18)">
+</text><text class="terminal-2264481353-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2264481353-line-19)">
+</text><text class="terminal-2264481353-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2264481353-line-20)">
+</text><text class="terminal-2264481353-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2264481353-line-21)">
+</text><text class="terminal-2264481353-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2264481353-line-22)">
+</text><text class="terminal-2264481353-r12" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2264481353-line-23)">▏</text><text class="terminal-2264481353-r13" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2264481353-line-23)">^p</text><text class="terminal-2264481353-r14" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2264481353-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg
index 35d5bd593d..d779a4e655 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_remove_with_auto_height.svg
@@ -19,138 +19,139 @@
         font-weight: 700;
     }
 
-    .terminal-3840449445-matrix {
+    .terminal-3243162491-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-3840449445-title {
+    .terminal-3243162491-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-3840449445-r1 { fill: #c5c8c6 }
-.terminal-3840449445-r2 { fill: #e3e3e3 }
-.terminal-3840449445-r3 { fill: #008000 }
-.terminal-3840449445-r4 { fill: #ffff00 }
-.terminal-3840449445-r5 { fill: #e1e1e1 }
-.terminal-3840449445-r6 { fill: #fea62b;font-weight: bold }
-.terminal-3840449445-r7 { fill: #a7a9ab }
-.terminal-3840449445-r8 { fill: #e2e3e3 }
+    .terminal-3243162491-r1 { fill: #c5c8c6 }
+.terminal-3243162491-r2 { fill: #e3e3e3 }
+.terminal-3243162491-r3 { fill: #008000 }
+.terminal-3243162491-r4 { fill: #ffff00 }
+.terminal-3243162491-r5 { fill: #e1e1e1 }
+.terminal-3243162491-r6 { fill: #fea62b;font-weight: bold }
+.terminal-3243162491-r7 { fill: #a7a9ab }
+.terminal-3243162491-r8 { fill: #e2e3e3 }
+.terminal-3243162491-r9 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-3840449445-clip-terminal">
+    <clipPath id="terminal-3243162491-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-3840449445-line-0">
+    <clipPath id="terminal-3243162491-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-1">
+<clipPath id="terminal-3243162491-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-2">
+<clipPath id="terminal-3243162491-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-3">
+<clipPath id="terminal-3243162491-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-4">
+<clipPath id="terminal-3243162491-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-5">
+<clipPath id="terminal-3243162491-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-6">
+<clipPath id="terminal-3243162491-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-7">
+<clipPath id="terminal-3243162491-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-8">
+<clipPath id="terminal-3243162491-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-9">
+<clipPath id="terminal-3243162491-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-10">
+<clipPath id="terminal-3243162491-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-11">
+<clipPath id="terminal-3243162491-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-12">
+<clipPath id="terminal-3243162491-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-13">
+<clipPath id="terminal-3243162491-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-14">
+<clipPath id="terminal-3243162491-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-15">
+<clipPath id="terminal-3243162491-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-16">
+<clipPath id="terminal-3243162491-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-17">
+<clipPath id="terminal-3243162491-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-18">
+<clipPath id="terminal-3243162491-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-19">
+<clipPath id="terminal-3243162491-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-20">
+<clipPath id="terminal-3243162491-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-21">
+<clipPath id="terminal-3243162491-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-3840449445-line-22">
+<clipPath id="terminal-3243162491-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3840449445-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VerticalRemoveApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-3243162491-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">VerticalRemoveApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-3840449445-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3243162491-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="366" y="1.5" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="50.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="50.3" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="74.7" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#ff0000" x="12.2" y="99.1" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="99.1" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="85.4" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="562.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-3840449445-matrix">
-    <text class="terminal-3840449445-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3840449445-line-0)">⭘</text><text class="terminal-3840449445-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-3840449445-line-0)">VerticalRemoveApp</text><text class="terminal-3840449445-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3840449445-line-0)">
-</text><text class="terminal-3840449445-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-3840449445-line-1)">╭──────────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-3840449445-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3840449445-line-1)">
-</text><text class="terminal-3840449445-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-2)">│</text><text class="terminal-3840449445-r4" x="12.2" y="68.8" textLength="268.4" clip-path="url(#terminal-3840449445-line-2)">╭────────────────────╮</text><text class="terminal-3840449445-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-2)">│</text><text class="terminal-3840449445-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-2)">
-</text><text class="terminal-3840449445-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-3)">│</text><text class="terminal-3840449445-r4" x="12.2" y="93.2" textLength="268.4" clip-path="url(#terminal-3840449445-line-3)">│This&#160;is&#160;a&#160;test&#160;label│</text><text class="terminal-3840449445-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-3)">│</text><text class="terminal-3840449445-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-3)">
-</text><text class="terminal-3840449445-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-4)">│</text><text class="terminal-3840449445-r4" x="12.2" y="117.6" textLength="268.4" clip-path="url(#terminal-3840449445-line-4)">╰────────────────────╯</text><text class="terminal-3840449445-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-4)">│</text><text class="terminal-3840449445-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-4)">
-</text><text class="terminal-3840449445-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-3840449445-line-5)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-3840449445-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3840449445-line-5)">
-</text><text class="terminal-3840449445-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3840449445-line-6)">
-</text><text class="terminal-3840449445-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-7)">
-</text><text class="terminal-3840449445-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-8)">
-</text><text class="terminal-3840449445-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-9)">
-</text><text class="terminal-3840449445-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3840449445-line-10)">
-</text><text class="terminal-3840449445-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3840449445-line-11)">
-</text><text class="terminal-3840449445-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-12)">
-</text><text class="terminal-3840449445-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-13)">
-</text><text class="terminal-3840449445-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-14)">
-</text><text class="terminal-3840449445-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3840449445-line-15)">
-</text><text class="terminal-3840449445-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3840449445-line-16)">
-</text><text class="terminal-3840449445-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-17)">
-</text><text class="terminal-3840449445-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3840449445-line-18)">
-</text><text class="terminal-3840449445-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3840449445-line-19)">
-</text><text class="terminal-3840449445-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3840449445-line-20)">
-</text><text class="terminal-3840449445-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3840449445-line-21)">
-</text><text class="terminal-3840449445-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3840449445-line-22)">
-</text><text class="terminal-3840449445-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3840449445-line-23)">&#160;a&#160;</text><text class="terminal-3840449445-r7" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-3840449445-line-23)">Add&#160;</text><text class="terminal-3840449445-r6" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-3840449445-line-23)">&#160;d&#160;</text><text class="terminal-3840449445-r7" x="122" y="581.2" textLength="85.4" clip-path="url(#terminal-3840449445-line-23)">Delete&#160;</text><text class="terminal-3840449445-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3840449445-line-23)">^p</text><text class="terminal-3840449445-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3840449445-line-23)">&#160;palette</text>
+    <g class="terminal-3243162491-matrix">
+    <text class="terminal-3243162491-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-3243162491-line-0)">⭘</text><text class="terminal-3243162491-r2" x="366" y="20" textLength="207.4" clip-path="url(#terminal-3243162491-line-0)">VerticalRemoveApp</text><text class="terminal-3243162491-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3243162491-line-0)">
+</text><text class="terminal-3243162491-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-3243162491-line-1)">╭──────────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-3243162491-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3243162491-line-1)">
+</text><text class="terminal-3243162491-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-2)">│</text><text class="terminal-3243162491-r4" x="12.2" y="68.8" textLength="268.4" clip-path="url(#terminal-3243162491-line-2)">╭────────────────────╮</text><text class="terminal-3243162491-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-2)">│</text><text class="terminal-3243162491-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-2)">
+</text><text class="terminal-3243162491-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-3)">│</text><text class="terminal-3243162491-r4" x="12.2" y="93.2" textLength="268.4" clip-path="url(#terminal-3243162491-line-3)">│This&#160;is&#160;a&#160;test&#160;label│</text><text class="terminal-3243162491-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-3)">│</text><text class="terminal-3243162491-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-3)">
+</text><text class="terminal-3243162491-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-4)">│</text><text class="terminal-3243162491-r4" x="12.2" y="117.6" textLength="268.4" clip-path="url(#terminal-3243162491-line-4)">╰────────────────────╯</text><text class="terminal-3243162491-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-4)">│</text><text class="terminal-3243162491-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-4)">
+</text><text class="terminal-3243162491-r3" x="0" y="142" textLength="976" clip-path="url(#terminal-3243162491-line-5)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-3243162491-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3243162491-line-5)">
+</text><text class="terminal-3243162491-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3243162491-line-6)">
+</text><text class="terminal-3243162491-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-7)">
+</text><text class="terminal-3243162491-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-8)">
+</text><text class="terminal-3243162491-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-9)">
+</text><text class="terminal-3243162491-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3243162491-line-10)">
+</text><text class="terminal-3243162491-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3243162491-line-11)">
+</text><text class="terminal-3243162491-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-12)">
+</text><text class="terminal-3243162491-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-13)">
+</text><text class="terminal-3243162491-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-14)">
+</text><text class="terminal-3243162491-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3243162491-line-15)">
+</text><text class="terminal-3243162491-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3243162491-line-16)">
+</text><text class="terminal-3243162491-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-17)">
+</text><text class="terminal-3243162491-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-18)">
+</text><text class="terminal-3243162491-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3243162491-line-19)">
+</text><text class="terminal-3243162491-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3243162491-line-20)">
+</text><text class="terminal-3243162491-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3243162491-line-21)">
+</text><text class="terminal-3243162491-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3243162491-line-22)">
+</text><text class="terminal-3243162491-r6" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-3243162491-line-23)">&#160;a&#160;</text><text class="terminal-3243162491-r7" x="36.6" y="581.2" textLength="48.8" clip-path="url(#terminal-3243162491-line-23)">Add&#160;</text><text class="terminal-3243162491-r6" x="85.4" y="581.2" textLength="36.6" clip-path="url(#terminal-3243162491-line-23)">&#160;d&#160;</text><text class="terminal-3243162491-r7" x="122" y="581.2" textLength="85.4" clip-path="url(#terminal-3243162491-line-23)">Delete&#160;</text><text class="terminal-3243162491-r9" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-3243162491-line-23)">▏</text><text class="terminal-3243162491-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-3243162491-line-23)">^p</text><text class="terminal-3243162491-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3243162491-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg
index 2fc5d0f839..b71105482e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_screen_switch.svg
@@ -19,136 +19,137 @@
         font-weight: 700;
     }
 
-    .terminal-694505644-matrix {
+    .terminal-778137730-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-694505644-title {
+    .terminal-778137730-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-694505644-r1 { fill: #c5c8c6 }
-.terminal-694505644-r2 { fill: #e3e3e3 }
-.terminal-694505644-r3 { fill: #e1e1e1 }
-.terminal-694505644-r4 { fill: #fea62b;font-weight: bold }
-.terminal-694505644-r5 { fill: #a7a9ab }
-.terminal-694505644-r6 { fill: #e2e3e3 }
+    .terminal-778137730-r1 { fill: #c5c8c6 }
+.terminal-778137730-r2 { fill: #e3e3e3 }
+.terminal-778137730-r3 { fill: #e1e1e1 }
+.terminal-778137730-r4 { fill: #fea62b;font-weight: bold }
+.terminal-778137730-r5 { fill: #a7a9ab }
+.terminal-778137730-r6 { fill: #e2e3e3 }
+.terminal-778137730-r7 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-694505644-clip-terminal">
+    <clipPath id="terminal-778137730-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-694505644-line-0">
+    <clipPath id="terminal-778137730-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-1">
+<clipPath id="terminal-778137730-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-2">
+<clipPath id="terminal-778137730-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-3">
+<clipPath id="terminal-778137730-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-4">
+<clipPath id="terminal-778137730-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-5">
+<clipPath id="terminal-778137730-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-6">
+<clipPath id="terminal-778137730-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-7">
+<clipPath id="terminal-778137730-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-8">
+<clipPath id="terminal-778137730-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-9">
+<clipPath id="terminal-778137730-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-10">
+<clipPath id="terminal-778137730-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-11">
+<clipPath id="terminal-778137730-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-12">
+<clipPath id="terminal-778137730-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-13">
+<clipPath id="terminal-778137730-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-14">
+<clipPath id="terminal-778137730-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-15">
+<clipPath id="terminal-778137730-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-16">
+<clipPath id="terminal-778137730-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-17">
+<clipPath id="terminal-778137730-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-18">
+<clipPath id="terminal-778137730-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-19">
+<clipPath id="terminal-778137730-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-20">
+<clipPath id="terminal-778137730-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-21">
+<clipPath id="terminal-778137730-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-694505644-line-22">
+<clipPath id="terminal-778137730-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-694505644-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-778137730-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ModalApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-694505644-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-778137730-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="402.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="427" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="524.6" y="1.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="12.2" y="25.9" width="963.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="207.4" y="562.7" width="622.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-694505644-matrix">
-    <text class="terminal-694505644-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-694505644-line-0)">⭘</text><text class="terminal-694505644-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-694505644-line-0)">ModalApp</text><text class="terminal-694505644-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-694505644-line-0)">
-</text><text class="terminal-694505644-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-694505644-line-1)">B</text><text class="terminal-694505644-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-694505644-line-1)">
-</text><text class="terminal-694505644-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-694505644-line-2)">
-</text><text class="terminal-694505644-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-694505644-line-3)">
-</text><text class="terminal-694505644-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-694505644-line-4)">
-</text><text class="terminal-694505644-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-694505644-line-5)">
-</text><text class="terminal-694505644-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-694505644-line-6)">
-</text><text class="terminal-694505644-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-694505644-line-7)">
-</text><text class="terminal-694505644-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-694505644-line-8)">
-</text><text class="terminal-694505644-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-694505644-line-9)">
-</text><text class="terminal-694505644-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-694505644-line-10)">
-</text><text class="terminal-694505644-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-694505644-line-11)">
-</text><text class="terminal-694505644-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-694505644-line-12)">
-</text><text class="terminal-694505644-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-694505644-line-13)">
-</text><text class="terminal-694505644-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-694505644-line-14)">
-</text><text class="terminal-694505644-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-694505644-line-15)">
-</text><text class="terminal-694505644-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-694505644-line-16)">
-</text><text class="terminal-694505644-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-694505644-line-17)">
-</text><text class="terminal-694505644-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-694505644-line-18)">
-</text><text class="terminal-694505644-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-694505644-line-19)">
-</text><text class="terminal-694505644-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-694505644-line-20)">
-</text><text class="terminal-694505644-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-694505644-line-21)">
-</text><text class="terminal-694505644-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-694505644-line-22)">
-</text><text class="terminal-694505644-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-694505644-line-23)">&#160;a&#160;</text><text class="terminal-694505644-r5" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-694505644-line-23)">Push&#160;screen&#160;A&#160;</text><text class="terminal-694505644-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-694505644-line-23)">^p</text><text class="terminal-694505644-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-694505644-line-23)">&#160;palette</text>
+    <g class="terminal-778137730-matrix">
+    <text class="terminal-778137730-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-778137730-line-0)">⭘</text><text class="terminal-778137730-r2" x="427" y="20" textLength="97.6" clip-path="url(#terminal-778137730-line-0)">ModalApp</text><text class="terminal-778137730-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-778137730-line-0)">
+</text><text class="terminal-778137730-r3" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-778137730-line-1)">B</text><text class="terminal-778137730-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-778137730-line-1)">
+</text><text class="terminal-778137730-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-778137730-line-2)">
+</text><text class="terminal-778137730-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-778137730-line-3)">
+</text><text class="terminal-778137730-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-778137730-line-4)">
+</text><text class="terminal-778137730-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-778137730-line-5)">
+</text><text class="terminal-778137730-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-778137730-line-6)">
+</text><text class="terminal-778137730-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-778137730-line-7)">
+</text><text class="terminal-778137730-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-778137730-line-8)">
+</text><text class="terminal-778137730-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-778137730-line-9)">
+</text><text class="terminal-778137730-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-778137730-line-10)">
+</text><text class="terminal-778137730-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-778137730-line-11)">
+</text><text class="terminal-778137730-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-778137730-line-12)">
+</text><text class="terminal-778137730-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-778137730-line-13)">
+</text><text class="terminal-778137730-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-778137730-line-14)">
+</text><text class="terminal-778137730-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-778137730-line-15)">
+</text><text class="terminal-778137730-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-778137730-line-16)">
+</text><text class="terminal-778137730-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-778137730-line-17)">
+</text><text class="terminal-778137730-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-778137730-line-18)">
+</text><text class="terminal-778137730-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-778137730-line-19)">
+</text><text class="terminal-778137730-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-778137730-line-20)">
+</text><text class="terminal-778137730-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-778137730-line-21)">
+</text><text class="terminal-778137730-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-778137730-line-22)">
+</text><text class="terminal-778137730-r4" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-778137730-line-23)">&#160;a&#160;</text><text class="terminal-778137730-r5" x="36.6" y="581.2" textLength="170.8" clip-path="url(#terminal-778137730-line-23)">Push&#160;screen&#160;A&#160;</text><text class="terminal-778137730-r7" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-778137730-line-23)">▏</text><text class="terminal-778137730-r4" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-778137730-line-23)">^p</text><text class="terminal-778137730-r5" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-778137730-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg
index 7cc4fc2965..cd3ee14c69 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scroll_to.svg
@@ -19,145 +19,146 @@
         font-weight: 700;
     }
 
-    .terminal-2548591664-matrix {
+    .terminal-3084749830-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2548591664-title {
+    .terminal-3084749830-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2548591664-r1 { fill: #1e1e1e }
-.terminal-2548591664-r2 { fill: #e1e1e1 }
-.terminal-2548591664-r3 { fill: #c5c8c6 }
-.terminal-2548591664-r4 { fill: #434343 }
-.terminal-2548591664-r5 { fill: #262626;font-weight: bold }
-.terminal-2548591664-r6 { fill: #e2e2e2 }
-.terminal-2548591664-r7 { fill: #23568b }
-.terminal-2548591664-r8 { fill: #14191f }
-.terminal-2548591664-r9 { fill: #e2e3e3 }
-.terminal-2548591664-r10 { fill: #fea62b;font-weight: bold }
-.terminal-2548591664-r11 { fill: #a7a9ab }
+    .terminal-3084749830-r1 { fill: #1e1e1e }
+.terminal-3084749830-r2 { fill: #e1e1e1 }
+.terminal-3084749830-r3 { fill: #c5c8c6 }
+.terminal-3084749830-r4 { fill: #434343 }
+.terminal-3084749830-r5 { fill: #262626;font-weight: bold }
+.terminal-3084749830-r6 { fill: #e2e2e2 }
+.terminal-3084749830-r7 { fill: #23568b }
+.terminal-3084749830-r8 { fill: #14191f }
+.terminal-3084749830-r9 { fill: #e2e3e3 }
+.terminal-3084749830-r10 { fill: #4c5055 }
+.terminal-3084749830-r11 { fill: #fea62b;font-weight: bold }
+.terminal-3084749830-r12 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-2548591664-clip-terminal">
+    <clipPath id="terminal-3084749830-clip-terminal">
       <rect x="0" y="0" width="975.0" height="609.0" />
     </clipPath>
-    <clipPath id="terminal-2548591664-line-0">
+    <clipPath id="terminal-3084749830-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-1">
+<clipPath id="terminal-3084749830-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-2">
+<clipPath id="terminal-3084749830-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-3">
+<clipPath id="terminal-3084749830-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-4">
+<clipPath id="terminal-3084749830-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-5">
+<clipPath id="terminal-3084749830-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-6">
+<clipPath id="terminal-3084749830-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-7">
+<clipPath id="terminal-3084749830-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-8">
+<clipPath id="terminal-3084749830-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-9">
+<clipPath id="terminal-3084749830-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-10">
+<clipPath id="terminal-3084749830-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-11">
+<clipPath id="terminal-3084749830-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-12">
+<clipPath id="terminal-3084749830-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-13">
+<clipPath id="terminal-3084749830-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-14">
+<clipPath id="terminal-3084749830-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-15">
+<clipPath id="terminal-3084749830-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-16">
+<clipPath id="terminal-3084749830-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-17">
+<clipPath id="terminal-3084749830-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-18">
+<clipPath id="terminal-3084749830-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-19">
+<clipPath id="terminal-3084749830-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-20">
+<clipPath id="terminal-3084749830-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-21">
+<clipPath id="terminal-3084749830-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-22">
+<clipPath id="terminal-3084749830-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2548591664-line-23">
+<clipPath id="terminal-3084749830-line-23">
     <rect x="0" y="562.7" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-2548591664-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollOffByOne</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="658" rx="8"/><text class="terminal-3084749830-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollOffByOne</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2548591664-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-3084749830-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="1.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="1.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="25.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="50.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="50.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="74.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="99.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="99.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="123.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="147.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="172.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="196.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="221.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="245.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="245.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="269.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="294.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="318.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="318.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="343.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="367.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="391.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="391.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="416.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="440.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="465.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="465.1" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="489.5" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="513.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="513.9" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="24.4" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#434343" x="36.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="48.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="61" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="538.3" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="12.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="122" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="587.1" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="805.2" y="587.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="817.4" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="587.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="939.4" y="587.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="951.6" y="587.1" width="24.4" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2548591664-matrix">
-    <text class="terminal-2548591664-r1" x="0" y="20" textLength="12.2" clip-path="url(#terminal-2548591664-line-0)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="20" textLength="97.6" clip-path="url(#terminal-2548591664-line-0)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="20" textLength="12.2" clip-path="url(#terminal-2548591664-line-0)">▎</text><text class="terminal-2548591664-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2548591664-line-0)">
-</text><text class="terminal-2548591664-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">X</text><text class="terminal-2548591664-r4" x="48.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">▌</text><text class="terminal-2548591664-r6" x="61" y="44.4" textLength="36.6" clip-path="url(#terminal-2548591664-line-1)">&#160;43</text><text class="terminal-2548591664-r1" x="109.8" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">▎</text><text class="terminal-2548591664-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-1)">
-</text><text class="terminal-2548591664-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-2)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="68.8" textLength="97.6" clip-path="url(#terminal-2548591664-line-2)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="68.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-2)">▎</text><text class="terminal-2548591664-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-2)">
-</text><text class="terminal-2548591664-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-3)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="93.2" textLength="97.6" clip-path="url(#terminal-2548591664-line-3)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="93.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-3)">▎</text><text class="terminal-2548591664-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-3)">
-</text><text class="terminal-2548591664-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">X</text><text class="terminal-2548591664-r4" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">▌</text><text class="terminal-2548591664-r6" x="61" y="117.6" textLength="36.6" clip-path="url(#terminal-2548591664-line-4)">&#160;44</text><text class="terminal-2548591664-r1" x="109.8" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">▎</text><text class="terminal-2548591664-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-4)">
-</text><text class="terminal-2548591664-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-2548591664-line-5)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-2548591664-line-5)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-2548591664-line-5)">▎</text><text class="terminal-2548591664-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2548591664-line-5)">
-</text><text class="terminal-2548591664-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-6)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-2548591664-line-6)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-6)">▎</text><text class="terminal-2548591664-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-6)">
-</text><text class="terminal-2548591664-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">X</text><text class="terminal-2548591664-r4" x="48.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">▌</text><text class="terminal-2548591664-r6" x="61" y="190.8" textLength="36.6" clip-path="url(#terminal-2548591664-line-7)">&#160;45</text><text class="terminal-2548591664-r1" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">▎</text><text class="terminal-2548591664-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-7)">
-</text><text class="terminal-2548591664-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-8)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="215.2" textLength="97.6" clip-path="url(#terminal-2548591664-line-8)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="215.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-8)">▎</text><text class="terminal-2548591664-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-8)">
-</text><text class="terminal-2548591664-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-9)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="239.6" textLength="97.6" clip-path="url(#terminal-2548591664-line-9)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="239.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-9)">▎</text><text class="terminal-2548591664-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-9)">
-</text><text class="terminal-2548591664-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">X</text><text class="terminal-2548591664-r4" x="48.8" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">▌</text><text class="terminal-2548591664-r6" x="61" y="264" textLength="36.6" clip-path="url(#terminal-2548591664-line-10)">&#160;46</text><text class="terminal-2548591664-r1" x="109.8" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">▎</text><text class="terminal-2548591664-r7" x="951.6" y="264" textLength="24.4" clip-path="url(#terminal-2548591664-line-10)">▄▄</text><text class="terminal-2548591664-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2548591664-line-10)">
-</text><text class="terminal-2548591664-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-11)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="288.4" textLength="97.6" clip-path="url(#terminal-2548591664-line-11)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="288.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-11)">▎</text><text class="terminal-2548591664-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-11)">
-</text><text class="terminal-2548591664-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-12)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="312.8" textLength="97.6" clip-path="url(#terminal-2548591664-line-12)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="312.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-12)">▎</text><text class="terminal-2548591664-r8" x="951.6" y="312.8" textLength="24.4" clip-path="url(#terminal-2548591664-line-12)">▃▃</text><text class="terminal-2548591664-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-12)">
-</text><text class="terminal-2548591664-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">X</text><text class="terminal-2548591664-r4" x="48.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">▌</text><text class="terminal-2548591664-r6" x="61" y="337.2" textLength="36.6" clip-path="url(#terminal-2548591664-line-13)">&#160;47</text><text class="terminal-2548591664-r1" x="109.8" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">▎</text><text class="terminal-2548591664-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-13)">
-</text><text class="terminal-2548591664-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-14)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="361.6" textLength="97.6" clip-path="url(#terminal-2548591664-line-14)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="361.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-14)">▎</text><text class="terminal-2548591664-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-14)">
-</text><text class="terminal-2548591664-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-2548591664-line-15)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-2548591664-line-15)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="386" textLength="12.2" clip-path="url(#terminal-2548591664-line-15)">▎</text><text class="terminal-2548591664-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2548591664-line-15)">
-</text><text class="terminal-2548591664-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">X</text><text class="terminal-2548591664-r4" x="48.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">▌</text><text class="terminal-2548591664-r6" x="61" y="410.4" textLength="36.6" clip-path="url(#terminal-2548591664-line-16)">&#160;48</text><text class="terminal-2548591664-r1" x="109.8" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">▎</text><text class="terminal-2548591664-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-16)">
-</text><text class="terminal-2548591664-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-17)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="434.8" textLength="97.6" clip-path="url(#terminal-2548591664-line-17)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="434.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-17)">▎</text><text class="terminal-2548591664-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-17)">
-</text><text class="terminal-2548591664-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-18)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="459.2" textLength="97.6" clip-path="url(#terminal-2548591664-line-18)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="459.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-18)">▎</text><text class="terminal-2548591664-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-18)">
-</text><text class="terminal-2548591664-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">X</text><text class="terminal-2548591664-r4" x="48.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">▌</text><text class="terminal-2548591664-r6" x="61" y="483.6" textLength="36.6" clip-path="url(#terminal-2548591664-line-19)">&#160;49</text><text class="terminal-2548591664-r1" x="109.8" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">▎</text><text class="terminal-2548591664-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2548591664-line-19)">
-</text><text class="terminal-2548591664-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-2548591664-line-20)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="508" textLength="97.6" clip-path="url(#terminal-2548591664-line-20)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="508" textLength="12.2" clip-path="url(#terminal-2548591664-line-20)">▎</text><text class="terminal-2548591664-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2548591664-line-20)">
-</text><text class="terminal-2548591664-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-21)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="532.4" textLength="97.6" clip-path="url(#terminal-2548591664-line-21)">▔▔▔▔▔▔▔▔</text><text class="terminal-2548591664-r1" x="109.8" y="532.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-21)">▎</text><text class="terminal-2548591664-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2548591664-line-21)">
-</text><text class="terminal-2548591664-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">▊</text><text class="terminal-2548591664-r4" x="24.4" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">▐</text><text class="terminal-2548591664-r5" x="36.6" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">X</text><text class="terminal-2548591664-r4" x="48.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">▌</text><text class="terminal-2548591664-r6" x="61" y="556.8" textLength="36.6" clip-path="url(#terminal-2548591664-line-22)">&#160;50</text><text class="terminal-2548591664-r1" x="109.8" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">▎</text><text class="terminal-2548591664-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2548591664-line-22)">
-</text><text class="terminal-2548591664-r1" x="0" y="581.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-23)">▊</text><text class="terminal-2548591664-r1" x="12.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2548591664-line-23)">▁▁▁▁▁▁▁▁</text><text class="terminal-2548591664-r1" x="109.8" y="581.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-23)">▎</text><text class="terminal-2548591664-r3" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-2548591664-line-23)">
-</text><text class="terminal-2548591664-r10" x="817.4" y="605.6" textLength="24.4" clip-path="url(#terminal-2548591664-line-24)">^p</text><text class="terminal-2548591664-r11" x="841.8" y="605.6" textLength="97.6" clip-path="url(#terminal-2548591664-line-24)">&#160;palette</text>
+    <g class="terminal-3084749830-matrix">
+    <text class="terminal-3084749830-r1" x="0" y="20" textLength="12.2" clip-path="url(#terminal-3084749830-line-0)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="20" textLength="97.6" clip-path="url(#terminal-3084749830-line-0)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="20" textLength="12.2" clip-path="url(#terminal-3084749830-line-0)">▎</text><text class="terminal-3084749830-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-3084749830-line-0)">
+</text><text class="terminal-3084749830-r1" x="0" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">X</text><text class="terminal-3084749830-r4" x="48.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">▌</text><text class="terminal-3084749830-r6" x="61" y="44.4" textLength="36.6" clip-path="url(#terminal-3084749830-line-1)">&#160;43</text><text class="terminal-3084749830-r1" x="109.8" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">▎</text><text class="terminal-3084749830-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-1)">
+</text><text class="terminal-3084749830-r1" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-2)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="68.8" textLength="97.6" clip-path="url(#terminal-3084749830-line-2)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="68.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-2)">▎</text><text class="terminal-3084749830-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-2)">
+</text><text class="terminal-3084749830-r1" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-3)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="93.2" textLength="97.6" clip-path="url(#terminal-3084749830-line-3)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="93.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-3)">▎</text><text class="terminal-3084749830-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-3)">
+</text><text class="terminal-3084749830-r1" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">X</text><text class="terminal-3084749830-r4" x="48.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">▌</text><text class="terminal-3084749830-r6" x="61" y="117.6" textLength="36.6" clip-path="url(#terminal-3084749830-line-4)">&#160;44</text><text class="terminal-3084749830-r1" x="109.8" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">▎</text><text class="terminal-3084749830-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-4)">
+</text><text class="terminal-3084749830-r1" x="0" y="142" textLength="12.2" clip-path="url(#terminal-3084749830-line-5)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="142" textLength="97.6" clip-path="url(#terminal-3084749830-line-5)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="142" textLength="12.2" clip-path="url(#terminal-3084749830-line-5)">▎</text><text class="terminal-3084749830-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-3084749830-line-5)">
+</text><text class="terminal-3084749830-r1" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-6)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="166.4" textLength="97.6" clip-path="url(#terminal-3084749830-line-6)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="166.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-6)">▎</text><text class="terminal-3084749830-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-6)">
+</text><text class="terminal-3084749830-r1" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">X</text><text class="terminal-3084749830-r4" x="48.8" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">▌</text><text class="terminal-3084749830-r6" x="61" y="190.8" textLength="36.6" clip-path="url(#terminal-3084749830-line-7)">&#160;45</text><text class="terminal-3084749830-r1" x="109.8" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">▎</text><text class="terminal-3084749830-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-7)">
+</text><text class="terminal-3084749830-r1" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-8)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="215.2" textLength="97.6" clip-path="url(#terminal-3084749830-line-8)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="215.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-8)">▎</text><text class="terminal-3084749830-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-8)">
+</text><text class="terminal-3084749830-r1" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-9)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="239.6" textLength="97.6" clip-path="url(#terminal-3084749830-line-9)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="239.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-9)">▎</text><text class="terminal-3084749830-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-9)">
+</text><text class="terminal-3084749830-r1" x="0" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">X</text><text class="terminal-3084749830-r4" x="48.8" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">▌</text><text class="terminal-3084749830-r6" x="61" y="264" textLength="36.6" clip-path="url(#terminal-3084749830-line-10)">&#160;46</text><text class="terminal-3084749830-r1" x="109.8" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">▎</text><text class="terminal-3084749830-r7" x="951.6" y="264" textLength="24.4" clip-path="url(#terminal-3084749830-line-10)">▄▄</text><text class="terminal-3084749830-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-3084749830-line-10)">
+</text><text class="terminal-3084749830-r1" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-11)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="288.4" textLength="97.6" clip-path="url(#terminal-3084749830-line-11)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="288.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-11)">▎</text><text class="terminal-3084749830-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-11)">
+</text><text class="terminal-3084749830-r1" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-12)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="312.8" textLength="97.6" clip-path="url(#terminal-3084749830-line-12)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="312.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-12)">▎</text><text class="terminal-3084749830-r8" x="951.6" y="312.8" textLength="24.4" clip-path="url(#terminal-3084749830-line-12)">▃▃</text><text class="terminal-3084749830-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-12)">
+</text><text class="terminal-3084749830-r1" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">X</text><text class="terminal-3084749830-r4" x="48.8" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">▌</text><text class="terminal-3084749830-r6" x="61" y="337.2" textLength="36.6" clip-path="url(#terminal-3084749830-line-13)">&#160;47</text><text class="terminal-3084749830-r1" x="109.8" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">▎</text><text class="terminal-3084749830-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-13)">
+</text><text class="terminal-3084749830-r1" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-14)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="361.6" textLength="97.6" clip-path="url(#terminal-3084749830-line-14)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="361.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-14)">▎</text><text class="terminal-3084749830-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-14)">
+</text><text class="terminal-3084749830-r1" x="0" y="386" textLength="12.2" clip-path="url(#terminal-3084749830-line-15)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="386" textLength="97.6" clip-path="url(#terminal-3084749830-line-15)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="386" textLength="12.2" clip-path="url(#terminal-3084749830-line-15)">▎</text><text class="terminal-3084749830-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-3084749830-line-15)">
+</text><text class="terminal-3084749830-r1" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">X</text><text class="terminal-3084749830-r4" x="48.8" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">▌</text><text class="terminal-3084749830-r6" x="61" y="410.4" textLength="36.6" clip-path="url(#terminal-3084749830-line-16)">&#160;48</text><text class="terminal-3084749830-r1" x="109.8" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">▎</text><text class="terminal-3084749830-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-16)">
+</text><text class="terminal-3084749830-r1" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-17)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="434.8" textLength="97.6" clip-path="url(#terminal-3084749830-line-17)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="434.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-17)">▎</text><text class="terminal-3084749830-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-17)">
+</text><text class="terminal-3084749830-r1" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-18)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="459.2" textLength="97.6" clip-path="url(#terminal-3084749830-line-18)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="459.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-18)">▎</text><text class="terminal-3084749830-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-18)">
+</text><text class="terminal-3084749830-r1" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">X</text><text class="terminal-3084749830-r4" x="48.8" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">▌</text><text class="terminal-3084749830-r6" x="61" y="483.6" textLength="36.6" clip-path="url(#terminal-3084749830-line-19)">&#160;49</text><text class="terminal-3084749830-r1" x="109.8" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">▎</text><text class="terminal-3084749830-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-19)">
+</text><text class="terminal-3084749830-r1" x="0" y="508" textLength="12.2" clip-path="url(#terminal-3084749830-line-20)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="508" textLength="97.6" clip-path="url(#terminal-3084749830-line-20)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="508" textLength="12.2" clip-path="url(#terminal-3084749830-line-20)">▎</text><text class="terminal-3084749830-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-3084749830-line-20)">
+</text><text class="terminal-3084749830-r1" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-21)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="532.4" textLength="97.6" clip-path="url(#terminal-3084749830-line-21)">▔▔▔▔▔▔▔▔</text><text class="terminal-3084749830-r1" x="109.8" y="532.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-21)">▎</text><text class="terminal-3084749830-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-3084749830-line-21)">
+</text><text class="terminal-3084749830-r1" x="0" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">▊</text><text class="terminal-3084749830-r4" x="24.4" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">▐</text><text class="terminal-3084749830-r5" x="36.6" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">X</text><text class="terminal-3084749830-r4" x="48.8" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">▌</text><text class="terminal-3084749830-r6" x="61" y="556.8" textLength="36.6" clip-path="url(#terminal-3084749830-line-22)">&#160;50</text><text class="terminal-3084749830-r1" x="109.8" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">▎</text><text class="terminal-3084749830-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-3084749830-line-22)">
+</text><text class="terminal-3084749830-r1" x="0" y="581.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-23)">▊</text><text class="terminal-3084749830-r1" x="12.2" y="581.2" textLength="97.6" clip-path="url(#terminal-3084749830-line-23)">▁▁▁▁▁▁▁▁</text><text class="terminal-3084749830-r1" x="109.8" y="581.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-23)">▎</text><text class="terminal-3084749830-r3" x="976" y="581.2" textLength="12.2" clip-path="url(#terminal-3084749830-line-23)">
+</text><text class="terminal-3084749830-r10" x="805.2" y="605.6" textLength="12.2" clip-path="url(#terminal-3084749830-line-24)">▏</text><text class="terminal-3084749830-r11" x="817.4" y="605.6" textLength="24.4" clip-path="url(#terminal-3084749830-line-24)">^p</text><text class="terminal-3084749830-r12" x="841.8" y="605.6" textLength="97.6" clip-path="url(#terminal-3084749830-line-24)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg
index d23097e716..4de8a9f744 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_scrollbar_thumb_height.svg
@@ -19,137 +19,138 @@
         font-weight: 700;
     }
 
-    .terminal-496130370-matrix {
+    .terminal-244021528-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-496130370-title {
+    .terminal-244021528-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-496130370-r1 { fill: #c5c8c6 }
-.terminal-496130370-r2 { fill: #e3e3e3 }
-.terminal-496130370-r3 { fill: #ff0000 }
-.terminal-496130370-r4 { fill: #dde2e8 }
-.terminal-496130370-r5 { fill: #e2e3e3 }
-.terminal-496130370-r6 { fill: #fea62b;font-weight: bold }
-.terminal-496130370-r7 { fill: #a7a9ab }
+    .terminal-244021528-r1 { fill: #c5c8c6 }
+.terminal-244021528-r2 { fill: #e3e3e3 }
+.terminal-244021528-r3 { fill: #ff0000 }
+.terminal-244021528-r4 { fill: #dde2e8 }
+.terminal-244021528-r5 { fill: #e2e3e3 }
+.terminal-244021528-r6 { fill: #4c5055 }
+.terminal-244021528-r7 { fill: #fea62b;font-weight: bold }
+.terminal-244021528-r8 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-496130370-clip-terminal">
+    <clipPath id="terminal-244021528-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-496130370-line-0">
+    <clipPath id="terminal-244021528-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-1">
+<clipPath id="terminal-244021528-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-2">
+<clipPath id="terminal-244021528-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-3">
+<clipPath id="terminal-244021528-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-4">
+<clipPath id="terminal-244021528-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-5">
+<clipPath id="terminal-244021528-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-6">
+<clipPath id="terminal-244021528-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-7">
+<clipPath id="terminal-244021528-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-8">
+<clipPath id="terminal-244021528-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-9">
+<clipPath id="terminal-244021528-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-10">
+<clipPath id="terminal-244021528-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-11">
+<clipPath id="terminal-244021528-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-12">
+<clipPath id="terminal-244021528-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-13">
+<clipPath id="terminal-244021528-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-14">
+<clipPath id="terminal-244021528-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-15">
+<clipPath id="terminal-244021528-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-16">
+<clipPath id="terminal-244021528-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-17">
+<clipPath id="terminal-244021528-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-18">
+<clipPath id="terminal-244021528-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-19">
+<clipPath id="terminal-244021528-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-20">
+<clipPath id="terminal-244021528-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-21">
+<clipPath id="terminal-244021528-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-496130370-line-22">
+<clipPath id="terminal-244021528-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-496130370-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollViewTester</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-244021528-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ScrollViewTester</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-496130370-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-244021528-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="378.2" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="50.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="74.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="147.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="196.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="221.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="245.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="269.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="294.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="318.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="343.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="367.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="391.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="416.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="440.7" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="465.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="489.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="939.4" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="12.2" y="513.9" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="939.4" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-496130370-matrix">
-    <text class="terminal-496130370-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-496130370-line-0)">⭘</text><text class="terminal-496130370-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-496130370-line-0)">ScrollViewTester</text><text class="terminal-496130370-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-496130370-line-0)">
-</text><text class="terminal-496130370-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-496130370-line-1)">╭─&#160;1&#160;──────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-496130370-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-496130370-line-1)">
-</text><text class="terminal-496130370-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-496130370-line-2)">│</text><text class="terminal-496130370-r1" x="12.2" y="68.8" textLength="927.2" clip-path="url(#terminal-496130370-line-2)">Welcome&#160;to&#160;line&#160;980&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-496130370-line-2)">│</text><text class="terminal-496130370-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-496130370-line-2)">
-</text><text class="terminal-496130370-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-496130370-line-3)">│</text><text class="terminal-496130370-r1" x="12.2" y="93.2" textLength="927.2" clip-path="url(#terminal-496130370-line-3)">Welcome&#160;to&#160;line&#160;981&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-496130370-line-3)">│</text><text class="terminal-496130370-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-496130370-line-3)">
-</text><text class="terminal-496130370-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-496130370-line-4)">│</text><text class="terminal-496130370-r1" x="12.2" y="117.6" textLength="927.2" clip-path="url(#terminal-496130370-line-4)">Welcome&#160;to&#160;line&#160;982&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-496130370-line-4)">│</text><text class="terminal-496130370-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-496130370-line-4)">
-</text><text class="terminal-496130370-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-496130370-line-5)">│</text><text class="terminal-496130370-r1" x="12.2" y="142" textLength="927.2" clip-path="url(#terminal-496130370-line-5)">Welcome&#160;to&#160;line&#160;983&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-496130370-line-5)">│</text><text class="terminal-496130370-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-496130370-line-5)">
-</text><text class="terminal-496130370-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-496130370-line-6)">│</text><text class="terminal-496130370-r1" x="12.2" y="166.4" textLength="927.2" clip-path="url(#terminal-496130370-line-6)">Welcome&#160;to&#160;line&#160;984&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-496130370-line-6)">│</text><text class="terminal-496130370-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-496130370-line-6)">
-</text><text class="terminal-496130370-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-496130370-line-7)">│</text><text class="terminal-496130370-r1" x="12.2" y="190.8" textLength="927.2" clip-path="url(#terminal-496130370-line-7)">Welcome&#160;to&#160;line&#160;985&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-496130370-line-7)">│</text><text class="terminal-496130370-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-496130370-line-7)">
-</text><text class="terminal-496130370-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-496130370-line-8)">│</text><text class="terminal-496130370-r1" x="12.2" y="215.2" textLength="927.2" clip-path="url(#terminal-496130370-line-8)">Welcome&#160;to&#160;line&#160;986&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-496130370-line-8)">│</text><text class="terminal-496130370-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-496130370-line-8)">
-</text><text class="terminal-496130370-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-496130370-line-9)">│</text><text class="terminal-496130370-r1" x="12.2" y="239.6" textLength="927.2" clip-path="url(#terminal-496130370-line-9)">Welcome&#160;to&#160;line&#160;987&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-496130370-line-9)">│</text><text class="terminal-496130370-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-496130370-line-9)">
-</text><text class="terminal-496130370-r3" x="0" y="264" textLength="12.2" clip-path="url(#terminal-496130370-line-10)">│</text><text class="terminal-496130370-r1" x="12.2" y="264" textLength="927.2" clip-path="url(#terminal-496130370-line-10)">Welcome&#160;to&#160;line&#160;988&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-496130370-line-10)">│</text><text class="terminal-496130370-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-496130370-line-10)">
-</text><text class="terminal-496130370-r3" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-496130370-line-11)">│</text><text class="terminal-496130370-r1" x="12.2" y="288.4" textLength="927.2" clip-path="url(#terminal-496130370-line-11)">Welcome&#160;to&#160;line&#160;989&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-496130370-line-11)">│</text><text class="terminal-496130370-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-496130370-line-11)">
-</text><text class="terminal-496130370-r3" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-496130370-line-12)">│</text><text class="terminal-496130370-r1" x="12.2" y="312.8" textLength="927.2" clip-path="url(#terminal-496130370-line-12)">Welcome&#160;to&#160;line&#160;990&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-496130370-line-12)">│</text><text class="terminal-496130370-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-496130370-line-12)">
-</text><text class="terminal-496130370-r3" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-496130370-line-13)">│</text><text class="terminal-496130370-r1" x="12.2" y="337.2" textLength="927.2" clip-path="url(#terminal-496130370-line-13)">Welcome&#160;to&#160;line&#160;991&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-496130370-line-13)">│</text><text class="terminal-496130370-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-496130370-line-13)">
-</text><text class="terminal-496130370-r3" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-496130370-line-14)">│</text><text class="terminal-496130370-r1" x="12.2" y="361.6" textLength="927.2" clip-path="url(#terminal-496130370-line-14)">Welcome&#160;to&#160;line&#160;992&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-496130370-line-14)">│</text><text class="terminal-496130370-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-496130370-line-14)">
-</text><text class="terminal-496130370-r3" x="0" y="386" textLength="12.2" clip-path="url(#terminal-496130370-line-15)">│</text><text class="terminal-496130370-r1" x="12.2" y="386" textLength="927.2" clip-path="url(#terminal-496130370-line-15)">Welcome&#160;to&#160;line&#160;993&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-496130370-line-15)">│</text><text class="terminal-496130370-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-496130370-line-15)">
-</text><text class="terminal-496130370-r3" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-496130370-line-16)">│</text><text class="terminal-496130370-r1" x="12.2" y="410.4" textLength="927.2" clip-path="url(#terminal-496130370-line-16)">Welcome&#160;to&#160;line&#160;994&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-496130370-line-16)">│</text><text class="terminal-496130370-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-496130370-line-16)">
-</text><text class="terminal-496130370-r3" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-496130370-line-17)">│</text><text class="terminal-496130370-r1" x="12.2" y="434.8" textLength="927.2" clip-path="url(#terminal-496130370-line-17)">Welcome&#160;to&#160;line&#160;995&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-496130370-line-17)">│</text><text class="terminal-496130370-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-496130370-line-17)">
-</text><text class="terminal-496130370-r3" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-496130370-line-18)">│</text><text class="terminal-496130370-r1" x="12.2" y="459.2" textLength="927.2" clip-path="url(#terminal-496130370-line-18)">Welcome&#160;to&#160;line&#160;996&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-496130370-line-18)">│</text><text class="terminal-496130370-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-496130370-line-18)">
-</text><text class="terminal-496130370-r3" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-496130370-line-19)">│</text><text class="terminal-496130370-r1" x="12.2" y="483.6" textLength="927.2" clip-path="url(#terminal-496130370-line-19)">Welcome&#160;to&#160;line&#160;997&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-496130370-line-19)">│</text><text class="terminal-496130370-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-496130370-line-19)">
-</text><text class="terminal-496130370-r3" x="0" y="508" textLength="12.2" clip-path="url(#terminal-496130370-line-20)">│</text><text class="terminal-496130370-r1" x="12.2" y="508" textLength="927.2" clip-path="url(#terminal-496130370-line-20)">Welcome&#160;to&#160;line&#160;998&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-496130370-line-20)">│</text><text class="terminal-496130370-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-496130370-line-20)">
-</text><text class="terminal-496130370-r3" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-496130370-line-21)">│</text><text class="terminal-496130370-r1" x="12.2" y="532.4" textLength="927.2" clip-path="url(#terminal-496130370-line-21)">Welcome&#160;to&#160;line&#160;999&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-496130370-r3" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-496130370-line-21)">│</text><text class="terminal-496130370-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-496130370-line-21)">
-</text><text class="terminal-496130370-r3" x="0" y="556.8" textLength="976" clip-path="url(#terminal-496130370-line-22)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-496130370-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-496130370-line-22)">
-</text><text class="terminal-496130370-r6" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-496130370-line-23)">^p</text><text class="terminal-496130370-r7" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-496130370-line-23)">&#160;palette</text>
+    <g class="terminal-244021528-matrix">
+    <text class="terminal-244021528-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-244021528-line-0)">⭘</text><text class="terminal-244021528-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-244021528-line-0)">ScrollViewTester</text><text class="terminal-244021528-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-244021528-line-0)">
+</text><text class="terminal-244021528-r3" x="0" y="44.4" textLength="976" clip-path="url(#terminal-244021528-line-1)">╭─&#160;1&#160;──────────────────────────────────────────────────────────────────────────╮</text><text class="terminal-244021528-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-244021528-line-1)">
+</text><text class="terminal-244021528-r3" x="0" y="68.8" textLength="12.2" clip-path="url(#terminal-244021528-line-2)">│</text><text class="terminal-244021528-r1" x="12.2" y="68.8" textLength="927.2" clip-path="url(#terminal-244021528-line-2)">Welcome&#160;to&#160;line&#160;980&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="68.8" textLength="12.2" clip-path="url(#terminal-244021528-line-2)">│</text><text class="terminal-244021528-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-244021528-line-2)">
+</text><text class="terminal-244021528-r3" x="0" y="93.2" textLength="12.2" clip-path="url(#terminal-244021528-line-3)">│</text><text class="terminal-244021528-r1" x="12.2" y="93.2" textLength="927.2" clip-path="url(#terminal-244021528-line-3)">Welcome&#160;to&#160;line&#160;981&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="93.2" textLength="12.2" clip-path="url(#terminal-244021528-line-3)">│</text><text class="terminal-244021528-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-244021528-line-3)">
+</text><text class="terminal-244021528-r3" x="0" y="117.6" textLength="12.2" clip-path="url(#terminal-244021528-line-4)">│</text><text class="terminal-244021528-r1" x="12.2" y="117.6" textLength="927.2" clip-path="url(#terminal-244021528-line-4)">Welcome&#160;to&#160;line&#160;982&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="117.6" textLength="12.2" clip-path="url(#terminal-244021528-line-4)">│</text><text class="terminal-244021528-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-244021528-line-4)">
+</text><text class="terminal-244021528-r3" x="0" y="142" textLength="12.2" clip-path="url(#terminal-244021528-line-5)">│</text><text class="terminal-244021528-r1" x="12.2" y="142" textLength="927.2" clip-path="url(#terminal-244021528-line-5)">Welcome&#160;to&#160;line&#160;983&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="142" textLength="12.2" clip-path="url(#terminal-244021528-line-5)">│</text><text class="terminal-244021528-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-244021528-line-5)">
+</text><text class="terminal-244021528-r3" x="0" y="166.4" textLength="12.2" clip-path="url(#terminal-244021528-line-6)">│</text><text class="terminal-244021528-r1" x="12.2" y="166.4" textLength="927.2" clip-path="url(#terminal-244021528-line-6)">Welcome&#160;to&#160;line&#160;984&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="166.4" textLength="12.2" clip-path="url(#terminal-244021528-line-6)">│</text><text class="terminal-244021528-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-244021528-line-6)">
+</text><text class="terminal-244021528-r3" x="0" y="190.8" textLength="12.2" clip-path="url(#terminal-244021528-line-7)">│</text><text class="terminal-244021528-r1" x="12.2" y="190.8" textLength="927.2" clip-path="url(#terminal-244021528-line-7)">Welcome&#160;to&#160;line&#160;985&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="190.8" textLength="12.2" clip-path="url(#terminal-244021528-line-7)">│</text><text class="terminal-244021528-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-244021528-line-7)">
+</text><text class="terminal-244021528-r3" x="0" y="215.2" textLength="12.2" clip-path="url(#terminal-244021528-line-8)">│</text><text class="terminal-244021528-r1" x="12.2" y="215.2" textLength="927.2" clip-path="url(#terminal-244021528-line-8)">Welcome&#160;to&#160;line&#160;986&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="215.2" textLength="12.2" clip-path="url(#terminal-244021528-line-8)">│</text><text class="terminal-244021528-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-244021528-line-8)">
+</text><text class="terminal-244021528-r3" x="0" y="239.6" textLength="12.2" clip-path="url(#terminal-244021528-line-9)">│</text><text class="terminal-244021528-r1" x="12.2" y="239.6" textLength="927.2" clip-path="url(#terminal-244021528-line-9)">Welcome&#160;to&#160;line&#160;987&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="239.6" textLength="12.2" clip-path="url(#terminal-244021528-line-9)">│</text><text class="terminal-244021528-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-244021528-line-9)">
+</text><text class="terminal-244021528-r3" x="0" y="264" textLength="12.2" clip-path="url(#terminal-244021528-line-10)">│</text><text class="terminal-244021528-r1" x="12.2" y="264" textLength="927.2" clip-path="url(#terminal-244021528-line-10)">Welcome&#160;to&#160;line&#160;988&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="264" textLength="12.2" clip-path="url(#terminal-244021528-line-10)">│</text><text class="terminal-244021528-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-244021528-line-10)">
+</text><text class="terminal-244021528-r3" x="0" y="288.4" textLength="12.2" clip-path="url(#terminal-244021528-line-11)">│</text><text class="terminal-244021528-r1" x="12.2" y="288.4" textLength="927.2" clip-path="url(#terminal-244021528-line-11)">Welcome&#160;to&#160;line&#160;989&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="288.4" textLength="12.2" clip-path="url(#terminal-244021528-line-11)">│</text><text class="terminal-244021528-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-244021528-line-11)">
+</text><text class="terminal-244021528-r3" x="0" y="312.8" textLength="12.2" clip-path="url(#terminal-244021528-line-12)">│</text><text class="terminal-244021528-r1" x="12.2" y="312.8" textLength="927.2" clip-path="url(#terminal-244021528-line-12)">Welcome&#160;to&#160;line&#160;990&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="312.8" textLength="12.2" clip-path="url(#terminal-244021528-line-12)">│</text><text class="terminal-244021528-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-244021528-line-12)">
+</text><text class="terminal-244021528-r3" x="0" y="337.2" textLength="12.2" clip-path="url(#terminal-244021528-line-13)">│</text><text class="terminal-244021528-r1" x="12.2" y="337.2" textLength="927.2" clip-path="url(#terminal-244021528-line-13)">Welcome&#160;to&#160;line&#160;991&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="337.2" textLength="12.2" clip-path="url(#terminal-244021528-line-13)">│</text><text class="terminal-244021528-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-244021528-line-13)">
+</text><text class="terminal-244021528-r3" x="0" y="361.6" textLength="12.2" clip-path="url(#terminal-244021528-line-14)">│</text><text class="terminal-244021528-r1" x="12.2" y="361.6" textLength="927.2" clip-path="url(#terminal-244021528-line-14)">Welcome&#160;to&#160;line&#160;992&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="361.6" textLength="12.2" clip-path="url(#terminal-244021528-line-14)">│</text><text class="terminal-244021528-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-244021528-line-14)">
+</text><text class="terminal-244021528-r3" x="0" y="386" textLength="12.2" clip-path="url(#terminal-244021528-line-15)">│</text><text class="terminal-244021528-r1" x="12.2" y="386" textLength="927.2" clip-path="url(#terminal-244021528-line-15)">Welcome&#160;to&#160;line&#160;993&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="386" textLength="12.2" clip-path="url(#terminal-244021528-line-15)">│</text><text class="terminal-244021528-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-244021528-line-15)">
+</text><text class="terminal-244021528-r3" x="0" y="410.4" textLength="12.2" clip-path="url(#terminal-244021528-line-16)">│</text><text class="terminal-244021528-r1" x="12.2" y="410.4" textLength="927.2" clip-path="url(#terminal-244021528-line-16)">Welcome&#160;to&#160;line&#160;994&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="410.4" textLength="12.2" clip-path="url(#terminal-244021528-line-16)">│</text><text class="terminal-244021528-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-244021528-line-16)">
+</text><text class="terminal-244021528-r3" x="0" y="434.8" textLength="12.2" clip-path="url(#terminal-244021528-line-17)">│</text><text class="terminal-244021528-r1" x="12.2" y="434.8" textLength="927.2" clip-path="url(#terminal-244021528-line-17)">Welcome&#160;to&#160;line&#160;995&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="434.8" textLength="12.2" clip-path="url(#terminal-244021528-line-17)">│</text><text class="terminal-244021528-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-244021528-line-17)">
+</text><text class="terminal-244021528-r3" x="0" y="459.2" textLength="12.2" clip-path="url(#terminal-244021528-line-18)">│</text><text class="terminal-244021528-r1" x="12.2" y="459.2" textLength="927.2" clip-path="url(#terminal-244021528-line-18)">Welcome&#160;to&#160;line&#160;996&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="459.2" textLength="12.2" clip-path="url(#terminal-244021528-line-18)">│</text><text class="terminal-244021528-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-244021528-line-18)">
+</text><text class="terminal-244021528-r3" x="0" y="483.6" textLength="12.2" clip-path="url(#terminal-244021528-line-19)">│</text><text class="terminal-244021528-r1" x="12.2" y="483.6" textLength="927.2" clip-path="url(#terminal-244021528-line-19)">Welcome&#160;to&#160;line&#160;997&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="483.6" textLength="12.2" clip-path="url(#terminal-244021528-line-19)">│</text><text class="terminal-244021528-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-244021528-line-19)">
+</text><text class="terminal-244021528-r3" x="0" y="508" textLength="12.2" clip-path="url(#terminal-244021528-line-20)">│</text><text class="terminal-244021528-r1" x="12.2" y="508" textLength="927.2" clip-path="url(#terminal-244021528-line-20)">Welcome&#160;to&#160;line&#160;998&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="508" textLength="12.2" clip-path="url(#terminal-244021528-line-20)">│</text><text class="terminal-244021528-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-244021528-line-20)">
+</text><text class="terminal-244021528-r3" x="0" y="532.4" textLength="12.2" clip-path="url(#terminal-244021528-line-21)">│</text><text class="terminal-244021528-r1" x="12.2" y="532.4" textLength="927.2" clip-path="url(#terminal-244021528-line-21)">Welcome&#160;to&#160;line&#160;999&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-244021528-r3" x="963.8" y="532.4" textLength="12.2" clip-path="url(#terminal-244021528-line-21)">│</text><text class="terminal-244021528-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-244021528-line-21)">
+</text><text class="terminal-244021528-r3" x="0" y="556.8" textLength="976" clip-path="url(#terminal-244021528-line-22)">╰──────────────────────────────────────────────────────────────────────────────╯</text><text class="terminal-244021528-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-244021528-line-22)">
+</text><text class="terminal-244021528-r6" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-244021528-line-23)">▏</text><text class="terminal-244021528-r7" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-244021528-line-23)">^p</text><text class="terminal-244021528-r8" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-244021528-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg
index 4525e5235a..31a5974c8e 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selected.svg
@@ -19,144 +19,145 @@
         font-weight: 700;
     }
 
-    .terminal-1368284153-matrix {
+    .terminal-1383496655-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1368284153-title {
+    .terminal-1383496655-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1368284153-r1 { fill: #c5c8c6 }
-.terminal-1368284153-r2 { fill: #e3e3e3 }
-.terminal-1368284153-r3 { fill: #e1e1e1 }
-.terminal-1368284153-r4 { fill: #0178d4 }
-.terminal-1368284153-r5 { fill: #e1e1e1;font-weight: bold }
-.terminal-1368284153-r6 { fill: #575757 }
-.terminal-1368284153-r7 { fill: #4ebf71;font-weight: bold }
-.terminal-1368284153-r8 { fill: #ddedf9;font-weight: bold }
-.terminal-1368284153-r9 { fill: #98e024 }
-.terminal-1368284153-r10 { fill: #262626;font-weight: bold }
-.terminal-1368284153-r11 { fill: #e2e2e2 }
-.terminal-1368284153-r12 { fill: #e2e3e3 }
-.terminal-1368284153-r13 { fill: #fea62b;font-weight: bold }
-.terminal-1368284153-r14 { fill: #a7a9ab }
+    .terminal-1383496655-r1 { fill: #c5c8c6 }
+.terminal-1383496655-r2 { fill: #e3e3e3 }
+.terminal-1383496655-r3 { fill: #e1e1e1 }
+.terminal-1383496655-r4 { fill: #0178d4 }
+.terminal-1383496655-r5 { fill: #e1e1e1;font-weight: bold }
+.terminal-1383496655-r6 { fill: #575757 }
+.terminal-1383496655-r7 { fill: #4ebf71;font-weight: bold }
+.terminal-1383496655-r8 { fill: #ddedf9;font-weight: bold }
+.terminal-1383496655-r9 { fill: #98e024 }
+.terminal-1383496655-r10 { fill: #262626;font-weight: bold }
+.terminal-1383496655-r11 { fill: #e2e2e2 }
+.terminal-1383496655-r12 { fill: #e2e3e3 }
+.terminal-1383496655-r13 { fill: #4c5055 }
+.terminal-1383496655-r14 { fill: #fea62b;font-weight: bold }
+.terminal-1383496655-r15 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-1368284153-clip-terminal">
+    <clipPath id="terminal-1383496655-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1368284153-line-0">
+    <clipPath id="terminal-1383496655-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-1">
+<clipPath id="terminal-1383496655-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-2">
+<clipPath id="terminal-1383496655-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-3">
+<clipPath id="terminal-1383496655-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-4">
+<clipPath id="terminal-1383496655-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-5">
+<clipPath id="terminal-1383496655-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-6">
+<clipPath id="terminal-1383496655-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-7">
+<clipPath id="terminal-1383496655-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-8">
+<clipPath id="terminal-1383496655-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-9">
+<clipPath id="terminal-1383496655-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-10">
+<clipPath id="terminal-1383496655-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-11">
+<clipPath id="terminal-1383496655-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-12">
+<clipPath id="terminal-1383496655-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-13">
+<clipPath id="terminal-1383496655-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-14">
+<clipPath id="terminal-1383496655-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-15">
+<clipPath id="terminal-1383496655-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-16">
+<clipPath id="terminal-1383496655-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-17">
+<clipPath id="terminal-1383496655-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-18">
+<clipPath id="terminal-1383496655-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-19">
+<clipPath id="terminal-1383496655-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-20">
+<clipPath id="terminal-1383496655-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-21">
+<clipPath id="terminal-1383496655-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1368284153-line-22">
+<clipPath id="terminal-1383496655-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1368284153-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1383496655-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1368284153-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1383496655-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="378.2" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="74.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="74.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="99.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="99.1" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="122" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="158.6" y="123.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="123.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="549" y="123.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="768.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="780.8" y="123.5" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="147.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="549" y="147.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="829.6" y="147.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="549" y="172.3" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="744.2" y="172.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="500.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="512.4" y="196.7" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="221.1" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="245.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="269.9" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="294.3" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="463.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="318.7" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="343.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="475.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="343.1" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="367.5" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="488" y="367.5" width="488" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1368284153-matrix">
-    <text class="terminal-1368284153-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1368284153-line-0)">⭘</text><text class="terminal-1368284153-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-1368284153-line-0)">SelectionListApp</text><text class="terminal-1368284153-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1368284153-line-0)">
-</text><text class="terminal-1368284153-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-1)">
-</text><text class="terminal-1368284153-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-2)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="93.2" textLength="390.4" clip-path="url(#terminal-1368284153-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──┐</text><text class="terminal-1368284153-r4" x="488" y="93.2" textLength="390.4" clip-path="url(#terminal-1368284153-line-3)">┌─&#160;Selected&#160;games&#160;─────────────┐</text><text class="terminal-1368284153-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-3)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">│</text><text class="terminal-1368284153-r4" x="475.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">│</text><text class="terminal-1368284153-r4" x="488" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">│</text><text class="terminal-1368284153-r5" x="500.2" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">[</text><text class="terminal-1368284153-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">│</text><text class="terminal-1368284153-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-4)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">│</text><text class="terminal-1368284153-r6" x="122" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">▐</text><text class="terminal-1368284153-r7" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">X</text><text class="terminal-1368284153-r6" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">▌</text><text class="terminal-1368284153-r8" x="158.6" y="142" textLength="305" clip-path="url(#terminal-1368284153-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">│</text><text class="terminal-1368284153-r4" x="488" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">│</text><text class="terminal-1368284153-r9" x="549" y="142" textLength="219.6" clip-path="url(#terminal-1368284153-line-5)">&#x27;secret_back_door&#x27;</text><text class="terminal-1368284153-r3" x="768.6" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">,</text><text class="terminal-1368284153-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">│</text><text class="terminal-1368284153-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1368284153-line-5)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">│</text><text class="terminal-1368284153-r6" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">X</text><text class="terminal-1368284153-r6" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="166.4" textLength="305" clip-path="url(#terminal-1368284153-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">│</text><text class="terminal-1368284153-r4" x="488" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">│</text><text class="terminal-1368284153-r9" x="549" y="166.4" textLength="268.4" clip-path="url(#terminal-1368284153-line-6)">&#x27;a_nice_game_of_chess&#x27;</text><text class="terminal-1368284153-r3" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">,</text><text class="terminal-1368284153-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">│</text><text class="terminal-1368284153-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-6)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">│</text><text class="terminal-1368284153-r6" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">X</text><text class="terminal-1368284153-r6" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="190.8" textLength="305" clip-path="url(#terminal-1368284153-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">│</text><text class="terminal-1368284153-r4" x="488" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">│</text><text class="terminal-1368284153-r9" x="549" y="190.8" textLength="195.2" clip-path="url(#terminal-1368284153-line-7)">&#x27;fighter_combat&#x27;</text><text class="terminal-1368284153-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">│</text><text class="terminal-1368284153-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-7)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">│</text><text class="terminal-1368284153-r6" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">X</text><text class="terminal-1368284153-r6" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="215.2" textLength="305" clip-path="url(#terminal-1368284153-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">│</text><text class="terminal-1368284153-r4" x="488" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">│</text><text class="terminal-1368284153-r5" x="500.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">]</text><text class="terminal-1368284153-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">│</text><text class="terminal-1368284153-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-8)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">│</text><text class="terminal-1368284153-r6" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">X</text><text class="terminal-1368284153-r6" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="239.6" textLength="305" clip-path="url(#terminal-1368284153-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">│</text><text class="terminal-1368284153-r4" x="488" y="239.6" textLength="390.4" clip-path="url(#terminal-1368284153-line-9)">└──────────────────────────────┘</text><text class="terminal-1368284153-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-9)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">│</text><text class="terminal-1368284153-r6" x="122" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">X</text><text class="terminal-1368284153-r6" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="264" textLength="305" clip-path="url(#terminal-1368284153-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">│</text><text class="terminal-1368284153-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1368284153-line-10)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">│</text><text class="terminal-1368284153-r6" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">▐</text><text class="terminal-1368284153-r7" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">X</text><text class="terminal-1368284153-r6" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="288.4" textLength="305" clip-path="url(#terminal-1368284153-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">│</text><text class="terminal-1368284153-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-11)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">│</text><text class="terminal-1368284153-r6" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">▐</text><text class="terminal-1368284153-r10" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">X</text><text class="terminal-1368284153-r6" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="312.8" textLength="305" clip-path="url(#terminal-1368284153-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">│</text><text class="terminal-1368284153-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-12)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">│</text><text class="terminal-1368284153-r6" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">▐</text><text class="terminal-1368284153-r7" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">X</text><text class="terminal-1368284153-r6" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">▌</text><text class="terminal-1368284153-r11" x="158.6" y="337.2" textLength="305" clip-path="url(#terminal-1368284153-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1368284153-r4" x="475.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">│</text><text class="terminal-1368284153-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-13)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-14)">│</text><text class="terminal-1368284153-r4" x="475.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-14)">│</text><text class="terminal-1368284153-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-14)">
-</text><text class="terminal-1368284153-r4" x="97.6" y="386" textLength="390.4" clip-path="url(#terminal-1368284153-line-15)">└──────────────────────────────┘</text><text class="terminal-1368284153-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1368284153-line-15)">
-</text><text class="terminal-1368284153-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-16)">
-</text><text class="terminal-1368284153-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-17)">
-</text><text class="terminal-1368284153-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1368284153-line-18)">
-</text><text class="terminal-1368284153-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1368284153-line-19)">
-</text><text class="terminal-1368284153-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1368284153-line-20)">
-</text><text class="terminal-1368284153-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1368284153-line-21)">
-</text><text class="terminal-1368284153-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1368284153-line-22)">
-</text><text class="terminal-1368284153-r13" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1368284153-line-23)">^p</text><text class="terminal-1368284153-r14" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1368284153-line-23)">&#160;palette</text>
+    <g class="terminal-1383496655-matrix">
+    <text class="terminal-1383496655-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-1383496655-line-0)">⭘</text><text class="terminal-1383496655-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-1383496655-line-0)">SelectionListApp</text><text class="terminal-1383496655-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1383496655-line-0)">
+</text><text class="terminal-1383496655-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-1)">
+</text><text class="terminal-1383496655-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-2)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="93.2" textLength="390.4" clip-path="url(#terminal-1383496655-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──┐</text><text class="terminal-1383496655-r4" x="488" y="93.2" textLength="390.4" clip-path="url(#terminal-1383496655-line-3)">┌─&#160;Selected&#160;games&#160;─────────────┐</text><text class="terminal-1383496655-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-3)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">│</text><text class="terminal-1383496655-r4" x="475.8" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">│</text><text class="terminal-1383496655-r4" x="488" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">│</text><text class="terminal-1383496655-r5" x="500.2" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">[</text><text class="terminal-1383496655-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">│</text><text class="terminal-1383496655-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-4)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">│</text><text class="terminal-1383496655-r6" x="122" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">▐</text><text class="terminal-1383496655-r7" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">X</text><text class="terminal-1383496655-r6" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">▌</text><text class="terminal-1383496655-r8" x="158.6" y="142" textLength="305" clip-path="url(#terminal-1383496655-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">│</text><text class="terminal-1383496655-r4" x="488" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">│</text><text class="terminal-1383496655-r9" x="549" y="142" textLength="219.6" clip-path="url(#terminal-1383496655-line-5)">&#x27;secret_back_door&#x27;</text><text class="terminal-1383496655-r3" x="768.6" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">,</text><text class="terminal-1383496655-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">│</text><text class="terminal-1383496655-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1383496655-line-5)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">│</text><text class="terminal-1383496655-r6" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">X</text><text class="terminal-1383496655-r6" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="166.4" textLength="305" clip-path="url(#terminal-1383496655-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">│</text><text class="terminal-1383496655-r4" x="488" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">│</text><text class="terminal-1383496655-r9" x="549" y="166.4" textLength="268.4" clip-path="url(#terminal-1383496655-line-6)">&#x27;a_nice_game_of_chess&#x27;</text><text class="terminal-1383496655-r3" x="817.4" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">,</text><text class="terminal-1383496655-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">│</text><text class="terminal-1383496655-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-6)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">│</text><text class="terminal-1383496655-r6" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">X</text><text class="terminal-1383496655-r6" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="190.8" textLength="305" clip-path="url(#terminal-1383496655-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">│</text><text class="terminal-1383496655-r4" x="488" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">│</text><text class="terminal-1383496655-r9" x="549" y="190.8" textLength="195.2" clip-path="url(#terminal-1383496655-line-7)">&#x27;fighter_combat&#x27;</text><text class="terminal-1383496655-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">│</text><text class="terminal-1383496655-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-7)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">│</text><text class="terminal-1383496655-r6" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">X</text><text class="terminal-1383496655-r6" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="215.2" textLength="305" clip-path="url(#terminal-1383496655-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">│</text><text class="terminal-1383496655-r4" x="488" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">│</text><text class="terminal-1383496655-r5" x="500.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">]</text><text class="terminal-1383496655-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">│</text><text class="terminal-1383496655-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-8)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">│</text><text class="terminal-1383496655-r6" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">X</text><text class="terminal-1383496655-r6" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="239.6" textLength="305" clip-path="url(#terminal-1383496655-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">│</text><text class="terminal-1383496655-r4" x="488" y="239.6" textLength="390.4" clip-path="url(#terminal-1383496655-line-9)">└──────────────────────────────┘</text><text class="terminal-1383496655-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-9)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">│</text><text class="terminal-1383496655-r6" x="122" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">X</text><text class="terminal-1383496655-r6" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="264" textLength="305" clip-path="url(#terminal-1383496655-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">│</text><text class="terminal-1383496655-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1383496655-line-10)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">│</text><text class="terminal-1383496655-r6" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">▐</text><text class="terminal-1383496655-r7" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">X</text><text class="terminal-1383496655-r6" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="288.4" textLength="305" clip-path="url(#terminal-1383496655-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">│</text><text class="terminal-1383496655-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-11)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">│</text><text class="terminal-1383496655-r6" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">▐</text><text class="terminal-1383496655-r10" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">X</text><text class="terminal-1383496655-r6" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="312.8" textLength="305" clip-path="url(#terminal-1383496655-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">│</text><text class="terminal-1383496655-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-12)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">│</text><text class="terminal-1383496655-r6" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">▐</text><text class="terminal-1383496655-r7" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">X</text><text class="terminal-1383496655-r6" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">▌</text><text class="terminal-1383496655-r11" x="158.6" y="337.2" textLength="305" clip-path="url(#terminal-1383496655-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1383496655-r4" x="475.8" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">│</text><text class="terminal-1383496655-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-13)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-14)">│</text><text class="terminal-1383496655-r4" x="475.8" y="361.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-14)">│</text><text class="terminal-1383496655-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-14)">
+</text><text class="terminal-1383496655-r4" x="97.6" y="386" textLength="390.4" clip-path="url(#terminal-1383496655-line-15)">└──────────────────────────────┘</text><text class="terminal-1383496655-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1383496655-line-15)">
+</text><text class="terminal-1383496655-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-16)">
+</text><text class="terminal-1383496655-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-17)">
+</text><text class="terminal-1383496655-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-18)">
+</text><text class="terminal-1383496655-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1383496655-line-19)">
+</text><text class="terminal-1383496655-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1383496655-line-20)">
+</text><text class="terminal-1383496655-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1383496655-line-21)">
+</text><text class="terminal-1383496655-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1383496655-line-22)">
+</text><text class="terminal-1383496655-r13" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1383496655-line-23)">▏</text><text class="terminal-1383496655-r14" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1383496655-line-23)">^p</text><text class="terminal-1383496655-r15" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1383496655-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg
index 2f70fefc30..a316be7a59 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_selections.svg
@@ -19,142 +19,143 @@
         font-weight: 700;
     }
 
-    .terminal-2835773100-matrix {
+    .terminal-2913244802-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2835773100-title {
+    .terminal-2913244802-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2835773100-r1 { fill: #c5c8c6 }
-.terminal-2835773100-r2 { fill: #e3e3e3 }
-.terminal-2835773100-r3 { fill: #e1e1e1 }
-.terminal-2835773100-r4 { fill: #0178d4 }
-.terminal-2835773100-r5 { fill: #575757 }
-.terminal-2835773100-r6 { fill: #4ebf71;font-weight: bold }
-.terminal-2835773100-r7 { fill: #ddedf9;font-weight: bold }
-.terminal-2835773100-r8 { fill: #262626;font-weight: bold }
-.terminal-2835773100-r9 { fill: #e2e2e2 }
-.terminal-2835773100-r10 { fill: #e2e3e3 }
-.terminal-2835773100-r11 { fill: #fea62b;font-weight: bold }
-.terminal-2835773100-r12 { fill: #a7a9ab }
+    .terminal-2913244802-r1 { fill: #c5c8c6 }
+.terminal-2913244802-r2 { fill: #e3e3e3 }
+.terminal-2913244802-r3 { fill: #e1e1e1 }
+.terminal-2913244802-r4 { fill: #0178d4 }
+.terminal-2913244802-r5 { fill: #575757 }
+.terminal-2913244802-r6 { fill: #4ebf71;font-weight: bold }
+.terminal-2913244802-r7 { fill: #ddedf9;font-weight: bold }
+.terminal-2913244802-r8 { fill: #262626;font-weight: bold }
+.terminal-2913244802-r9 { fill: #e2e2e2 }
+.terminal-2913244802-r10 { fill: #e2e3e3 }
+.terminal-2913244802-r11 { fill: #4c5055 }
+.terminal-2913244802-r12 { fill: #fea62b;font-weight: bold }
+.terminal-2913244802-r13 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-2835773100-clip-terminal">
+    <clipPath id="terminal-2913244802-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2835773100-line-0">
+    <clipPath id="terminal-2913244802-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-1">
+<clipPath id="terminal-2913244802-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-2">
+<clipPath id="terminal-2913244802-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-3">
+<clipPath id="terminal-2913244802-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-4">
+<clipPath id="terminal-2913244802-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-5">
+<clipPath id="terminal-2913244802-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-6">
+<clipPath id="terminal-2913244802-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-7">
+<clipPath id="terminal-2913244802-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-8">
+<clipPath id="terminal-2913244802-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-9">
+<clipPath id="terminal-2913244802-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-10">
+<clipPath id="terminal-2913244802-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-11">
+<clipPath id="terminal-2913244802-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-12">
+<clipPath id="terminal-2913244802-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-13">
+<clipPath id="terminal-2913244802-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-14">
+<clipPath id="terminal-2913244802-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-15">
+<clipPath id="terminal-2913244802-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-16">
+<clipPath id="terminal-2913244802-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-17">
+<clipPath id="terminal-2913244802-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-18">
+<clipPath id="terminal-2913244802-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-19">
+<clipPath id="terminal-2913244802-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-20">
+<clipPath id="terminal-2913244802-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-21">
+<clipPath id="terminal-2913244802-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-22">
+<clipPath id="terminal-2913244802-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2835773100-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2913244802-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2835773100-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2913244802-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="378.2" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="74.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="99.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="122" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="158.6" y="123.5" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="343.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="367.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="391.9" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="416.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="440.7" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2835773100-matrix">
-    <text class="terminal-2835773100-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2835773100-line-0)">⭘</text><text class="terminal-2835773100-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-2835773100-line-0)">SelectionListApp</text><text class="terminal-2835773100-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2835773100-line-0)">
-</text><text class="terminal-2835773100-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-1)">
-</text><text class="terminal-2835773100-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-2)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="93.2" textLength="780.8" clip-path="url(#terminal-2835773100-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──────────────────────────────────┐</text><text class="terminal-2835773100-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-3)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">│</text><text class="terminal-2835773100-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">│</text><text class="terminal-2835773100-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">│</text><text class="terminal-2835773100-r5" x="122" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">X</text><text class="terminal-2835773100-r5" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">▌</text><text class="terminal-2835773100-r7" x="158.6" y="142" textLength="695.4" clip-path="url(#terminal-2835773100-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">│</text><text class="terminal-2835773100-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">│</text><text class="terminal-2835773100-r5" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">X</text><text class="terminal-2835773100-r5" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="166.4" textLength="695.4" clip-path="url(#terminal-2835773100-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">│</text><text class="terminal-2835773100-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">│</text><text class="terminal-2835773100-r5" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">X</text><text class="terminal-2835773100-r5" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="190.8" textLength="695.4" clip-path="url(#terminal-2835773100-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">│</text><text class="terminal-2835773100-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">│</text><text class="terminal-2835773100-r5" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">X</text><text class="terminal-2835773100-r5" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="215.2" textLength="695.4" clip-path="url(#terminal-2835773100-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">│</text><text class="terminal-2835773100-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">│</text><text class="terminal-2835773100-r5" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">X</text><text class="terminal-2835773100-r5" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="239.6" textLength="695.4" clip-path="url(#terminal-2835773100-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">│</text><text class="terminal-2835773100-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">│</text><text class="terminal-2835773100-r5" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">X</text><text class="terminal-2835773100-r5" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="264" textLength="695.4" clip-path="url(#terminal-2835773100-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">│</text><text class="terminal-2835773100-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">│</text><text class="terminal-2835773100-r5" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">X</text><text class="terminal-2835773100-r5" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="288.4" textLength="695.4" clip-path="url(#terminal-2835773100-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">│</text><text class="terminal-2835773100-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">│</text><text class="terminal-2835773100-r5" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">X</text><text class="terminal-2835773100-r5" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="312.8" textLength="695.4" clip-path="url(#terminal-2835773100-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">│</text><text class="terminal-2835773100-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">│</text><text class="terminal-2835773100-r5" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">X</text><text class="terminal-2835773100-r5" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="337.2" textLength="695.4" clip-path="url(#terminal-2835773100-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">│</text><text class="terminal-2835773100-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">│</text><text class="terminal-2835773100-r4" x="866.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">│</text><text class="terminal-2835773100-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">│</text><text class="terminal-2835773100-r4" x="866.2" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">│</text><text class="terminal-2835773100-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">│</text><text class="terminal-2835773100-r4" x="866.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">│</text><text class="terminal-2835773100-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">│</text><text class="terminal-2835773100-r4" x="866.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">│</text><text class="terminal-2835773100-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">│</text><text class="terminal-2835773100-r4" x="866.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">│</text><text class="terminal-2835773100-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="483.6" textLength="780.8" clip-path="url(#terminal-2835773100-line-19)">└──────────────────────────────────────────────────────────────┘</text><text class="terminal-2835773100-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-19)">
-</text><text class="terminal-2835773100-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2835773100-line-20)">
-</text><text class="terminal-2835773100-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-21)">
-</text><text class="terminal-2835773100-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-22)">
-</text><text class="terminal-2835773100-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2835773100-line-23)">^p</text><text class="terminal-2835773100-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2835773100-line-23)">&#160;palette</text>
+    <g class="terminal-2913244802-matrix">
+    <text class="terminal-2913244802-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2913244802-line-0)">⭘</text><text class="terminal-2913244802-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-2913244802-line-0)">SelectionListApp</text><text class="terminal-2913244802-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2913244802-line-0)">
+</text><text class="terminal-2913244802-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-1)">
+</text><text class="terminal-2913244802-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-2)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="93.2" textLength="780.8" clip-path="url(#terminal-2913244802-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──────────────────────────────────┐</text><text class="terminal-2913244802-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-3)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">│</text><text class="terminal-2913244802-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">│</text><text class="terminal-2913244802-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">│</text><text class="terminal-2913244802-r5" x="122" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">X</text><text class="terminal-2913244802-r5" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">▌</text><text class="terminal-2913244802-r7" x="158.6" y="142" textLength="695.4" clip-path="url(#terminal-2913244802-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">│</text><text class="terminal-2913244802-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">│</text><text class="terminal-2913244802-r5" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">X</text><text class="terminal-2913244802-r5" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="166.4" textLength="695.4" clip-path="url(#terminal-2913244802-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">│</text><text class="terminal-2913244802-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">│</text><text class="terminal-2913244802-r5" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">X</text><text class="terminal-2913244802-r5" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="190.8" textLength="695.4" clip-path="url(#terminal-2913244802-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">│</text><text class="terminal-2913244802-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">│</text><text class="terminal-2913244802-r5" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">X</text><text class="terminal-2913244802-r5" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="215.2" textLength="695.4" clip-path="url(#terminal-2913244802-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">│</text><text class="terminal-2913244802-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">│</text><text class="terminal-2913244802-r5" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">X</text><text class="terminal-2913244802-r5" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="239.6" textLength="695.4" clip-path="url(#terminal-2913244802-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">│</text><text class="terminal-2913244802-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">│</text><text class="terminal-2913244802-r5" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">X</text><text class="terminal-2913244802-r5" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="264" textLength="695.4" clip-path="url(#terminal-2913244802-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">│</text><text class="terminal-2913244802-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">│</text><text class="terminal-2913244802-r5" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">X</text><text class="terminal-2913244802-r5" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="288.4" textLength="695.4" clip-path="url(#terminal-2913244802-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">│</text><text class="terminal-2913244802-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">│</text><text class="terminal-2913244802-r5" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">X</text><text class="terminal-2913244802-r5" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="312.8" textLength="695.4" clip-path="url(#terminal-2913244802-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">│</text><text class="terminal-2913244802-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">│</text><text class="terminal-2913244802-r5" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">X</text><text class="terminal-2913244802-r5" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="337.2" textLength="695.4" clip-path="url(#terminal-2913244802-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">│</text><text class="terminal-2913244802-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">│</text><text class="terminal-2913244802-r4" x="866.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">│</text><text class="terminal-2913244802-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">│</text><text class="terminal-2913244802-r4" x="866.2" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">│</text><text class="terminal-2913244802-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">│</text><text class="terminal-2913244802-r4" x="866.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">│</text><text class="terminal-2913244802-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">│</text><text class="terminal-2913244802-r4" x="866.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">│</text><text class="terminal-2913244802-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">│</text><text class="terminal-2913244802-r4" x="866.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">│</text><text class="terminal-2913244802-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="483.6" textLength="780.8" clip-path="url(#terminal-2913244802-line-19)">└──────────────────────────────────────────────────────────────┘</text><text class="terminal-2913244802-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-19)">
+</text><text class="terminal-2913244802-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2913244802-line-20)">
+</text><text class="terminal-2913244802-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-21)">
+</text><text class="terminal-2913244802-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-22)">
+</text><text class="terminal-2913244802-r11" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-23)">▏</text><text class="terminal-2913244802-r12" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2913244802-line-23)">^p</text><text class="terminal-2913244802-r13" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2913244802-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg
index 2f70fefc30..a316be7a59 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_selection_list_tuples.svg
@@ -19,142 +19,143 @@
         font-weight: 700;
     }
 
-    .terminal-2835773100-matrix {
+    .terminal-2913244802-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-2835773100-title {
+    .terminal-2913244802-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-2835773100-r1 { fill: #c5c8c6 }
-.terminal-2835773100-r2 { fill: #e3e3e3 }
-.terminal-2835773100-r3 { fill: #e1e1e1 }
-.terminal-2835773100-r4 { fill: #0178d4 }
-.terminal-2835773100-r5 { fill: #575757 }
-.terminal-2835773100-r6 { fill: #4ebf71;font-weight: bold }
-.terminal-2835773100-r7 { fill: #ddedf9;font-weight: bold }
-.terminal-2835773100-r8 { fill: #262626;font-weight: bold }
-.terminal-2835773100-r9 { fill: #e2e2e2 }
-.terminal-2835773100-r10 { fill: #e2e3e3 }
-.terminal-2835773100-r11 { fill: #fea62b;font-weight: bold }
-.terminal-2835773100-r12 { fill: #a7a9ab }
+    .terminal-2913244802-r1 { fill: #c5c8c6 }
+.terminal-2913244802-r2 { fill: #e3e3e3 }
+.terminal-2913244802-r3 { fill: #e1e1e1 }
+.terminal-2913244802-r4 { fill: #0178d4 }
+.terminal-2913244802-r5 { fill: #575757 }
+.terminal-2913244802-r6 { fill: #4ebf71;font-weight: bold }
+.terminal-2913244802-r7 { fill: #ddedf9;font-weight: bold }
+.terminal-2913244802-r8 { fill: #262626;font-weight: bold }
+.terminal-2913244802-r9 { fill: #e2e2e2 }
+.terminal-2913244802-r10 { fill: #e2e3e3 }
+.terminal-2913244802-r11 { fill: #4c5055 }
+.terminal-2913244802-r12 { fill: #fea62b;font-weight: bold }
+.terminal-2913244802-r13 { fill: #a7a9ab }
     </style>
 
     <defs>
-    <clipPath id="terminal-2835773100-clip-terminal">
+    <clipPath id="terminal-2913244802-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-2835773100-line-0">
+    <clipPath id="terminal-2913244802-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-1">
+<clipPath id="terminal-2913244802-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-2">
+<clipPath id="terminal-2913244802-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-3">
+<clipPath id="terminal-2913244802-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-4">
+<clipPath id="terminal-2913244802-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-5">
+<clipPath id="terminal-2913244802-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-6">
+<clipPath id="terminal-2913244802-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-7">
+<clipPath id="terminal-2913244802-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-8">
+<clipPath id="terminal-2913244802-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-9">
+<clipPath id="terminal-2913244802-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-10">
+<clipPath id="terminal-2913244802-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-11">
+<clipPath id="terminal-2913244802-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-12">
+<clipPath id="terminal-2913244802-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-13">
+<clipPath id="terminal-2913244802-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-14">
+<clipPath id="terminal-2913244802-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-15">
+<clipPath id="terminal-2913244802-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-16">
+<clipPath id="terminal-2913244802-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-17">
+<clipPath id="terminal-2913244802-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-18">
+<clipPath id="terminal-2913244802-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-19">
+<clipPath id="terminal-2913244802-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-20">
+<clipPath id="terminal-2913244802-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-21">
+<clipPath id="terminal-2913244802-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-2835773100-line-22">
+<clipPath id="terminal-2913244802-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2835773100-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2913244802-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">SelectionListApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-2835773100-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2913244802-clip-terminal)">
     <rect fill="#282828" x="0" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="12.2" y="1.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="24.4" y="1.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="378.2" y="1.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="573.4" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="0" height="24.65" shape-rendering="crispEdges"/><rect fill="#282828" x="866.2" y="1.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="74.7" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="74.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="99.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="99.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="99.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="122" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="146.4" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#0178d4" x="158.6" y="123.5" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="123.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="147.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="147.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="172.3" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="172.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="196.7" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="221.1" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="221.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="245.5" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="269.9" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="294.3" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="294.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="122" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#575757" x="134.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="146.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="158.6" y="318.7" width="695.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="854" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="318.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="343.1" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="343.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="367.5" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="367.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="391.9" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="391.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="416.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="416.3" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="109.8" y="440.7" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="440.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="97.6" y="465.1" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="878.4" y="465.1" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="829.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-2835773100-matrix">
-    <text class="terminal-2835773100-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2835773100-line-0)">⭘</text><text class="terminal-2835773100-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-2835773100-line-0)">SelectionListApp</text><text class="terminal-2835773100-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2835773100-line-0)">
-</text><text class="terminal-2835773100-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-1)">
-</text><text class="terminal-2835773100-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-2)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="93.2" textLength="780.8" clip-path="url(#terminal-2835773100-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──────────────────────────────────┐</text><text class="terminal-2835773100-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-3)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">│</text><text class="terminal-2835773100-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">│</text><text class="terminal-2835773100-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-4)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">│</text><text class="terminal-2835773100-r5" x="122" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">X</text><text class="terminal-2835773100-r5" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">▌</text><text class="terminal-2835773100-r7" x="158.6" y="142" textLength="695.4" clip-path="url(#terminal-2835773100-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">│</text><text class="terminal-2835773100-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2835773100-line-5)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">│</text><text class="terminal-2835773100-r5" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">X</text><text class="terminal-2835773100-r5" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="166.4" textLength="695.4" clip-path="url(#terminal-2835773100-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">│</text><text class="terminal-2835773100-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-6)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">│</text><text class="terminal-2835773100-r5" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">X</text><text class="terminal-2835773100-r5" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="190.8" textLength="695.4" clip-path="url(#terminal-2835773100-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">│</text><text class="terminal-2835773100-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-7)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">│</text><text class="terminal-2835773100-r5" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">X</text><text class="terminal-2835773100-r5" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="215.2" textLength="695.4" clip-path="url(#terminal-2835773100-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">│</text><text class="terminal-2835773100-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-8)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">│</text><text class="terminal-2835773100-r5" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">X</text><text class="terminal-2835773100-r5" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="239.6" textLength="695.4" clip-path="url(#terminal-2835773100-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">│</text><text class="terminal-2835773100-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-9)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">│</text><text class="terminal-2835773100-r5" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">X</text><text class="terminal-2835773100-r5" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="264" textLength="695.4" clip-path="url(#terminal-2835773100-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">│</text><text class="terminal-2835773100-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2835773100-line-10)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">│</text><text class="terminal-2835773100-r5" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">X</text><text class="terminal-2835773100-r5" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="288.4" textLength="695.4" clip-path="url(#terminal-2835773100-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">│</text><text class="terminal-2835773100-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-11)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">│</text><text class="terminal-2835773100-r5" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">▐</text><text class="terminal-2835773100-r8" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">X</text><text class="terminal-2835773100-r5" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="312.8" textLength="695.4" clip-path="url(#terminal-2835773100-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">│</text><text class="terminal-2835773100-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-12)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">│</text><text class="terminal-2835773100-r5" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">▐</text><text class="terminal-2835773100-r6" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">X</text><text class="terminal-2835773100-r5" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">▌</text><text class="terminal-2835773100-r9" x="158.6" y="337.2" textLength="695.4" clip-path="url(#terminal-2835773100-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2835773100-r4" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">│</text><text class="terminal-2835773100-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-13)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">│</text><text class="terminal-2835773100-r4" x="866.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">│</text><text class="terminal-2835773100-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-14)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">│</text><text class="terminal-2835773100-r4" x="866.2" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">│</text><text class="terminal-2835773100-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2835773100-line-15)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">│</text><text class="terminal-2835773100-r4" x="866.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">│</text><text class="terminal-2835773100-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-16)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">│</text><text class="terminal-2835773100-r4" x="866.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">│</text><text class="terminal-2835773100-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-17)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">│</text><text class="terminal-2835773100-r4" x="866.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">│</text><text class="terminal-2835773100-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2835773100-line-18)">
-</text><text class="terminal-2835773100-r4" x="97.6" y="483.6" textLength="780.8" clip-path="url(#terminal-2835773100-line-19)">└──────────────────────────────────────────────────────────────┘</text><text class="terminal-2835773100-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2835773100-line-19)">
-</text><text class="terminal-2835773100-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2835773100-line-20)">
-</text><text class="terminal-2835773100-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2835773100-line-21)">
-</text><text class="terminal-2835773100-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2835773100-line-22)">
-</text><text class="terminal-2835773100-r11" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2835773100-line-23)">^p</text><text class="terminal-2835773100-r12" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2835773100-line-23)">&#160;palette</text>
+    <g class="terminal-2913244802-matrix">
+    <text class="terminal-2913244802-r2" x="12.2" y="20" textLength="12.2" clip-path="url(#terminal-2913244802-line-0)">⭘</text><text class="terminal-2913244802-r2" x="378.2" y="20" textLength="195.2" clip-path="url(#terminal-2913244802-line-0)">SelectionListApp</text><text class="terminal-2913244802-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2913244802-line-0)">
+</text><text class="terminal-2913244802-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-1)">
+</text><text class="terminal-2913244802-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-2)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="93.2" textLength="780.8" clip-path="url(#terminal-2913244802-line-3)">┌─&#160;Shall&#160;we&#160;play&#160;some&#160;games?&#160;──────────────────────────────────┐</text><text class="terminal-2913244802-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-3)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">│</text><text class="terminal-2913244802-r4" x="866.2" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">│</text><text class="terminal-2913244802-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-4)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">│</text><text class="terminal-2913244802-r5" x="122" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">X</text><text class="terminal-2913244802-r5" x="146.4" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">▌</text><text class="terminal-2913244802-r7" x="158.6" y="142" textLength="695.4" clip-path="url(#terminal-2913244802-line-5)">&#160;Falken&#x27;s&#160;Maze&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">│</text><text class="terminal-2913244802-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2913244802-line-5)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">│</text><text class="terminal-2913244802-r5" x="122" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">X</text><text class="terminal-2913244802-r5" x="146.4" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="166.4" textLength="695.4" clip-path="url(#terminal-2913244802-line-6)">&#160;Black&#160;Jack&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">│</text><text class="terminal-2913244802-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-6)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">│</text><text class="terminal-2913244802-r5" x="122" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">X</text><text class="terminal-2913244802-r5" x="146.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="190.8" textLength="695.4" clip-path="url(#terminal-2913244802-line-7)">&#160;Gin&#160;Rummy&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">│</text><text class="terminal-2913244802-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-7)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">│</text><text class="terminal-2913244802-r5" x="122" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">X</text><text class="terminal-2913244802-r5" x="146.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="215.2" textLength="695.4" clip-path="url(#terminal-2913244802-line-8)">&#160;Hearts&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">│</text><text class="terminal-2913244802-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-8)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">│</text><text class="terminal-2913244802-r5" x="122" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">X</text><text class="terminal-2913244802-r5" x="146.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="239.6" textLength="695.4" clip-path="url(#terminal-2913244802-line-9)">&#160;Bridge&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">│</text><text class="terminal-2913244802-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-9)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">│</text><text class="terminal-2913244802-r5" x="122" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">X</text><text class="terminal-2913244802-r5" x="146.4" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="264" textLength="695.4" clip-path="url(#terminal-2913244802-line-10)">&#160;Checkers&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">│</text><text class="terminal-2913244802-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2913244802-line-10)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">│</text><text class="terminal-2913244802-r5" x="122" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">X</text><text class="terminal-2913244802-r5" x="146.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="288.4" textLength="695.4" clip-path="url(#terminal-2913244802-line-11)">&#160;Chess&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">│</text><text class="terminal-2913244802-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-11)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">│</text><text class="terminal-2913244802-r5" x="122" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">▐</text><text class="terminal-2913244802-r8" x="134.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">X</text><text class="terminal-2913244802-r5" x="146.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="312.8" textLength="695.4" clip-path="url(#terminal-2913244802-line-12)">&#160;Poker&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">│</text><text class="terminal-2913244802-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-12)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">│</text><text class="terminal-2913244802-r5" x="122" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">▐</text><text class="terminal-2913244802-r6" x="134.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">X</text><text class="terminal-2913244802-r5" x="146.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">▌</text><text class="terminal-2913244802-r9" x="158.6" y="337.2" textLength="695.4" clip-path="url(#terminal-2913244802-line-13)">&#160;Fighter&#160;Combat&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-2913244802-r4" x="866.2" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">│</text><text class="terminal-2913244802-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-13)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">│</text><text class="terminal-2913244802-r4" x="866.2" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">│</text><text class="terminal-2913244802-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-14)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">│</text><text class="terminal-2913244802-r4" x="866.2" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">│</text><text class="terminal-2913244802-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2913244802-line-15)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">│</text><text class="terminal-2913244802-r4" x="866.2" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">│</text><text class="terminal-2913244802-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-16)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">│</text><text class="terminal-2913244802-r4" x="866.2" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">│</text><text class="terminal-2913244802-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-17)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">│</text><text class="terminal-2913244802-r4" x="866.2" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">│</text><text class="terminal-2913244802-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-18)">
+</text><text class="terminal-2913244802-r4" x="97.6" y="483.6" textLength="780.8" clip-path="url(#terminal-2913244802-line-19)">└──────────────────────────────────────────────────────────────┘</text><text class="terminal-2913244802-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2913244802-line-19)">
+</text><text class="terminal-2913244802-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2913244802-line-20)">
+</text><text class="terminal-2913244802-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2913244802-line-21)">
+</text><text class="terminal-2913244802-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2913244802-line-22)">
+</text><text class="terminal-2913244802-r11" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2913244802-line-23)">▏</text><text class="terminal-2913244802-r12" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2913244802-line-23)">^p</text><text class="terminal-2913244802-r13" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2913244802-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg
index f3e6b5f7bd..f494317b8f 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_tabbed_content.svg
@@ -19,141 +19,142 @@
         font-weight: 700;
     }
 
-    .terminal-1874047083-matrix {
+    .terminal-1583468609-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-1874047083-title {
+    .terminal-1583468609-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-1874047083-r1 { fill: #c5c8c6 }
-.terminal-1874047083-r2 { fill: #e1e1e1 }
-.terminal-1874047083-r3 { fill: #737373 }
-.terminal-1874047083-r4 { fill: #e1e1e1;font-weight: bold }
-.terminal-1874047083-r5 { fill: #474747 }
-.terminal-1874047083-r6 { fill: #0178d4 }
-.terminal-1874047083-r7 { fill: #4ebf71;font-weight: bold }
-.terminal-1874047083-r8 { fill: #323232 }
-.terminal-1874047083-r9 { fill: #fea62b;font-weight: bold }
-.terminal-1874047083-r10 { fill: #a7a9ab }
-.terminal-1874047083-r11 { fill: #e2e3e3 }
+    .terminal-1583468609-r1 { fill: #c5c8c6 }
+.terminal-1583468609-r2 { fill: #e1e1e1 }
+.terminal-1583468609-r3 { fill: #737373 }
+.terminal-1583468609-r4 { fill: #e1e1e1;font-weight: bold }
+.terminal-1583468609-r5 { fill: #474747 }
+.terminal-1583468609-r6 { fill: #0178d4 }
+.terminal-1583468609-r7 { fill: #4ebf71;font-weight: bold }
+.terminal-1583468609-r8 { fill: #323232 }
+.terminal-1583468609-r9 { fill: #fea62b;font-weight: bold }
+.terminal-1583468609-r10 { fill: #a7a9ab }
+.terminal-1583468609-r11 { fill: #e2e3e3 }
+.terminal-1583468609-r12 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-1874047083-clip-terminal">
+    <clipPath id="terminal-1583468609-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-1874047083-line-0">
+    <clipPath id="terminal-1583468609-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-1">
+<clipPath id="terminal-1583468609-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-2">
+<clipPath id="terminal-1583468609-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-3">
+<clipPath id="terminal-1583468609-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-4">
+<clipPath id="terminal-1583468609-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-5">
+<clipPath id="terminal-1583468609-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-6">
+<clipPath id="terminal-1583468609-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-7">
+<clipPath id="terminal-1583468609-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-8">
+<clipPath id="terminal-1583468609-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-9">
+<clipPath id="terminal-1583468609-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-10">
+<clipPath id="terminal-1583468609-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-11">
+<clipPath id="terminal-1583468609-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-12">
+<clipPath id="terminal-1583468609-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-13">
+<clipPath id="terminal-1583468609-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-14">
+<clipPath id="terminal-1583468609-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-15">
+<clipPath id="terminal-1583468609-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-16">
+<clipPath id="terminal-1583468609-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-17">
+<clipPath id="terminal-1583468609-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-18">
+<clipPath id="terminal-1583468609-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-19">
+<clipPath id="terminal-1583468609-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-20">
+<clipPath id="terminal-1583468609-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-21">
+<clipPath id="terminal-1583468609-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-1874047083-line-22">
+<clipPath id="terminal-1583468609-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1874047083-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TabbedApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1583468609-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">TabbedApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-1874047083-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1583468609-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="1.5" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="73.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="231.8" y="25.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="280.6" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="292.8" y="25.9" width="683.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="109.8" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="50.3" width="780.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="99.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="123.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="414.8" y="147.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="561.2" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="172.3" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="196.7" width="817.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="841.8" y="196.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="221.1" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="245.5" width="927.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="269.9" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="294.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="134.2" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="183" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="195.2" y="294.3" width="756.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="97.6" y="318.7" width="854" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="48.8" y="367.5" width="878.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="927.2" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="97.6" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="231.8" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="268.4" y="562.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="562.7" width="500.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-1874047083-matrix">
-    <text class="terminal-1874047083-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1874047083-line-0)">
-</text><text class="terminal-1874047083-r3" x="24.4" y="44.4" textLength="48.8" clip-path="url(#terminal-1874047083-line-1)">Leto</text><text class="terminal-1874047083-r4" x="109.8" y="44.4" textLength="85.4" clip-path="url(#terminal-1874047083-line-1)">Jessica</text><text class="terminal-1874047083-r3" x="231.8" y="44.4" textLength="48.8" clip-path="url(#terminal-1874047083-line-1)">Paul</text><text class="terminal-1874047083-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1874047083-line-1)">
-</text><text class="terminal-1874047083-r5" x="0" y="68.8" textLength="109.8" clip-path="url(#terminal-1874047083-line-2)">━━━━━━━━╸</text><text class="terminal-1874047083-r6" x="109.8" y="68.8" textLength="85.4" clip-path="url(#terminal-1874047083-line-2)">━━━━━━━</text><text class="terminal-1874047083-r5" x="195.2" y="68.8" textLength="780.8" clip-path="url(#terminal-1874047083-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1874047083-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1874047083-line-2)">
-</text><text class="terminal-1874047083-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1874047083-line-3)">
-</text><text class="terminal-1874047083-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1874047083-line-4)">
-</text><text class="terminal-1874047083-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1874047083-line-5)">
-</text><text class="terminal-1874047083-r7" x="414.8" y="166.4" textLength="146.4" clip-path="url(#terminal-1874047083-line-6)">Lady&#160;Jessica</text><text class="terminal-1874047083-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1874047083-line-6)">
-</text><text class="terminal-1874047083-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1874047083-line-7)">
-</text><text class="terminal-1874047083-r2" x="24.4" y="215.2" textLength="817.4" clip-path="url(#terminal-1874047083-line-8)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-1874047083-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1874047083-line-8)">
-</text><text class="terminal-1874047083-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1874047083-line-9)">
-</text><text class="terminal-1874047083-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1874047083-line-10)">
-</text><text class="terminal-1874047083-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1874047083-line-11)">
-</text><text class="terminal-1874047083-r4" x="48.8" y="312.8" textLength="48.8" clip-path="url(#terminal-1874047083-line-12)">Paul</text><text class="terminal-1874047083-r3" x="134.2" y="312.8" textLength="48.8" clip-path="url(#terminal-1874047083-line-12)">Alia</text><text class="terminal-1874047083-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1874047083-line-12)">
-</text><text class="terminal-1874047083-r8" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-1874047083-line-13)">━╸</text><text class="terminal-1874047083-r6" x="48.8" y="337.2" textLength="48.8" clip-path="url(#terminal-1874047083-line-13)">━━━━</text><text class="terminal-1874047083-r8" x="97.6" y="337.2" textLength="854" clip-path="url(#terminal-1874047083-line-13)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1874047083-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1874047083-line-13)">
-</text><text class="terminal-1874047083-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1874047083-line-14)">
-</text><text class="terminal-1874047083-r2" x="48.8" y="386" textLength="878.4" clip-path="url(#terminal-1874047083-line-15)">First&#160;child&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1874047083-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1874047083-line-15)">
-</text><text class="terminal-1874047083-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1874047083-line-16)">
-</text><text class="terminal-1874047083-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1874047083-line-17)">
-</text><text class="terminal-1874047083-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1874047083-line-18)">
-</text><text class="terminal-1874047083-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1874047083-line-19)">
-</text><text class="terminal-1874047083-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1874047083-line-20)">
-</text><text class="terminal-1874047083-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1874047083-line-21)">
-</text><text class="terminal-1874047083-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1874047083-line-22)">
-</text><text class="terminal-1874047083-r9" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1874047083-line-23)">&#160;l&#160;</text><text class="terminal-1874047083-r10" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-1874047083-line-23)">Leto&#160;</text><text class="terminal-1874047083-r9" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-1874047083-line-23)">&#160;j&#160;</text><text class="terminal-1874047083-r10" x="134.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1874047083-line-23)">Jessica&#160;</text><text class="terminal-1874047083-r9" x="231.8" y="581.2" textLength="36.6" clip-path="url(#terminal-1874047083-line-23)">&#160;p&#160;</text><text class="terminal-1874047083-r10" x="268.4" y="581.2" textLength="61" clip-path="url(#terminal-1874047083-line-23)">Paul&#160;</text><text class="terminal-1874047083-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1874047083-line-23)">^p</text><text class="terminal-1874047083-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1874047083-line-23)">&#160;palette</text>
+    <g class="terminal-1583468609-matrix">
+    <text class="terminal-1583468609-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1583468609-line-0)">
+</text><text class="terminal-1583468609-r3" x="24.4" y="44.4" textLength="48.8" clip-path="url(#terminal-1583468609-line-1)">Leto</text><text class="terminal-1583468609-r4" x="109.8" y="44.4" textLength="85.4" clip-path="url(#terminal-1583468609-line-1)">Jessica</text><text class="terminal-1583468609-r3" x="231.8" y="44.4" textLength="48.8" clip-path="url(#terminal-1583468609-line-1)">Paul</text><text class="terminal-1583468609-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1583468609-line-1)">
+</text><text class="terminal-1583468609-r5" x="0" y="68.8" textLength="109.8" clip-path="url(#terminal-1583468609-line-2)">━━━━━━━━╸</text><text class="terminal-1583468609-r6" x="109.8" y="68.8" textLength="85.4" clip-path="url(#terminal-1583468609-line-2)">━━━━━━━</text><text class="terminal-1583468609-r5" x="195.2" y="68.8" textLength="780.8" clip-path="url(#terminal-1583468609-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1583468609-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1583468609-line-2)">
+</text><text class="terminal-1583468609-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1583468609-line-3)">
+</text><text class="terminal-1583468609-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1583468609-line-4)">
+</text><text class="terminal-1583468609-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1583468609-line-5)">
+</text><text class="terminal-1583468609-r7" x="414.8" y="166.4" textLength="146.4" clip-path="url(#terminal-1583468609-line-6)">Lady&#160;Jessica</text><text class="terminal-1583468609-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1583468609-line-6)">
+</text><text class="terminal-1583468609-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1583468609-line-7)">
+</text><text class="terminal-1583468609-r2" x="24.4" y="215.2" textLength="817.4" clip-path="url(#terminal-1583468609-line-8)">&#160;&#160;Bene&#160;Gesserit&#160;and&#160;concubine&#160;of&#160;Leto,&#160;and&#160;mother&#160;of&#160;Paul&#160;and&#160;Alia.</text><text class="terminal-1583468609-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1583468609-line-8)">
+</text><text class="terminal-1583468609-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1583468609-line-9)">
+</text><text class="terminal-1583468609-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1583468609-line-10)">
+</text><text class="terminal-1583468609-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1583468609-line-11)">
+</text><text class="terminal-1583468609-r4" x="48.8" y="312.8" textLength="48.8" clip-path="url(#terminal-1583468609-line-12)">Paul</text><text class="terminal-1583468609-r3" x="134.2" y="312.8" textLength="48.8" clip-path="url(#terminal-1583468609-line-12)">Alia</text><text class="terminal-1583468609-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1583468609-line-12)">
+</text><text class="terminal-1583468609-r8" x="24.4" y="337.2" textLength="24.4" clip-path="url(#terminal-1583468609-line-13)">━╸</text><text class="terminal-1583468609-r6" x="48.8" y="337.2" textLength="48.8" clip-path="url(#terminal-1583468609-line-13)">━━━━</text><text class="terminal-1583468609-r8" x="97.6" y="337.2" textLength="854" clip-path="url(#terminal-1583468609-line-13)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-1583468609-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1583468609-line-13)">
+</text><text class="terminal-1583468609-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1583468609-line-14)">
+</text><text class="terminal-1583468609-r2" x="48.8" y="386" textLength="878.4" clip-path="url(#terminal-1583468609-line-15)">First&#160;child&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1583468609-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1583468609-line-15)">
+</text><text class="terminal-1583468609-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1583468609-line-16)">
+</text><text class="terminal-1583468609-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1583468609-line-17)">
+</text><text class="terminal-1583468609-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1583468609-line-18)">
+</text><text class="terminal-1583468609-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1583468609-line-19)">
+</text><text class="terminal-1583468609-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1583468609-line-20)">
+</text><text class="terminal-1583468609-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1583468609-line-21)">
+</text><text class="terminal-1583468609-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1583468609-line-22)">
+</text><text class="terminal-1583468609-r9" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-1583468609-line-23)">&#160;l&#160;</text><text class="terminal-1583468609-r10" x="36.6" y="581.2" textLength="61" clip-path="url(#terminal-1583468609-line-23)">Leto&#160;</text><text class="terminal-1583468609-r9" x="97.6" y="581.2" textLength="36.6" clip-path="url(#terminal-1583468609-line-23)">&#160;j&#160;</text><text class="terminal-1583468609-r10" x="134.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1583468609-line-23)">Jessica&#160;</text><text class="terminal-1583468609-r9" x="231.8" y="581.2" textLength="36.6" clip-path="url(#terminal-1583468609-line-23)">&#160;p&#160;</text><text class="terminal-1583468609-r10" x="268.4" y="581.2" textLength="61" clip-path="url(#terminal-1583468609-line-23)">Paul&#160;</text><text class="terminal-1583468609-r12" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1583468609-line-23)">▏</text><text class="terminal-1583468609-r9" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1583468609-line-23)">^p</text><text class="terminal-1583468609-r10" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1583468609-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg
index fc1f03fed4..c99e19bf39 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_colors_preview.svg
@@ -19,153 +19,154 @@
         font-weight: 700;
     }
 
-    .terminal-966324697-matrix {
+    .terminal-2699956670-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-966324697-title {
+    .terminal-2699956670-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-966324697-r1 { fill: #c5c8c6 }
-.terminal-966324697-r2 { fill: #e1e1e1 }
-.terminal-966324697-r3 { fill: #e1e1e1;font-weight: bold }
-.terminal-966324697-r4 { fill: #737373 }
-.terminal-966324697-r5 { fill: #474747 }
-.terminal-966324697-r6 { fill: #0178d4 }
-.terminal-966324697-r7 { fill: #454a50 }
-.terminal-966324697-r8 { fill: #e0e0e0 }
-.terminal-966324697-r9 { fill: #e2e3e3;font-weight: bold }
-.terminal-966324697-r10 { fill: #000000 }
-.terminal-966324697-r11 { fill: #1e1e1e }
-.terminal-966324697-r12 { fill: #dde0e6 }
-.terminal-966324697-r13 { fill: #99a1b3 }
-.terminal-966324697-r14 { fill: #dde2e8 }
-.terminal-966324697-r15 { fill: #99a7b9 }
-.terminal-966324697-r16 { fill: #dde4ea }
-.terminal-966324697-r17 { fill: #99adc1 }
-.terminal-966324697-r18 { fill: #dde6ed }
-.terminal-966324697-r19 { fill: #99b4c9 }
-.terminal-966324697-r20 { fill: #23568b }
-.terminal-966324697-r21 { fill: #fea62b;font-weight: bold }
-.terminal-966324697-r22 { fill: #a7a9ab }
-.terminal-966324697-r23 { fill: #e2e3e3 }
+    .terminal-2699956670-r1 { fill: #c5c8c6 }
+.terminal-2699956670-r2 { fill: #e1e1e1 }
+.terminal-2699956670-r3 { fill: #e1e1e1;font-weight: bold }
+.terminal-2699956670-r4 { fill: #737373 }
+.terminal-2699956670-r5 { fill: #474747 }
+.terminal-2699956670-r6 { fill: #0178d4 }
+.terminal-2699956670-r7 { fill: #454a50 }
+.terminal-2699956670-r8 { fill: #e0e0e0 }
+.terminal-2699956670-r9 { fill: #e2e3e3;font-weight: bold }
+.terminal-2699956670-r10 { fill: #000000 }
+.terminal-2699956670-r11 { fill: #1e1e1e }
+.terminal-2699956670-r12 { fill: #dde0e6 }
+.terminal-2699956670-r13 { fill: #99a1b3 }
+.terminal-2699956670-r14 { fill: #dde2e8 }
+.terminal-2699956670-r15 { fill: #99a7b9 }
+.terminal-2699956670-r16 { fill: #dde4ea }
+.terminal-2699956670-r17 { fill: #99adc1 }
+.terminal-2699956670-r18 { fill: #dde6ed }
+.terminal-2699956670-r19 { fill: #99b4c9 }
+.terminal-2699956670-r20 { fill: #23568b }
+.terminal-2699956670-r21 { fill: #fea62b;font-weight: bold }
+.terminal-2699956670-r22 { fill: #a7a9ab }
+.terminal-2699956670-r23 { fill: #e2e3e3 }
+.terminal-2699956670-r24 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-966324697-clip-terminal">
+    <clipPath id="terminal-2699956670-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-966324697-line-0">
+    <clipPath id="terminal-2699956670-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-1">
+<clipPath id="terminal-2699956670-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-2">
+<clipPath id="terminal-2699956670-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-3">
+<clipPath id="terminal-2699956670-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-4">
+<clipPath id="terminal-2699956670-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-5">
+<clipPath id="terminal-2699956670-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-6">
+<clipPath id="terminal-2699956670-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-7">
+<clipPath id="terminal-2699956670-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-8">
+<clipPath id="terminal-2699956670-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-9">
+<clipPath id="terminal-2699956670-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-10">
+<clipPath id="terminal-2699956670-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-11">
+<clipPath id="terminal-2699956670-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-12">
+<clipPath id="terminal-2699956670-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-13">
+<clipPath id="terminal-2699956670-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-14">
+<clipPath id="terminal-2699956670-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-15">
+<clipPath id="terminal-2699956670-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-16">
+<clipPath id="terminal-2699956670-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-17">
+<clipPath id="terminal-2699956670-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-18">
+<clipPath id="terminal-2699956670-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-19">
+<clipPath id="terminal-2699956670-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-20">
+<clipPath id="terminal-2699956670-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-21">
+<clipPath id="terminal-2699956670-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-966324697-line-22">
+<clipPath id="terminal-2699956670-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-966324697-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ColorsApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-2699956670-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">ColorsApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-966324697-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-2699956670-clip-terminal)">
     <rect fill="#1e1e1e" x="0" y="1.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="1.5" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="25.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="25.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="207.4" y="25.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="353.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="366" y="25.9" width="610" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="24.4" y="50.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="170.8" y="50.3" width="805.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="74.7" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="99.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="390.4" y="99.1" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="927.2" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="123.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="123.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="123.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="390.4" y="123.5" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="147.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="390.4" y="147.9" width="536.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="172.3" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="172.3" width="524.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="196.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="196.7" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="256.2" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="196.7" width="414.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="817.4" y="196.7" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="221.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="221.1" width="524.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="245.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="451.4" y="245.5" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="122" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="268.4" y="269.9" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="269.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="451.4" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="573.4" y="269.9" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="780.8" y="269.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="902.8" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="294.3" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="366" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="294.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#001541" x="451.4" y="294.3" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="318.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="451.4" y="318.7" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="73.2" y="343.1" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="317.2" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="343.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="451.4" y="343.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="573.4" y="343.1" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="780.8" y="343.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="902.8" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="367.5" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="367.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#002452" x="451.4" y="367.5" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="391.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="451.4" y="391.9" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="416.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="61" y="416.3" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="329.4" y="416.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="451.4" y="416.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="573.4" y="416.3" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="780.8" y="416.3" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="902.8" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="440.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#003465" x="451.4" y="440.7" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="465.1" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="465.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="451.4" y="465.1" width="475.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="489.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="134.2" y="489.5" width="109.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="489.5" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="390.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="402.6" y="489.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="451.4" y="489.5" width="170.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="622.2" y="489.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="719.8" y="489.5" width="183" height="24.65" shape-rendering="crispEdges"/><rect fill="#004578" x="902.8" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="513.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="366" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="390.4" y="513.9" width="292.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="683.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="695.4" y="513.9" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="927.2" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="951.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="0" y="538.3" width="976" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="562.7" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="585.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-966324697-matrix">
-    <text class="terminal-966324697-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-966324697-line-0)">
-</text><text class="terminal-966324697-r3" x="24.4" y="44.4" textLength="146.4" clip-path="url(#terminal-966324697-line-1)">Theme&#160;Colors</text><text class="terminal-966324697-r4" x="207.4" y="44.4" textLength="146.4" clip-path="url(#terminal-966324697-line-1)">Named&#160;Colors</text><text class="terminal-966324697-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-966324697-line-1)">
-</text><text class="terminal-966324697-r5" x="0" y="68.8" textLength="24.4" clip-path="url(#terminal-966324697-line-2)">━╸</text><text class="terminal-966324697-r6" x="24.4" y="68.8" textLength="146.4" clip-path="url(#terminal-966324697-line-2)">━━━━━━━━━━━━</text><text class="terminal-966324697-r5" x="170.8" y="68.8" textLength="805.2" clip-path="url(#terminal-966324697-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-966324697-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-966324697-line-2)">
-</text><text class="terminal-966324697-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-966324697-line-3)">
-</text><text class="terminal-966324697-r7" x="24.4" y="117.6" textLength="341.6" clip-path="url(#terminal-966324697-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-966324697-line-4)">
-</text><text class="terminal-966324697-r9" x="134.2" y="142" textLength="109.8" clip-path="url(#terminal-966324697-line-5)">&#160;primary&#160;</text><text class="terminal-966324697-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-966324697-line-5)">
-</text><text class="terminal-966324697-r10" x="24.4" y="166.4" textLength="341.6" clip-path="url(#terminal-966324697-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r11" x="390.4" y="166.4" textLength="536.8" clip-path="url(#terminal-966324697-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-966324697-line-6)">
-</text><text class="terminal-966324697-r7" x="24.4" y="190.8" textLength="341.6" clip-path="url(#terminal-966324697-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r11" x="390.4" y="190.8" textLength="12.2" clip-path="url(#terminal-966324697-line-7)">▎</text><text class="terminal-966324697-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-966324697-line-7)">
-</text><text class="terminal-966324697-r9" x="122" y="215.2" textLength="134.2" clip-path="url(#terminal-966324697-line-8)">&#160;secondary&#160;</text><text class="terminal-966324697-r11" x="390.4" y="215.2" textLength="12.2" clip-path="url(#terminal-966324697-line-8)">▎</text><text class="terminal-966324697-r3" x="817.4" y="215.2" textLength="109.8" clip-path="url(#terminal-966324697-line-8)">&quot;primary&quot;</text><text class="terminal-966324697-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-966324697-line-8)">
-</text><text class="terminal-966324697-r10" x="24.4" y="239.6" textLength="341.6" clip-path="url(#terminal-966324697-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r11" x="390.4" y="239.6" textLength="12.2" clip-path="url(#terminal-966324697-line-9)">▎</text><text class="terminal-966324697-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-966324697-line-9)">
-</text><text class="terminal-966324697-r7" x="24.4" y="264" textLength="341.6" clip-path="url(#terminal-966324697-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r11" x="390.4" y="264" textLength="12.2" clip-path="url(#terminal-966324697-line-10)">▎</text><text class="terminal-966324697-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-966324697-line-10)">
-</text><text class="terminal-966324697-r9" x="122" y="288.4" textLength="146.4" clip-path="url(#terminal-966324697-line-11)">&#160;background&#160;</text><text class="terminal-966324697-r11" x="390.4" y="288.4" textLength="12.2" clip-path="url(#terminal-966324697-line-11)">▎</text><text class="terminal-966324697-r12" x="573.4" y="288.4" textLength="207.4" clip-path="url(#terminal-966324697-line-11)">$primary-darken-3</text><text class="terminal-966324697-r13" x="902.8" y="288.4" textLength="24.4" clip-path="url(#terminal-966324697-line-11)">$t</text><text class="terminal-966324697-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-966324697-line-11)">
-</text><text class="terminal-966324697-r10" x="24.4" y="312.8" textLength="341.6" clip-path="url(#terminal-966324697-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r11" x="390.4" y="312.8" textLength="12.2" clip-path="url(#terminal-966324697-line-12)">▎</text><text class="terminal-966324697-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-966324697-line-12)">
-</text><text class="terminal-966324697-r7" x="24.4" y="337.2" textLength="341.6" clip-path="url(#terminal-966324697-line-13)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r11" x="390.4" y="337.2" textLength="12.2" clip-path="url(#terminal-966324697-line-13)">▎</text><text class="terminal-966324697-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-966324697-line-13)">
-</text><text class="terminal-966324697-r9" x="73.2" y="361.6" textLength="244" clip-path="url(#terminal-966324697-line-14)">&#160;primary-background&#160;</text><text class="terminal-966324697-r11" x="390.4" y="361.6" textLength="12.2" clip-path="url(#terminal-966324697-line-14)">▎</text><text class="terminal-966324697-r14" x="573.4" y="361.6" textLength="207.4" clip-path="url(#terminal-966324697-line-14)">$primary-darken-2</text><text class="terminal-966324697-r15" x="902.8" y="361.6" textLength="24.4" clip-path="url(#terminal-966324697-line-14)">$t</text><text class="terminal-966324697-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-966324697-line-14)">
-</text><text class="terminal-966324697-r10" x="24.4" y="386" textLength="341.6" clip-path="url(#terminal-966324697-line-15)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r11" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-966324697-line-15)">▎</text><text class="terminal-966324697-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-966324697-line-15)">
-</text><text class="terminal-966324697-r7" x="24.4" y="410.4" textLength="341.6" clip-path="url(#terminal-966324697-line-16)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r11" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-966324697-line-16)">▎</text><text class="terminal-966324697-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-966324697-line-16)">
-</text><text class="terminal-966324697-r9" x="61" y="434.8" textLength="268.4" clip-path="url(#terminal-966324697-line-17)">&#160;secondary-background&#160;</text><text class="terminal-966324697-r11" x="390.4" y="434.8" textLength="12.2" clip-path="url(#terminal-966324697-line-17)">▎</text><text class="terminal-966324697-r16" x="573.4" y="434.8" textLength="207.4" clip-path="url(#terminal-966324697-line-17)">$primary-darken-1</text><text class="terminal-966324697-r17" x="902.8" y="434.8" textLength="24.4" clip-path="url(#terminal-966324697-line-17)">$t</text><text class="terminal-966324697-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-966324697-line-17)">
-</text><text class="terminal-966324697-r10" x="24.4" y="459.2" textLength="341.6" clip-path="url(#terminal-966324697-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r11" x="390.4" y="459.2" textLength="12.2" clip-path="url(#terminal-966324697-line-18)">▎</text><text class="terminal-966324697-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-966324697-line-18)">
-</text><text class="terminal-966324697-r7" x="24.4" y="483.6" textLength="341.6" clip-path="url(#terminal-966324697-line-19)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-966324697-r11" x="390.4" y="483.6" textLength="12.2" clip-path="url(#terminal-966324697-line-19)">▎</text><text class="terminal-966324697-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-966324697-line-19)">
-</text><text class="terminal-966324697-r9" x="134.2" y="508" textLength="109.8" clip-path="url(#terminal-966324697-line-20)">&#160;surface&#160;</text><text class="terminal-966324697-r11" x="390.4" y="508" textLength="12.2" clip-path="url(#terminal-966324697-line-20)">▎</text><text class="terminal-966324697-r18" x="622.2" y="508" textLength="97.6" clip-path="url(#terminal-966324697-line-20)">$primary</text><text class="terminal-966324697-r19" x="902.8" y="508" textLength="24.4" clip-path="url(#terminal-966324697-line-20)">$t</text><text class="terminal-966324697-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-966324697-line-20)">
-</text><text class="terminal-966324697-r10" x="24.4" y="532.4" textLength="341.6" clip-path="url(#terminal-966324697-line-21)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-966324697-r20" x="683.2" y="532.4" textLength="12.2" clip-path="url(#terminal-966324697-line-21)">▎</text><text class="terminal-966324697-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-966324697-line-21)">
-</text><text class="terminal-966324697-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-966324697-line-22)">
-</text><text class="terminal-966324697-r21" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-966324697-line-23)">&#160;d&#160;</text><text class="terminal-966324697-r22" x="36.6" y="581.2" textLength="207.4" clip-path="url(#terminal-966324697-line-23)">Toggle&#160;dark&#160;mode&#160;</text><text class="terminal-966324697-r21" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-966324697-line-23)">^p</text><text class="terminal-966324697-r22" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-966324697-line-23)">&#160;palette</text>
+    <g class="terminal-2699956670-matrix">
+    <text class="terminal-2699956670-r1" x="976" y="20" textLength="12.2" clip-path="url(#terminal-2699956670-line-0)">
+</text><text class="terminal-2699956670-r3" x="24.4" y="44.4" textLength="146.4" clip-path="url(#terminal-2699956670-line-1)">Theme&#160;Colors</text><text class="terminal-2699956670-r4" x="207.4" y="44.4" textLength="146.4" clip-path="url(#terminal-2699956670-line-1)">Named&#160;Colors</text><text class="terminal-2699956670-r1" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-1)">
+</text><text class="terminal-2699956670-r5" x="0" y="68.8" textLength="24.4" clip-path="url(#terminal-2699956670-line-2)">━╸</text><text class="terminal-2699956670-r6" x="24.4" y="68.8" textLength="146.4" clip-path="url(#terminal-2699956670-line-2)">━━━━━━━━━━━━</text><text class="terminal-2699956670-r5" x="170.8" y="68.8" textLength="805.2" clip-path="url(#terminal-2699956670-line-2)">╺━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━</text><text class="terminal-2699956670-r1" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-2)">
+</text><text class="terminal-2699956670-r1" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-3)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="117.6" textLength="341.6" clip-path="url(#terminal-2699956670-line-4)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r1" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-4)">
+</text><text class="terminal-2699956670-r9" x="134.2" y="142" textLength="109.8" clip-path="url(#terminal-2699956670-line-5)">&#160;primary&#160;</text><text class="terminal-2699956670-r1" x="976" y="142" textLength="12.2" clip-path="url(#terminal-2699956670-line-5)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="166.4" textLength="341.6" clip-path="url(#terminal-2699956670-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r11" x="390.4" y="166.4" textLength="536.8" clip-path="url(#terminal-2699956670-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r1" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-6)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="190.8" textLength="341.6" clip-path="url(#terminal-2699956670-line-7)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r11" x="390.4" y="190.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-7)">▎</text><text class="terminal-2699956670-r1" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-7)">
+</text><text class="terminal-2699956670-r9" x="122" y="215.2" textLength="134.2" clip-path="url(#terminal-2699956670-line-8)">&#160;secondary&#160;</text><text class="terminal-2699956670-r11" x="390.4" y="215.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-8)">▎</text><text class="terminal-2699956670-r3" x="817.4" y="215.2" textLength="109.8" clip-path="url(#terminal-2699956670-line-8)">&quot;primary&quot;</text><text class="terminal-2699956670-r1" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-8)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="239.6" textLength="341.6" clip-path="url(#terminal-2699956670-line-9)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r11" x="390.4" y="239.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-9)">▎</text><text class="terminal-2699956670-r1" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-9)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="264" textLength="341.6" clip-path="url(#terminal-2699956670-line-10)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r11" x="390.4" y="264" textLength="12.2" clip-path="url(#terminal-2699956670-line-10)">▎</text><text class="terminal-2699956670-r1" x="976" y="264" textLength="12.2" clip-path="url(#terminal-2699956670-line-10)">
+</text><text class="terminal-2699956670-r9" x="122" y="288.4" textLength="146.4" clip-path="url(#terminal-2699956670-line-11)">&#160;background&#160;</text><text class="terminal-2699956670-r11" x="390.4" y="288.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-11)">▎</text><text class="terminal-2699956670-r12" x="573.4" y="288.4" textLength="207.4" clip-path="url(#terminal-2699956670-line-11)">$primary-darken-3</text><text class="terminal-2699956670-r13" x="902.8" y="288.4" textLength="24.4" clip-path="url(#terminal-2699956670-line-11)">$t</text><text class="terminal-2699956670-r1" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-11)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="312.8" textLength="341.6" clip-path="url(#terminal-2699956670-line-12)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r11" x="390.4" y="312.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-12)">▎</text><text class="terminal-2699956670-r1" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-12)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="337.2" textLength="341.6" clip-path="url(#terminal-2699956670-line-13)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r11" x="390.4" y="337.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-13)">▎</text><text class="terminal-2699956670-r1" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-13)">
+</text><text class="terminal-2699956670-r9" x="73.2" y="361.6" textLength="244" clip-path="url(#terminal-2699956670-line-14)">&#160;primary-background&#160;</text><text class="terminal-2699956670-r11" x="390.4" y="361.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-14)">▎</text><text class="terminal-2699956670-r14" x="573.4" y="361.6" textLength="207.4" clip-path="url(#terminal-2699956670-line-14)">$primary-darken-2</text><text class="terminal-2699956670-r15" x="902.8" y="361.6" textLength="24.4" clip-path="url(#terminal-2699956670-line-14)">$t</text><text class="terminal-2699956670-r1" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-14)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="386" textLength="341.6" clip-path="url(#terminal-2699956670-line-15)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r11" x="390.4" y="386" textLength="12.2" clip-path="url(#terminal-2699956670-line-15)">▎</text><text class="terminal-2699956670-r1" x="976" y="386" textLength="12.2" clip-path="url(#terminal-2699956670-line-15)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="410.4" textLength="341.6" clip-path="url(#terminal-2699956670-line-16)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r11" x="390.4" y="410.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-16)">▎</text><text class="terminal-2699956670-r1" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-16)">
+</text><text class="terminal-2699956670-r9" x="61" y="434.8" textLength="268.4" clip-path="url(#terminal-2699956670-line-17)">&#160;secondary-background&#160;</text><text class="terminal-2699956670-r11" x="390.4" y="434.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-17)">▎</text><text class="terminal-2699956670-r16" x="573.4" y="434.8" textLength="207.4" clip-path="url(#terminal-2699956670-line-17)">$primary-darken-1</text><text class="terminal-2699956670-r17" x="902.8" y="434.8" textLength="24.4" clip-path="url(#terminal-2699956670-line-17)">$t</text><text class="terminal-2699956670-r1" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-17)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="459.2" textLength="341.6" clip-path="url(#terminal-2699956670-line-18)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r11" x="390.4" y="459.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-18)">▎</text><text class="terminal-2699956670-r1" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-18)">
+</text><text class="terminal-2699956670-r7" x="24.4" y="483.6" textLength="341.6" clip-path="url(#terminal-2699956670-line-19)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-2699956670-r11" x="390.4" y="483.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-19)">▎</text><text class="terminal-2699956670-r1" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-2699956670-line-19)">
+</text><text class="terminal-2699956670-r9" x="134.2" y="508" textLength="109.8" clip-path="url(#terminal-2699956670-line-20)">&#160;surface&#160;</text><text class="terminal-2699956670-r11" x="390.4" y="508" textLength="12.2" clip-path="url(#terminal-2699956670-line-20)">▎</text><text class="terminal-2699956670-r18" x="622.2" y="508" textLength="97.6" clip-path="url(#terminal-2699956670-line-20)">$primary</text><text class="terminal-2699956670-r19" x="902.8" y="508" textLength="24.4" clip-path="url(#terminal-2699956670-line-20)">$t</text><text class="terminal-2699956670-r1" x="976" y="508" textLength="12.2" clip-path="url(#terminal-2699956670-line-20)">
+</text><text class="terminal-2699956670-r10" x="24.4" y="532.4" textLength="341.6" clip-path="url(#terminal-2699956670-line-21)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-2699956670-r20" x="683.2" y="532.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-21)">▎</text><text class="terminal-2699956670-r1" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-2699956670-line-21)">
+</text><text class="terminal-2699956670-r1" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-2699956670-line-22)">
+</text><text class="terminal-2699956670-r21" x="0" y="581.2" textLength="36.6" clip-path="url(#terminal-2699956670-line-23)">&#160;d&#160;</text><text class="terminal-2699956670-r22" x="36.6" y="581.2" textLength="207.4" clip-path="url(#terminal-2699956670-line-23)">Toggle&#160;dark&#160;mode&#160;</text><text class="terminal-2699956670-r24" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-2699956670-line-23)">▏</text><text class="terminal-2699956670-r21" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-2699956670-line-23)">^p</text><text class="terminal-2699956670-r22" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-2699956670-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg
index 2fde599710..e9a96536ab 100644
--- a/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg
+++ b/tests/snapshot_tests/__snapshots__/test_snapshots/test_textual_dev_easing_preview.svg
@@ -19,149 +19,150 @@
         font-weight: 700;
     }
 
-    .terminal-4058341162-matrix {
+    .terminal-1586593536-matrix {
         font-family: Fira Code, monospace;
         font-size: 20px;
         line-height: 24.4px;
         font-variant-east-asian: full-width;
     }
 
-    .terminal-4058341162-title {
+    .terminal-1586593536-title {
         font-size: 18px;
         font-weight: bold;
         font-family: arial;
     }
 
-    .terminal-4058341162-r1 { fill: #454a50 }
-.terminal-4058341162-r2 { fill: #e1e1e1 }
-.terminal-4058341162-r3 { fill: #c5c8c6 }
-.terminal-4058341162-r4 { fill: #24292f;font-weight: bold }
-.terminal-4058341162-r5 { fill: #262626 }
-.terminal-4058341162-r6 { fill: #e2e2e2 }
-.terminal-4058341162-r7 { fill: #000000 }
-.terminal-4058341162-r8 { fill: #e3e3e3 }
-.terminal-4058341162-r9 { fill: #e2e3e3;font-weight: bold }
-.terminal-4058341162-r10 { fill: #14191f }
-.terminal-4058341162-r11 { fill: #b93c5b }
-.terminal-4058341162-r12 { fill: #121212 }
-.terminal-4058341162-r13 { fill: #1e1e1e }
-.terminal-4058341162-r14 { fill: #fea62b }
-.terminal-4058341162-r15 { fill: #211505;font-weight: bold }
-.terminal-4058341162-r16 { fill: #211505 }
-.terminal-4058341162-r17 { fill: #fea62b;font-weight: bold }
-.terminal-4058341162-r18 { fill: #a7a9ab }
-.terminal-4058341162-r19 { fill: #e2e3e3 }
+    .terminal-1586593536-r1 { fill: #454a50 }
+.terminal-1586593536-r2 { fill: #e1e1e1 }
+.terminal-1586593536-r3 { fill: #c5c8c6 }
+.terminal-1586593536-r4 { fill: #24292f;font-weight: bold }
+.terminal-1586593536-r5 { fill: #262626 }
+.terminal-1586593536-r6 { fill: #e2e2e2 }
+.terminal-1586593536-r7 { fill: #000000 }
+.terminal-1586593536-r8 { fill: #e3e3e3 }
+.terminal-1586593536-r9 { fill: #e2e3e3;font-weight: bold }
+.terminal-1586593536-r10 { fill: #14191f }
+.terminal-1586593536-r11 { fill: #b93c5b }
+.terminal-1586593536-r12 { fill: #121212 }
+.terminal-1586593536-r13 { fill: #1e1e1e }
+.terminal-1586593536-r14 { fill: #fea62b }
+.terminal-1586593536-r15 { fill: #211505;font-weight: bold }
+.terminal-1586593536-r16 { fill: #211505 }
+.terminal-1586593536-r17 { fill: #fea62b;font-weight: bold }
+.terminal-1586593536-r18 { fill: #a7a9ab }
+.terminal-1586593536-r19 { fill: #e2e3e3 }
+.terminal-1586593536-r20 { fill: #4c5055 }
     </style>
 
     <defs>
-    <clipPath id="terminal-4058341162-clip-terminal">
+    <clipPath id="terminal-1586593536-clip-terminal">
       <rect x="0" y="0" width="975.0" height="584.5999999999999" />
     </clipPath>
-    <clipPath id="terminal-4058341162-line-0">
+    <clipPath id="terminal-1586593536-line-0">
     <rect x="0" y="1.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-1">
+<clipPath id="terminal-1586593536-line-1">
     <rect x="0" y="25.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-2">
+<clipPath id="terminal-1586593536-line-2">
     <rect x="0" y="50.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-3">
+<clipPath id="terminal-1586593536-line-3">
     <rect x="0" y="74.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-4">
+<clipPath id="terminal-1586593536-line-4">
     <rect x="0" y="99.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-5">
+<clipPath id="terminal-1586593536-line-5">
     <rect x="0" y="123.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-6">
+<clipPath id="terminal-1586593536-line-6">
     <rect x="0" y="147.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-7">
+<clipPath id="terminal-1586593536-line-7">
     <rect x="0" y="172.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-8">
+<clipPath id="terminal-1586593536-line-8">
     <rect x="0" y="196.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-9">
+<clipPath id="terminal-1586593536-line-9">
     <rect x="0" y="221.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-10">
+<clipPath id="terminal-1586593536-line-10">
     <rect x="0" y="245.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-11">
+<clipPath id="terminal-1586593536-line-11">
     <rect x="0" y="269.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-12">
+<clipPath id="terminal-1586593536-line-12">
     <rect x="0" y="294.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-13">
+<clipPath id="terminal-1586593536-line-13">
     <rect x="0" y="318.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-14">
+<clipPath id="terminal-1586593536-line-14">
     <rect x="0" y="343.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-15">
+<clipPath id="terminal-1586593536-line-15">
     <rect x="0" y="367.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-16">
+<clipPath id="terminal-1586593536-line-16">
     <rect x="0" y="391.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-17">
+<clipPath id="terminal-1586593536-line-17">
     <rect x="0" y="416.3" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-18">
+<clipPath id="terminal-1586593536-line-18">
     <rect x="0" y="440.7" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-19">
+<clipPath id="terminal-1586593536-line-19">
     <rect x="0" y="465.1" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-20">
+<clipPath id="terminal-1586593536-line-20">
     <rect x="0" y="489.5" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-21">
+<clipPath id="terminal-1586593536-line-21">
     <rect x="0" y="513.9" width="976" height="24.65"/>
             </clipPath>
-<clipPath id="terminal-4058341162-line-22">
+<clipPath id="terminal-1586593536-line-22">
     <rect x="0" y="538.3" width="976" height="24.65"/>
             </clipPath>
     </defs>
 
-    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-4058341162-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">EasingApp</text>
+    <rect fill="#292929" stroke="rgba(255,255,255,0.35)" stroke-width="1" x="1" y="1" width="992" height="633.6" rx="8"/><text class="terminal-1586593536-title" fill="#c5c8c6" text-anchor="middle" x="496" y="27">EasingApp</text>
             <g transform="translate(26,22)">
             <circle cx="0" cy="0" r="7" fill="#ff5f57"/>
             <circle cx="22" cy="0" r="7" fill="#febc2e"/>
             <circle cx="44" cy="0" r="7" fill="#28c840"/>
             </g>
         
-    <g transform="translate(9, 41)" clip-path="url(#terminal-4058341162-clip-terminal)">
+    <g transform="translate(9, 41)" clip-path="url(#terminal-1586593536-clip-terminal)">
     <rect fill="#24292f" x="0" y="1.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="1.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="244" y="1.5" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="25.9" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#e2e3e3" x="61" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="146.4" y="25.9" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="25.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="244" y="25.9" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="512.4" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e2e2e" x="524.6" y="25.9" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="25.9" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="25.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="50.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="244" y="50.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="268.4" y="50.3" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="500.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="512.4" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e2e2e" x="524.6" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e2e2e" x="536.8" y="50.3" width="317.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e2e2e" x="854" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="50.3" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="50.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="74.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="74.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="244" y="74.7" width="268.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="512.4" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#2e2e2e" x="524.6" y="74.7" width="341.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="866.2" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="878.4" y="74.7" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="963.8" y="74.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="99.1" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="99.1" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="99.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#262626" x="244" y="99.1" width="732" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="123.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#23568b" x="219.6" y="123.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="244" y="123.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="123.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="123.5" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="147.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="147.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#b93c5b" x="244" y="147.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="634.4" y="147.9" width="329.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="147.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="172.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="172.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="172.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="172.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="172.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="172.3" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="172.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="196.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="196.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="196.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="196.7" width="231.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="890.6" y="196.7" width="61" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="196.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="221.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="221.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="221.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="221.1" width="305" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="221.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="245.5" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="245.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="245.5" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="245.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="245.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="245.5" width="195.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="854" y="245.5" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="245.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="269.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="269.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="269.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="805.2" y="269.9" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="269.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="294.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="294.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="294.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="805.2" y="294.3" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="294.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="318.7" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="318.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="318.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="318.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="805.2" y="318.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="318.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="343.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="343.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="343.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="343.1" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="878.4" y="343.1" width="73.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="343.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="367.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="367.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="367.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="367.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="817.4" y="367.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="367.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="48.8" y="391.9" width="122" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="391.9" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="391.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="391.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="391.9" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="817.4" y="391.9" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="391.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="416.3" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="416.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="416.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="416.3" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="902.8" y="416.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="416.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="440.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="440.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="440.7" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="440.7" width="244" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="902.8" y="440.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="440.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="24.4" y="465.1" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="183" y="465.1" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="465.1" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="465.1" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="465.1" width="207.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="866.2" y="465.1" width="85.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="465.1" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="489.5" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="489.5" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="489.5" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="489.5" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="793" y="489.5" width="158.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="489.5" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="513.9" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="513.9" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="513.9" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="634.4" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="646.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="658.8" y="513.9" width="256.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#fea62b" x="915" y="513.9" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#121212" x="951.6" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="513.9" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="538.3" width="36.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="36.6" y="538.3" width="134.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="170.8" y="538.3" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="538.3" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#1e1e1e" x="244" y="538.3" width="366" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="610" y="538.3" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="622.2" y="538.3" width="353.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="0" y="562.7" width="219.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#14191f" x="219.6" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="244" y="562.7" width="48.8" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="292.8" y="562.7" width="146.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="439.2" y="562.7" width="390.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="829.6" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="841.8" y="562.7" width="24.4" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="866.2" y="562.7" width="97.6" height="24.65" shape-rendering="crispEdges"/><rect fill="#24292f" x="963.8" y="562.7" width="12.2" height="24.65" shape-rendering="crispEdges"/>
-    <g class="terminal-4058341162-matrix">
-    <text class="terminal-4058341162-r1" x="0" y="20" textLength="219.6" clip-path="url(#terminal-4058341162-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-4058341162-line-0)">
-</text><text class="terminal-4058341162-r4" x="61" y="44.4" textLength="85.4" clip-path="url(#terminal-4058341162-line-1)">&#160;round&#160;</text><text class="terminal-4058341162-r5" x="512.4" y="44.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-1)">▊</text><text class="terminal-4058341162-r5" x="524.6" y="44.4" textLength="341.6" clip-path="url(#terminal-4058341162-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r5" x="866.2" y="44.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-1)">▎</text><text class="terminal-4058341162-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-1)">
-</text><text class="terminal-4058341162-r7" x="0" y="68.8" textLength="219.6" clip-path="url(#terminal-4058341162-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r6" x="268.4" y="68.8" textLength="231.8" clip-path="url(#terminal-4058341162-line-2)">Animation&#160;Duration:</text><text class="terminal-4058341162-r5" x="512.4" y="68.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-2)">▊</text><text class="terminal-4058341162-r8" x="536.8" y="68.8" textLength="317.2" clip-path="url(#terminal-4058341162-line-2)">1.0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-4058341162-r5" x="866.2" y="68.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-2)">▎</text><text class="terminal-4058341162-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-2)">
-</text><text class="terminal-4058341162-r1" x="0" y="93.2" textLength="219.6" clip-path="url(#terminal-4058341162-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r5" x="512.4" y="93.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-3)">▊</text><text class="terminal-4058341162-r5" x="524.6" y="93.2" textLength="341.6" clip-path="url(#terminal-4058341162-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r5" x="866.2" y="93.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-3)">▎</text><text class="terminal-4058341162-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-3)">
-</text><text class="terminal-4058341162-r9" x="48.8" y="117.6" textLength="122" clip-path="url(#terminal-4058341162-line-4)">&#160;out_sine&#160;</text><text class="terminal-4058341162-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-4)">
-</text><text class="terminal-4058341162-r7" x="0" y="142" textLength="219.6" clip-path="url(#terminal-4058341162-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r10" x="219.6" y="142" textLength="24.4" clip-path="url(#terminal-4058341162-line-5)">▁▁</text><text class="terminal-4058341162-r12" x="610" y="142" textLength="12.2" clip-path="url(#terminal-4058341162-line-5)">▏</text><text class="terminal-4058341162-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-4058341162-line-5)">
-</text><text class="terminal-4058341162-r1" x="0" y="166.4" textLength="219.6" clip-path="url(#terminal-4058341162-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r13" x="244" y="166.4" textLength="366" clip-path="url(#terminal-4058341162-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="166.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-6)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="166.4" textLength="329.4" clip-path="url(#terminal-4058341162-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-6)">
-</text><text class="terminal-4058341162-r9" x="36.6" y="190.8" textLength="134.2" clip-path="url(#terminal-4058341162-line-7)">&#160;out_quint&#160;</text><text class="terminal-4058341162-r12" x="610" y="190.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-7)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="190.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-7)">▎</text><text class="terminal-4058341162-r14" x="951.6" y="190.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-7)">▊</text><text class="terminal-4058341162-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-7)">
-</text><text class="terminal-4058341162-r7" x="0" y="215.2" textLength="219.6" clip-path="url(#terminal-4058341162-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="215.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-8)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="215.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-8)">▎</text><text class="terminal-4058341162-r15" x="658.8" y="215.2" textLength="231.8" clip-path="url(#terminal-4058341162-line-8)">Welcome&#160;to&#160;Textual!</text><text class="terminal-4058341162-r14" x="951.6" y="215.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-8)">▊</text><text class="terminal-4058341162-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-8)">
-</text><text class="terminal-4058341162-r1" x="0" y="239.6" textLength="219.6" clip-path="url(#terminal-4058341162-line-9)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r12" x="610" y="239.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-9)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="239.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-9)">▎</text><text class="terminal-4058341162-r14" x="951.6" y="239.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-9)">▊</text><text class="terminal-4058341162-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-9)">
-</text><text class="terminal-4058341162-r9" x="36.6" y="264" textLength="134.2" clip-path="url(#terminal-4058341162-line-10)">&#160;out_quart&#160;</text><text class="terminal-4058341162-r12" x="610" y="264" textLength="12.2" clip-path="url(#terminal-4058341162-line-10)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="264" textLength="12.2" clip-path="url(#terminal-4058341162-line-10)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="264" textLength="195.2" clip-path="url(#terminal-4058341162-line-10)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-4058341162-r14" x="951.6" y="264" textLength="12.2" clip-path="url(#terminal-4058341162-line-10)">▊</text><text class="terminal-4058341162-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-4058341162-line-10)">
-</text><text class="terminal-4058341162-r7" x="0" y="288.4" textLength="219.6" clip-path="url(#terminal-4058341162-line-11)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="288.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-11)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="288.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-11)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="288.4" textLength="146.4" clip-path="url(#terminal-4058341162-line-11)">Fear&#160;is&#160;the&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="288.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-11)">▊</text><text class="terminal-4058341162-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-11)">
-</text><text class="terminal-4058341162-r1" x="0" y="312.8" textLength="219.6" clip-path="url(#terminal-4058341162-line-12)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r12" x="610" y="312.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-12)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="312.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-12)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="312.8" textLength="146.4" clip-path="url(#terminal-4058341162-line-12)">mind-killer.</text><text class="terminal-4058341162-r14" x="951.6" y="312.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-12)">▊</text><text class="terminal-4058341162-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-12)">
-</text><text class="terminal-4058341162-r9" x="48.8" y="337.2" textLength="122" clip-path="url(#terminal-4058341162-line-13)">&#160;out_quad&#160;</text><text class="terminal-4058341162-r12" x="610" y="337.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-13)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="337.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-13)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="337.2" textLength="146.4" clip-path="url(#terminal-4058341162-line-13)">Fear&#160;is&#160;the&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="337.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-13)">▊</text><text class="terminal-4058341162-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-13)">
-</text><text class="terminal-4058341162-r7" x="0" y="361.6" textLength="219.6" clip-path="url(#terminal-4058341162-line-14)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="361.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-14)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="361.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-14)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="361.6" textLength="219.6" clip-path="url(#terminal-4058341162-line-14)">little-death&#160;that&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="361.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-14)">▊</text><text class="terminal-4058341162-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-14)">
-</text><text class="terminal-4058341162-r1" x="0" y="386" textLength="219.6" clip-path="url(#terminal-4058341162-line-15)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r12" x="610" y="386" textLength="12.2" clip-path="url(#terminal-4058341162-line-15)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="386" textLength="12.2" clip-path="url(#terminal-4058341162-line-15)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="386" textLength="158.6" clip-path="url(#terminal-4058341162-line-15)">brings&#160;total&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="386" textLength="12.2" clip-path="url(#terminal-4058341162-line-15)">▊</text><text class="terminal-4058341162-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-4058341162-line-15)">
-</text><text class="terminal-4058341162-r9" x="48.8" y="410.4" textLength="122" clip-path="url(#terminal-4058341162-line-16)">&#160;out_expo&#160;</text><text class="terminal-4058341162-r12" x="610" y="410.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-16)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="410.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-16)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="410.4" textLength="158.6" clip-path="url(#terminal-4058341162-line-16)">obliteration.</text><text class="terminal-4058341162-r14" x="951.6" y="410.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-16)">▊</text><text class="terminal-4058341162-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-16)">
-</text><text class="terminal-4058341162-r7" x="0" y="434.8" textLength="219.6" clip-path="url(#terminal-4058341162-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="434.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-17)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="434.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-17)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="434.8" textLength="244" clip-path="url(#terminal-4058341162-line-17)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-4058341162-r14" x="951.6" y="434.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-17)">▊</text><text class="terminal-4058341162-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-17)">
-</text><text class="terminal-4058341162-r1" x="0" y="459.2" textLength="219.6" clip-path="url(#terminal-4058341162-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r12" x="610" y="459.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-18)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="459.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-18)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="459.2" textLength="244" clip-path="url(#terminal-4058341162-line-18)">I&#160;will&#160;permit&#160;it&#160;to&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="459.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-18)">▊</text><text class="terminal-4058341162-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-4058341162-line-18)">
-</text><text class="terminal-4058341162-r9" x="24.4" y="483.6" textLength="158.6" clip-path="url(#terminal-4058341162-line-19)">&#160;out_elastic&#160;</text><text class="terminal-4058341162-r12" x="610" y="483.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-19)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="483.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-19)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="483.6" textLength="207.4" clip-path="url(#terminal-4058341162-line-19)">pass&#160;over&#160;me&#160;and&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="483.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-19)">▊</text><text class="terminal-4058341162-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-4058341162-line-19)">
-</text><text class="terminal-4058341162-r7" x="0" y="508" textLength="219.6" clip-path="url(#terminal-4058341162-line-20)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r12" x="610" y="508" textLength="12.2" clip-path="url(#terminal-4058341162-line-20)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="508" textLength="12.2" clip-path="url(#terminal-4058341162-line-20)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="508" textLength="134.2" clip-path="url(#terminal-4058341162-line-20)">through&#160;me.</text><text class="terminal-4058341162-r14" x="951.6" y="508" textLength="12.2" clip-path="url(#terminal-4058341162-line-20)">▊</text><text class="terminal-4058341162-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-4058341162-line-20)">
-</text><text class="terminal-4058341162-r1" x="0" y="532.4" textLength="219.6" clip-path="url(#terminal-4058341162-line-21)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-4058341162-r12" x="610" y="532.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-21)">▏</text><text class="terminal-4058341162-r12" x="634.4" y="532.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-21)">▎</text><text class="terminal-4058341162-r16" x="658.8" y="532.4" textLength="256.2" clip-path="url(#terminal-4058341162-line-21)">And&#160;when&#160;it&#160;has&#160;gone&#160;</text><text class="terminal-4058341162-r14" x="951.6" y="532.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-21)">▊</text><text class="terminal-4058341162-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-4058341162-line-21)">
-</text><text class="terminal-4058341162-r9" x="36.6" y="556.8" textLength="134.2" clip-path="url(#terminal-4058341162-line-22)">&#160;out_cubic&#160;</text><text class="terminal-4058341162-r12" x="610" y="556.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-22)">▏</text><text class="terminal-4058341162-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-4058341162-line-22)">
-</text><text class="terminal-4058341162-r7" x="0" y="581.2" textLength="219.6" clip-path="url(#terminal-4058341162-line-23)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-4058341162-r17" x="244" y="581.2" textLength="48.8" clip-path="url(#terminal-4058341162-line-23)">&#160;^b&#160;</text><text class="terminal-4058341162-r18" x="292.8" y="581.2" textLength="146.4" clip-path="url(#terminal-4058341162-line-23)">Toggle&#160;Dark&#160;</text><text class="terminal-4058341162-r17" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-4058341162-line-23)">^p</text><text class="terminal-4058341162-r18" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-4058341162-line-23)">&#160;palette</text>
+    <g class="terminal-1586593536-matrix">
+    <text class="terminal-1586593536-r1" x="0" y="20" textLength="219.6" clip-path="url(#terminal-1586593536-line-0)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r3" x="976" y="20" textLength="12.2" clip-path="url(#terminal-1586593536-line-0)">
+</text><text class="terminal-1586593536-r4" x="61" y="44.4" textLength="85.4" clip-path="url(#terminal-1586593536-line-1)">&#160;round&#160;</text><text class="terminal-1586593536-r5" x="512.4" y="44.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-1)">▊</text><text class="terminal-1586593536-r5" x="524.6" y="44.4" textLength="341.6" clip-path="url(#terminal-1586593536-line-1)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r5" x="866.2" y="44.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-1)">▎</text><text class="terminal-1586593536-r3" x="976" y="44.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-1)">
+</text><text class="terminal-1586593536-r7" x="0" y="68.8" textLength="219.6" clip-path="url(#terminal-1586593536-line-2)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r6" x="268.4" y="68.8" textLength="231.8" clip-path="url(#terminal-1586593536-line-2)">Animation&#160;Duration:</text><text class="terminal-1586593536-r5" x="512.4" y="68.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-2)">▊</text><text class="terminal-1586593536-r8" x="536.8" y="68.8" textLength="317.2" clip-path="url(#terminal-1586593536-line-2)">1.0&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;</text><text class="terminal-1586593536-r5" x="866.2" y="68.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-2)">▎</text><text class="terminal-1586593536-r3" x="976" y="68.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-2)">
+</text><text class="terminal-1586593536-r1" x="0" y="93.2" textLength="219.6" clip-path="url(#terminal-1586593536-line-3)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r5" x="512.4" y="93.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-3)">▊</text><text class="terminal-1586593536-r5" x="524.6" y="93.2" textLength="341.6" clip-path="url(#terminal-1586593536-line-3)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r5" x="866.2" y="93.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-3)">▎</text><text class="terminal-1586593536-r3" x="976" y="93.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-3)">
+</text><text class="terminal-1586593536-r9" x="48.8" y="117.6" textLength="122" clip-path="url(#terminal-1586593536-line-4)">&#160;out_sine&#160;</text><text class="terminal-1586593536-r3" x="976" y="117.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-4)">
+</text><text class="terminal-1586593536-r7" x="0" y="142" textLength="219.6" clip-path="url(#terminal-1586593536-line-5)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r10" x="219.6" y="142" textLength="24.4" clip-path="url(#terminal-1586593536-line-5)">▁▁</text><text class="terminal-1586593536-r12" x="610" y="142" textLength="12.2" clip-path="url(#terminal-1586593536-line-5)">▏</text><text class="terminal-1586593536-r3" x="976" y="142" textLength="12.2" clip-path="url(#terminal-1586593536-line-5)">
+</text><text class="terminal-1586593536-r1" x="0" y="166.4" textLength="219.6" clip-path="url(#terminal-1586593536-line-6)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r13" x="244" y="166.4" textLength="366" clip-path="url(#terminal-1586593536-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="166.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-6)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="166.4" textLength="329.4" clip-path="url(#terminal-1586593536-line-6)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r3" x="976" y="166.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-6)">
+</text><text class="terminal-1586593536-r9" x="36.6" y="190.8" textLength="134.2" clip-path="url(#terminal-1586593536-line-7)">&#160;out_quint&#160;</text><text class="terminal-1586593536-r12" x="610" y="190.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-7)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="190.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-7)">▎</text><text class="terminal-1586593536-r14" x="951.6" y="190.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-7)">▊</text><text class="terminal-1586593536-r3" x="976" y="190.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-7)">
+</text><text class="terminal-1586593536-r7" x="0" y="215.2" textLength="219.6" clip-path="url(#terminal-1586593536-line-8)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="215.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-8)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="215.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-8)">▎</text><text class="terminal-1586593536-r15" x="658.8" y="215.2" textLength="231.8" clip-path="url(#terminal-1586593536-line-8)">Welcome&#160;to&#160;Textual!</text><text class="terminal-1586593536-r14" x="951.6" y="215.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-8)">▊</text><text class="terminal-1586593536-r3" x="976" y="215.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-8)">
+</text><text class="terminal-1586593536-r1" x="0" y="239.6" textLength="219.6" clip-path="url(#terminal-1586593536-line-9)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r12" x="610" y="239.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-9)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="239.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-9)">▎</text><text class="terminal-1586593536-r14" x="951.6" y="239.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-9)">▊</text><text class="terminal-1586593536-r3" x="976" y="239.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-9)">
+</text><text class="terminal-1586593536-r9" x="36.6" y="264" textLength="134.2" clip-path="url(#terminal-1586593536-line-10)">&#160;out_quart&#160;</text><text class="terminal-1586593536-r12" x="610" y="264" textLength="12.2" clip-path="url(#terminal-1586593536-line-10)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="264" textLength="12.2" clip-path="url(#terminal-1586593536-line-10)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="264" textLength="195.2" clip-path="url(#terminal-1586593536-line-10)">I&#160;must&#160;not&#160;fear.</text><text class="terminal-1586593536-r14" x="951.6" y="264" textLength="12.2" clip-path="url(#terminal-1586593536-line-10)">▊</text><text class="terminal-1586593536-r3" x="976" y="264" textLength="12.2" clip-path="url(#terminal-1586593536-line-10)">
+</text><text class="terminal-1586593536-r7" x="0" y="288.4" textLength="219.6" clip-path="url(#terminal-1586593536-line-11)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="288.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-11)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="288.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-11)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="288.4" textLength="146.4" clip-path="url(#terminal-1586593536-line-11)">Fear&#160;is&#160;the&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="288.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-11)">▊</text><text class="terminal-1586593536-r3" x="976" y="288.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-11)">
+</text><text class="terminal-1586593536-r1" x="0" y="312.8" textLength="219.6" clip-path="url(#terminal-1586593536-line-12)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r12" x="610" y="312.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-12)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="312.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-12)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="312.8" textLength="146.4" clip-path="url(#terminal-1586593536-line-12)">mind-killer.</text><text class="terminal-1586593536-r14" x="951.6" y="312.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-12)">▊</text><text class="terminal-1586593536-r3" x="976" y="312.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-12)">
+</text><text class="terminal-1586593536-r9" x="48.8" y="337.2" textLength="122" clip-path="url(#terminal-1586593536-line-13)">&#160;out_quad&#160;</text><text class="terminal-1586593536-r12" x="610" y="337.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-13)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="337.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-13)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="337.2" textLength="146.4" clip-path="url(#terminal-1586593536-line-13)">Fear&#160;is&#160;the&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="337.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-13)">▊</text><text class="terminal-1586593536-r3" x="976" y="337.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-13)">
+</text><text class="terminal-1586593536-r7" x="0" y="361.6" textLength="219.6" clip-path="url(#terminal-1586593536-line-14)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="361.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-14)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="361.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-14)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="361.6" textLength="219.6" clip-path="url(#terminal-1586593536-line-14)">little-death&#160;that&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="361.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-14)">▊</text><text class="terminal-1586593536-r3" x="976" y="361.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-14)">
+</text><text class="terminal-1586593536-r1" x="0" y="386" textLength="219.6" clip-path="url(#terminal-1586593536-line-15)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r12" x="610" y="386" textLength="12.2" clip-path="url(#terminal-1586593536-line-15)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="386" textLength="12.2" clip-path="url(#terminal-1586593536-line-15)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="386" textLength="158.6" clip-path="url(#terminal-1586593536-line-15)">brings&#160;total&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="386" textLength="12.2" clip-path="url(#terminal-1586593536-line-15)">▊</text><text class="terminal-1586593536-r3" x="976" y="386" textLength="12.2" clip-path="url(#terminal-1586593536-line-15)">
+</text><text class="terminal-1586593536-r9" x="48.8" y="410.4" textLength="122" clip-path="url(#terminal-1586593536-line-16)">&#160;out_expo&#160;</text><text class="terminal-1586593536-r12" x="610" y="410.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-16)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="410.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-16)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="410.4" textLength="158.6" clip-path="url(#terminal-1586593536-line-16)">obliteration.</text><text class="terminal-1586593536-r14" x="951.6" y="410.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-16)">▊</text><text class="terminal-1586593536-r3" x="976" y="410.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-16)">
+</text><text class="terminal-1586593536-r7" x="0" y="434.8" textLength="219.6" clip-path="url(#terminal-1586593536-line-17)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="434.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-17)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="434.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-17)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="434.8" textLength="244" clip-path="url(#terminal-1586593536-line-17)">I&#160;will&#160;face&#160;my&#160;fear.</text><text class="terminal-1586593536-r14" x="951.6" y="434.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-17)">▊</text><text class="terminal-1586593536-r3" x="976" y="434.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-17)">
+</text><text class="terminal-1586593536-r1" x="0" y="459.2" textLength="219.6" clip-path="url(#terminal-1586593536-line-18)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r12" x="610" y="459.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-18)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="459.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-18)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="459.2" textLength="244" clip-path="url(#terminal-1586593536-line-18)">I&#160;will&#160;permit&#160;it&#160;to&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="459.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-18)">▊</text><text class="terminal-1586593536-r3" x="976" y="459.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-18)">
+</text><text class="terminal-1586593536-r9" x="24.4" y="483.6" textLength="158.6" clip-path="url(#terminal-1586593536-line-19)">&#160;out_elastic&#160;</text><text class="terminal-1586593536-r12" x="610" y="483.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-19)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="483.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-19)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="483.6" textLength="207.4" clip-path="url(#terminal-1586593536-line-19)">pass&#160;over&#160;me&#160;and&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="483.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-19)">▊</text><text class="terminal-1586593536-r3" x="976" y="483.6" textLength="12.2" clip-path="url(#terminal-1586593536-line-19)">
+</text><text class="terminal-1586593536-r7" x="0" y="508" textLength="219.6" clip-path="url(#terminal-1586593536-line-20)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r12" x="610" y="508" textLength="12.2" clip-path="url(#terminal-1586593536-line-20)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="508" textLength="12.2" clip-path="url(#terminal-1586593536-line-20)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="508" textLength="134.2" clip-path="url(#terminal-1586593536-line-20)">through&#160;me.</text><text class="terminal-1586593536-r14" x="951.6" y="508" textLength="12.2" clip-path="url(#terminal-1586593536-line-20)">▊</text><text class="terminal-1586593536-r3" x="976" y="508" textLength="12.2" clip-path="url(#terminal-1586593536-line-20)">
+</text><text class="terminal-1586593536-r1" x="0" y="532.4" textLength="219.6" clip-path="url(#terminal-1586593536-line-21)">▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔</text><text class="terminal-1586593536-r12" x="610" y="532.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-21)">▏</text><text class="terminal-1586593536-r12" x="634.4" y="532.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-21)">▎</text><text class="terminal-1586593536-r16" x="658.8" y="532.4" textLength="256.2" clip-path="url(#terminal-1586593536-line-21)">And&#160;when&#160;it&#160;has&#160;gone&#160;</text><text class="terminal-1586593536-r14" x="951.6" y="532.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-21)">▊</text><text class="terminal-1586593536-r3" x="976" y="532.4" textLength="12.2" clip-path="url(#terminal-1586593536-line-21)">
+</text><text class="terminal-1586593536-r9" x="36.6" y="556.8" textLength="134.2" clip-path="url(#terminal-1586593536-line-22)">&#160;out_cubic&#160;</text><text class="terminal-1586593536-r12" x="610" y="556.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-22)">▏</text><text class="terminal-1586593536-r3" x="976" y="556.8" textLength="12.2" clip-path="url(#terminal-1586593536-line-22)">
+</text><text class="terminal-1586593536-r7" x="0" y="581.2" textLength="219.6" clip-path="url(#terminal-1586593536-line-23)">▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁</text><text class="terminal-1586593536-r17" x="244" y="581.2" textLength="48.8" clip-path="url(#terminal-1586593536-line-23)">&#160;^b&#160;</text><text class="terminal-1586593536-r18" x="292.8" y="581.2" textLength="146.4" clip-path="url(#terminal-1586593536-line-23)">Toggle&#160;Dark&#160;</text><text class="terminal-1586593536-r20" x="829.6" y="581.2" textLength="12.2" clip-path="url(#terminal-1586593536-line-23)">▏</text><text class="terminal-1586593536-r17" x="841.8" y="581.2" textLength="24.4" clip-path="url(#terminal-1586593536-line-23)">^p</text><text class="terminal-1586593536-r18" x="866.2" y="581.2" textLength="97.6" clip-path="url(#terminal-1586593536-line-23)">&#160;palette</text>
     </g>
     </g>
 </svg>
diff --git a/tests/snapshot_tests/snapshot_apps/command_palette_dismiss.py b/tests/snapshot_tests/snapshot_apps/command_palette_dismiss.py
new file mode 100644
index 0000000000..5325ea5e0a
--- /dev/null
+++ b/tests/snapshot_tests/snapshot_apps/command_palette_dismiss.py
@@ -0,0 +1,12 @@
+from textual.app import App, ComposeResult
+from textual.widgets import Label
+
+
+class CPApp(App):
+    def compose(self) -> ComposeResult:
+        yield Label("Command palette test app")
+
+
+if __name__ == "__main__":
+    app = CPApp()
+    app.run()
diff --git a/tests/snapshot_tests/test_snapshots.py b/tests/snapshot_tests/test_snapshots.py
index 472475b796..22940f7644 100644
--- a/tests/snapshot_tests/test_snapshots.py
+++ b/tests/snapshot_tests/test_snapshots.py
@@ -4,6 +4,7 @@
 
 from tests.snapshot_tests.language_snippets import SNIPPETS
 from textual.pilot import Pilot
+from textual.app import App
 from textual.widgets.text_area import Selection, BUILTIN_LANGUAGES
 from textual.widgets import RichLog, TextArea, Input, Button
 from textual.widgets.text_area import TextAreaTheme
@@ -1195,7 +1196,7 @@ def test_example_color_command(snap_compare):
     """Test the color_command example."""
     assert snap_compare(
         EXAMPLES_DIR / "color_command.py",
-        press=["ctrl+p", "r", "e", "d", "down", "enter"],
+        press=[App.COMMAND_PALETTE_BINDING, "r", "e", "d", "down", "enter"],
     )
 
 
@@ -1410,3 +1411,32 @@ def test_auto_height_scrollbar(snap_compare):
 def test_bind_override(snap_compare):
     """Regression test for https://github.com/Textualize/textual/issues/4755"""
     assert snap_compare(SNAPSHOT_APPS_DIR / "bind_override.py")
+
+
+def test_command_palette_dismiss_escape(snap_compare):
+    """Regression test for https://github.com/Textualize/textual/issues/4856"""
+
+    async def run_before(pilot: Pilot):
+        await pilot.press(App.COMMAND_PALETTE_BINDING)
+        await pilot.pause()
+        await pilot.press("escape")
+
+    assert snap_compare(
+        SNAPSHOT_APPS_DIR / "command_palette_dismiss.py", run_before=run_before
+    )
+
+
+def test_command_palette_dismiss_escape_no_results(snap_compare):
+    """Regression test for https://github.com/Textualize/textual/issues/4856"""
+
+    async def run_before(pilot: Pilot):
+        await pilot.press(App.COMMAND_PALETTE_BINDING)
+        await pilot.pause()
+        await pilot.press(*"foo")
+        await pilot.pause()
+        await pilot.pause()
+        await pilot.press("escape")
+
+    assert snap_compare(
+        SNAPSHOT_APPS_DIR / "command_palette_dismiss.py", run_before=run_before
+    )


Code review comments:
diff_hunk: @@ -735,6 +737,8 @@ def _show_no_matches() -> None:
                 # discovered is a situation we don't need to highlight.
                 self._list_visible = False
 
+        self._hit_count = 0
path: src/textual/command.py
text: @user1:
Minor but `_start_no_matches_countdown` seems like a strange place for this (seems out of scope). I'd put it inside `gather_commands` where we check `if option_list.options_count == 0`. Take it or leave it 😄