[UI] Fix adding flags in an opt instance in a pipeline (#29)

handleRemovePass and handleUpdatePass should only update the pipeline array.
Before this Edit Compilation Pass was resulting in
Error: Cannot read properties of undefined (reading 'length')

Author: MrSidims

src/app/ExplorerContent.js

@@ -226,17 +226,33 @@ export default function ExplorerContent() {
   const handleUpdatePass = () => {
     updateActiveSource((s) => ({
       ...s,
-      irWindows: s.irWindows.map((p, i) =>
-        i === editPassIndex ? { tool: editTool, flags: editFlags } : p,
-      ),
+      irWindows: s.irWindows.map((w) => {
+        if (w.id !== editPassWindowId) return w;
+
+        // replace only the single pass in w.pipeline
+        return {
+          ...w,
+          pipeline: w.pipeline.map((pass, idx) =>
+            idx === editPassIndex ? { tool: editTool, flags: editFlags } : pass,
+          ),
+        };
+      }),
     }));
     setEditModalVisible(false);
   };
 
   const handleRemovePass = () => {
     updateActiveSource((s) => ({
       ...s,
-      irWindows: s.irWindows.filter((_, i) => i !== editPassIndex),
+      irWindows: s.irWindows.map((w) => {
+        if (w.id !== editPassWindowId) return w;
+
+        // drop just that one pass in w.pipeline
+        return {
+          ...w,
+          pipeline: w.pipeline.filter((_, idx) => idx !== editPassIndex),
+        };
+      }),
     }));
     setEditModalVisible(false);
   };