src/visualProgrammingUI/components/DragDropSidebar.tsx

@@ -72,14 +72,41 @@ export function Sidebar() {
             if (isInFlow) {
                 const position = screenToFlowPosition(screenPosition);
 
-                const newNode = {
+                const newNode = () => {
-                    id: getId(),
+                    switch (nodeType) {
-                    type: nodeType,
+                        case "phase":
-                    position,
+                            return {
-                    data: { label: `${nodeType} node` },
+                                id: getId(),
-                };
+                                type: nodeType,
+                                position,
+                                data: {label: `"new"`, number: (-1)},
+                            };
+                        case "start":
+                            return {
+                                id: getId(),
+                                type: nodeType,
+                                position,
+                                data: {label: `new start node`},
+                            };
+                        case "end":
+                            return {
+                                id: getId(),
+                                type: nodeType,
+                                position,
+                                data: {label: `new end node`},
+                            };
+                        default: {
+                            return {
+                                id: getId(),
+                                type: nodeType,
+                                position,
+                                data: {label: `new default node`},
+                            };
+                        }
+                    }
+                }
 
-                setNodes((nds) => nds.concat(newNode));
+                setNodes((nds) => nds.concat(newNode()));
             }
         },
         [setNodes, screenToFlowPosition],