Refactor step name generation to use alphabetical indexing

Author: Roman Snapko

packages/react-ui/src/app/features/builder/blocks-selector/block-selector-utils.ts

@@ -13,7 +13,6 @@ import {
   Trigger,
   TriggerType,
 } from '@openops/shared';
-
 import { createDefaultOptionSettings } from '../step-settings/split-settings/utils';
 
 const defaultCode = `export const code = async (inputs) => {
@@ -37,13 +36,7 @@ const getStepName = (block: StepMetadata, flowVersion: FlowVersion) => {
   if (block.type === TriggerType.BLOCK) {
     return 'trigger';
   }
-  const baseName = 'step_';
-  let number = 1;
-  const steps = flowHelper.getAllSteps(flowVersion.trigger);
-  while (steps.some((step) => step.name === `${baseName}${number}`)) {
-    number++;
-  }
-  return `${baseName}${number}`;
+  return flowHelper.findAvailableStepName(flowVersion, 'step');
 };
 
 const getDefaultStep = ({

packages/shared/src/lib/flows/flow-helper.ts

@@ -46,6 +46,9 @@ type GetStepFromSubFlow = {
 const actionSchemaValidator = TypeCompiler.Compile(SingleActionSchema);
 const triggerSchemaValidation = TypeCompiler.Compile(TriggerWithOptionalId);
 
+const ALPHABET_LENGTH = 26;
+const A_CHAR_CODE = 'a'.charCodeAt(0);
+
 export function buildBlockActionKey(
   blockName: string,
   actionName: string,
@@ -1096,16 +1099,30 @@ function doesActionHaveChildren(
   return false;
 }
 
+function indexToAlphabetical(index: number): string {
+  let n = index + 1;
+  let result = '';
+  while (n > 0) {
+    n--;
+    result = String.fromCharCode(A_CHAR_CODE + (n % ALPHABET_LENGTH)) + result;
+    n = Math.floor(n / ALPHABET_LENGTH);
+  }
+  return result;
+}
+
 function findUnusedName(names: string[], stepPrefix: string): string {
-  let availableNumber = 1;
-  let availableName = `${stepPrefix}_${availableNumber}`;
+  const prefix = `${stepPrefix}_`;
+  const tails = new Set(
+    names
+      .filter((n) => n.startsWith(prefix))
+      .map((n) => n.slice(prefix.length)),
+  );
 
-  while (names.includes(availableName)) {
-    availableNumber++;
-    availableName = `${stepPrefix}_${availableNumber}`;
+  let index = 0;
+  while (tails.has(indexToAlphabetical(index))) {
+    index++;
   }
-
-  return availableName;
+  return `${stepPrefix}_${indexToAlphabetical(index)}`;
 }
 
 function findAvailableStepName(