Merge branch 'dev' into python_custom_node_component

src/frontend/src/contexts/tabsContext.tsx

@@ -20,7 +20,7 @@ import {
 import { APIClassType, APITemplateType } from "../types/api";
 import { FlowType, NodeType } from "../types/flow";
 import { TabsContextType, TabsState } from "../types/tabs";
-import { updateIds, updateTemplate } from "../utils/reactflowUtils";
+import { addVersionToDuplicates, updateIds, updateTemplate } from "../utils/reactflowUtils";
 import { getRandomDescription, getRandomName } from "../utils/utils";
 import { alertContext } from "./alertContext";
 import { typesContext } from "./typesContext";
@@ -450,6 +450,10 @@ export function TabsProvider({ children }: { children: ReactNode }) {
       processFlowEdges(newFlow);
       processFlowNodes(newFlow);
 
+      const flowName = addVersionToDuplicates(newFlow, flows);
+
+      newFlow.name = flowName;
+
       try {
         const { id } = await saveFlowToDatabase(newFlow);
         // Change the id to the new id.

src/frontend/src/modals/baseModal/index.tsx

@@ -75,7 +75,7 @@ function BaseModal({
   switch (size) {
     case "smaller":
       minWidth = "min-w-[40vw]";
-      height = "h-[25vh]";
+      height = "h-[27vh]";
       break;
     case "small":
       minWidth = "min-w-[40vw]";

src/frontend/src/utils/reactflowUtils.ts

@@ -219,3 +219,16 @@ export function validateNodes(reactFlowInstance: ReactFlowInstance) {
     .getNodes()
     .flatMap((n: NodeType) => validateNode(n, reactFlowInstance));
 }
+
+export function addVersionToDuplicates(flow: FlowType, flows: FlowType[]) {
+  const existingNames = flows.map((item) => item.name);
+  let newName = flow.name;
+  let count = 1;
+
+  while (existingNames.includes(newName)) {
+    newName = `${flow.name} (${count})`;
+    count++;
+  }
+
+  return newName;
+}