feat: seperation of concerns for gesture value editor, adjusting output of nodes, integration testing, css file changes, and probably much more.

ref: N25B-412

src/pages/VisProgPage/VisProg.module.css

@@ -141,13 +141,13 @@
 }
 
 .planDialog {
-  width: 80vw;         
-  max-width: 900px;    
-  padding: 1rem;
-  border: none;
-  border-radius: 8px;
+  overflow:visible;
+  width: 80vw;
+  max-width: 900px;
+  transition: width 0.25s ease;
 }
 
+
 .planDialog::backdrop {
   background: rgba(0, 0, 0, 0.4);
 }
@@ -160,6 +160,7 @@
 }
 
 .planEditorLeft {
+  position: relative;
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
@@ -212,4 +213,5 @@
   opacity: 0.5;
   font-style: italic;
   text-decoration: line-through;
-}
+}
+