From 7411c54963857c2e005fb28c2dd874ed09a11c17 Mon Sep 17 00:00:00 2001
From: henz <henz@comp.nus.edu.sg>
Date: Wed, 25 Oct 2023 07:03:14 +0800
Subject: [PATCH 1/3] bumping js-slang

---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 040a798f56..f4921ee477 100644
--- a/package.json
+++ b/package.json
@@ -48,7 +48,7 @@
     "flexboxgrid": "^6.3.1",
     "flexboxgrid-helpers": "^1.1.3",
     "hastscript": "^8.0.0",
-    "js-slang": "^1.0.36",
+    "js-slang": "^1.0.37",
     "js-yaml": "^4.1.0",
     "konva": "^9.2.0",
     "lodash": "^4.17.21",
diff --git a/yarn.lock b/yarn.lock
index a796f50732..b4f69bb988 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8282,10 +8282,10 @@ js-sdsl@4.3.0, js-sdsl@^4.1.4:
   resolved "https://registry.yarnpkg.com/js-sdsl/-/js-sdsl-4.3.0.tgz#aeefe32a451f7af88425b11fdb5f58c90ae1d711"
   integrity sha512-mifzlm2+5nZ+lEcLJMoBK0/IH/bDg8XnJfd/Wq6IP+xoCjLZsTOnV2QpxlVbX9bMnkl5PdEjNtBJ9Cj1NjifhQ==
 
-js-slang@^1.0.36:
-  version "1.0.36"
-  resolved "https://registry.yarnpkg.com/js-slang/-/js-slang-1.0.36.tgz#af7f7927b0a917d4f27c28743878d1410716a8b5"
-  integrity sha512-B8Pj23nNLk7KhLkjuCHMt+JECh3cRPBfGLoNW72RHvpeTo8fz1ivR9n9w8rhpw5qJ/K8fsK43ihtBGhgbNaQ/Q==
+js-slang@^1.0.37:
+  version "1.0.37"
+  resolved "https://registry.yarnpkg.com/js-slang/-/js-slang-1.0.37.tgz#54ae07877bb1cfc15c2ee6a5d6252da550c26af6"
+  integrity sha512-CJPYq+yba8jBloobV8pGiZZz4L0CL5XdN2q5I8a8IZQw0YeCuI4SCjwMuaW/qJUBV4UJMkHNtrAV8CbgPxhVUg==
   dependencies:
     "@babel/parser" "^7.19.4"
     "@joeychenofficial/alt-ergo-modified" "^2.4.0"

From a55f0f4e2e2d67b2100c6ad72f2e624aecc052e2 Mon Sep 17 00:00:00 2001
From: henz <henz@comp.nus.edu.sg>
Date: Wed, 25 Oct 2023 07:43:40 +0800
Subject: [PATCH 2/3] testcases updated

---
 .../__snapshots__/EnvVisualizer.tsx.snap      | 895 ++----------------
 1 file changed, 56 insertions(+), 839 deletions(-)

diff --git a/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap b/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
index a3615f05fb..cd22fbd600 100644
--- a/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
+++ b/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
@@ -11,647 +11,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
     <Tag
       cornerRadius={5}
       preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="*"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={45}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Perform * on top 2 stash values"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 2`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={75}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="env"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={80}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Set current environment to this environment"
-    />
-  </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 140 92.5 L 170 390 L 170 390 M 140 92.5 L 170 390 L 170 390 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          140,
-          92.5,
-          170,
-          390,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 3`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={110}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="*"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={115}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Perform * on top 2 stash values"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 4`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={145}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="env"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={150}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Set current environment to this environment"
-    />
-  </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 140 162.5 L 486.12109375 390 L 486.12109375 390 M 140 162.5 L 486.12109375 390 L 486.12109375 390 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          140,
-          162.5,
-          486.12109375,
-          390,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 5`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={180}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="*"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={185}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Perform * on top 2 stash values"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 6`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={215}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="env"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={220}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Set current environment to this environment"
-    />
-  </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 140 232.5 L 802.2421875 390 L 802.2421875 390 M 140 232.5 L 802.2421875 390 L 802.2421875 390 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          140,
-          232.5,
-          802.2421875,
-          390,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 7`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={250}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="*"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={255}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Perform * on top 2 stash values"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 8`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={285}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="env"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={290}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Set current environment to this environment"
-    />
-  </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 140 302.5 L 1118.36328125 390 L 1118.36328125 390 M 140 302.5 L 1118.36328125 390 L 1118.36328125 390 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          140,
-          302.5,
-          1118.36328125,
-          390,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 9`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={320}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="*"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={325}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Perform * on top 2 stash values"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 10`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={20}
-    y={355}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#030fff"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      height={35}
-      padding={10}
-      preventDefault={false}
-      text="env"
-      width={120}
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={145}
-    y={360}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="Set current environment to this environment"
-    />
-  </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 140 372.5 L 1434.484375 390 L 1434.484375 390 M 140 372.5 L 1434.484375 390 L 1434.484375 390 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          140,
-          372.5,
-          1434.484375,
-          390,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 11`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={140}
-    y={5}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
+      stroke="#030fff"
     />
     <Text
       fill="#999999"
@@ -659,9 +19,11 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontSize={15}
       fontStyle="normal"
       fontVariant="normal"
+      height={35}
       padding={10}
       preventDefault={false}
-      text="10"
+      text="*"
+      width={120}
     />
   </Label>
   <Label
@@ -683,171 +45,24 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontVariant="normal"
       padding={5}
       preventDefault={false}
-      text="10"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 12`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={178.060546875}
-    y={5}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={10}
-      preventDefault={false}
-      text="9"
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={183.060546875}
-    y={45}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="9"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 13`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={207.0908203125}
-    y={5}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={10}
-      preventDefault={false}
-      text="8"
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={212.0908203125}
-    y={45}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="8"
-    />
-  </Label>
-</React.Fragment>
-`;
-
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 14`] = `
-<React.Fragment>
-  <Label
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-    x={236.12109375}
-    y={5}
-  >
-    <Tag
-      cornerRadius={5}
-      preventDefault={false}
-      stroke="#999999"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={10}
-      preventDefault={false}
-      text="7"
-    />
-  </Label>
-  <Label
-    visible={false}
-    x={241.12109375}
-    y={45}
-  >
-    <Tag
-      fill="black"
-      opacity={0.7}
-      preventDefault={false}
-      stroke="black"
-    />
-    <Text
-      fill="#999999"
-      fontFamily="monospace, monospace"
-      fontSize={15}
-      fontStyle="normal"
-      fontVariant="normal"
-      padding={5}
-      preventDefault={false}
-      text="7"
+      text="Perform * on top 2 stash values"
     />
   </Label>
 </React.Fragment>
 `;
 
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 15`] = `
+exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 2`] = `
 <React.Fragment>
   <Label
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    x={265.1513671875}
+    x={140}
     y={5}
   >
     <Tag
       cornerRadius={5}
       preventDefault={false}
-      stroke="#999999"
+      stroke="#ff0000"
     />
     <Text
       fill="#999999"
@@ -857,12 +72,12 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontVariant="normal"
       padding={10}
       preventDefault={false}
-      text="6"
+      text="10"
     />
   </Label>
   <Label
     visible={false}
-    x={270.1513671875}
+    x={145}
     y={45}
   >
     <Tag
@@ -879,24 +94,24 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontVariant="normal"
       padding={5}
       preventDefault={false}
-      text="6"
+      text="10"
     />
   </Label>
 </React.Fragment>
 `;
 
-exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 16`] = `
+exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated properly 3`] = `
 <React.Fragment>
   <Label
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    x={294.181640625}
+    x={178.00390625}
     y={5}
   >
     <Tag
       cornerRadius={5}
       preventDefault={false}
-      stroke="#999999"
+      stroke="#ff0000"
     />
     <Text
       fill="#999999"
@@ -906,12 +121,12 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontVariant="normal"
       padding={10}
       preventDefault={false}
-      text="120"
+      text="362880"
     />
   </Label>
   <Label
     visible={false}
-    x={299.181640625}
+    x={183.00390625}
     y={45}
   >
     <Tag
@@ -928,7 +143,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
       fontVariant="normal"
       padding={5}
       preventDefault={false}
-      text="120"
+      text="362880"
     />
   </Label>
 </React.Fragment>
@@ -1660,7 +875,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
     <Tag
       cornerRadius={5}
       preventDefault={false}
-      stroke="#030fff"
+      stroke="#999999"
     />
     <Text
       fill="#999999"
@@ -1705,13 +920,13 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
   <Label
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    x={140}
-    y={5}
+    x={20}
+    y={530}
   >
     <Tag
       cornerRadius={5}
       preventDefault={false}
-      stroke="#999999"
+      stroke="#030fff"
     />
     <Text
       fill="#999999"
@@ -1719,15 +934,17 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
       fontSize={15}
       fontStyle="normal"
       fontVariant="normal"
+      height={35}
       padding={10}
       preventDefault={false}
-      text="pair/array"
+      text="x"
+      width={120}
     />
   </Label>
   <Label
     visible={false}
     x={145}
-    y={45}
+    y={535}
   >
     <Tag
       fill="black"
@@ -1743,35 +960,9 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
       fontVariant="normal"
       padding={5}
       preventDefault={false}
-      text="pair/array"
+      text="x"
     />
   </Label>
-  <Group
-    onMouseEnter={[Function]}
-    onMouseLeave={[Function]}
-  >
-    <Path
-      data="M 195.1513671875 40 L 316.12109375 555 L 316.12109375 555 M 195.1513671875 40 L 316.12109375 555 L 316.12109375 555 "
-      hitStrokeWidth={5}
-      preventDefault={false}
-      stroke="#999999"
-      strokeWidth={1}
-    />
-    <Arrow
-      fill="#999999"
-      pointerWidth={10}
-      points={
-        Array [
-          195.1513671875,
-          40,
-          316.12109375,
-          555,
-        ]
-      }
-      preventDefault={false}
-      strokeEnabled={false}
-    />
-  </Group>
 </React.Fragment>
 `;
 
@@ -1780,7 +971,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
   <Label
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    x={250.302734375}
+    x={140}
     y={5}
   >
     <Tag
@@ -1796,12 +987,12 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
       fontVariant="normal"
       padding={10}
       preventDefault={false}
-      text="0"
+      text="pair/array"
     />
   </Label>
   <Label
     visible={false}
-    x={255.302734375}
+    x={145}
     y={45}
   >
     <Tag
@@ -1818,9 +1009,35 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
       fontVariant="normal"
       padding={5}
       preventDefault={false}
-      text="0"
+      text="pair/array"
     />
   </Label>
+  <Group
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+  >
+    <Path
+      data="M 195.009765625 40 L 316.0078125 555 L 316.0078125 555 M 195.009765625 40 L 316.0078125 555 L 316.0078125 555 "
+      hitStrokeWidth={5}
+      preventDefault={false}
+      stroke="#999999"
+      strokeWidth={1}
+    />
+    <Arrow
+      fill="#999999"
+      pointerWidth={10}
+      points={
+        Array [
+          195.009765625,
+          40,
+          316.0078125,
+          555,
+        ]
+      }
+      preventDefault={false}
+      strokeEnabled={false}
+    />
+  </Group>
 </React.Fragment>
 `;
 

From 3fd67f2d4dad1992f3d6fb196e3af243259cd49f Mon Sep 17 00:00:00 2001
From: Richard Dominick <34370238+RichDom2185@users.noreply.github.com>
Date: Wed, 25 Oct 2023 01:08:31 +0000
Subject: [PATCH 3/3] Update failing snapshots

---
 .../__tests__/__snapshots__/EnvVisualizer.tsx.snap     | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap b/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
index cd22fbd600..3ae6b43e6d 100644
--- a/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
+++ b/src/features/envVisualizer/__tests__/__snapshots__/EnvVisualizer.tsx.snap
@@ -105,7 +105,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
   <Label
     onMouseEnter={[Function]}
     onMouseLeave={[Function]}
-    x={178.00390625}
+    x={178.060546875}
     y={5}
   >
     <Tag
@@ -126,7 +126,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: Agenda is truncated prope
   </Label>
   <Label
     visible={false}
-    x={183.00390625}
+    x={183.060546875}
     y={45}
   >
     <Tag
@@ -1017,7 +1017,7 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
     onMouseLeave={[Function]}
   >
     <Path
-      data="M 195.009765625 40 L 316.0078125 555 L 316.0078125 555 M 195.009765625 40 L 316.0078125 555 L 316.0078125 555 "
+      data="M 195.1513671875 40 L 316.12109375 555 L 316.12109375 555 M 195.1513671875 40 L 316.12109375 555 L 316.12109375 555 "
       hitStrokeWidth={5}
       preventDefault={false}
       stroke="#999999"
@@ -1028,9 +1028,9 @@ exports[`EnvVisualizer Agenda Stash correctly renders: arrows from the environme
       pointerWidth={10}
       points={
         Array [
-          195.009765625,
+          195.1513671875,
           40,
-          316.0078125,
+          316.12109375,
           555,
         ]
       }