feat: create dialog for plan creation in triggers, make sure to bind the correct things in triggers. Change the norms to take one condition, rather than a list. yes, tests are probably still broken.

ref: N25B-412

src/pages/VisProgPage/VisProg.module.css

@@ -138,4 +138,68 @@
     border-radius: 5pt;
     outline: plum solid 2pt;
     filter: drop-shadow(0 0 0.25rem plum);
+}
+
+.planDialog {
+  width: 80vw;         
+  max-width: 900px;    
+  padding: 1rem;
+  border: none;
+  border-radius: 8px;
+}
+
+.planDialog::backdrop {
+  background: rgba(0, 0, 0, 0.4);
+}
+
+.planEditor {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1rem;
+  min-width: 600px;
+}
+
+.planEditorLeft {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+}
+
+.planEditorRight {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  border-left: 1px solid var(--border-color, #ccc);
+  padding-left: 1rem;
+  max-height: 300px;
+  overflow-y: auto;
+}
+
+.planStep {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  cursor: pointer;
+  transition: text-decoration 0.2s;
+}
+
+.planStep:hover {
+  text-decoration: line-through;
+}
+
+.stepType {
+  margin-left: auto;
+  opacity: 0.7;
+  font-size: 0.85em;
+}
+
+.stepIndex {
+  opacity: 0.6;
+}
+
+
+
+.emptySteps {
+  opacity: 0.5;
+  font-style: italic;
 }