feat: added a behavior program reduction algorithm

src/pages/VisProgPage/visualProgrammingUI/components/DragDropSidebar.tsx

@@ -11,6 +11,8 @@ import {
 } from 'react';
 import useFlowStore from "../VisProgStores.tsx";
 import styles from "../../VisProg.module.css"
+import type {AppNode, PhaseNode, NormNode} from "../VisProgTypes.tsx";
+
 
 
 /**
@@ -68,28 +70,45 @@ function DraggableNode({className, children, nodeType, onDrop}: DraggableNodePro
 // eslint-disable-next-line react-refresh/only-export-components
 export function addNode(nodeType: string, position: XYPosition) {
   const {setNodes} = useFlowStore.getState();
-  const nds = useFlowStore.getState().nodes;
+  const nds : AppNode[] = useFlowStore.getState().nodes;
   const newNode = () => {
     switch (nodeType) {
       case "phase":
       {
-        const phaseNumber = nds.filter((node) => node.type === 'phase').length;
-        return {
+        const phaseNodes= nds.filter((node) => node.type === 'phase');
+        let phaseNumber;
+        if (phaseNodes.length > 0) {
+          const finalPhaseId : number = +(phaseNodes[phaseNodes.length - 1].id.split('-')[1]);
+          phaseNumber = finalPhaseId + 1;
+        } else {
+          phaseNumber = 1;
+        }
+        const phaseNode : PhaseNode = {
           id: `phase-${phaseNumber}`,
           type: nodeType,
           position,
           data: {label: 'new', number: phaseNumber},
-        };
+        }
+        return phaseNode;
       }
       case "norm":
       {
-        const normNumber = nds.filter((node) => node.type === 'norm').length;
-        return {
+        const normNodes= nds.filter((node) => node.type === 'norm');
+        let normNumber
+        if (normNodes.length > 0) {
+          const finalNormId : number = +(normNodes[normNodes.length - 1].id.split('-')[1]);
+          normNumber = finalNormId + 1;
+        } else {
+          normNumber = 1;
+        }
+
+        const normNode : NormNode = {
           id: `norm-${normNumber}`,
           type: nodeType,
           position,
-          data: {label: `new norm node`},
-        };
+          data: {label: `new norm node`, value: "Pepper should be formal"},
+        }
+        return normNode;
       }
       default: {
         throw new Error(`Node ${nodeType} not found`);