Implement contextual actions for the workflows

packages/twenty-front/src/modules/action-menu/actions/record-actions/components/RecordActionMenuEntriesSetter.tsx

@@ -1,9 +1,9 @@
 import { MultipleRecordsActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/multiple-records/components/MultipleRecordsActionMenuEntrySetterEffect';
 import { NoSelectionActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/no-selection/components/NoSelectionActionMenuEntrySetterEffect';
-import { SingleRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetterEffect';
+import { SingleRecordActionMenuEntrySetter } from '@/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetter';
 import { WorkflowRunRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/workflow-run-record-actions/components/WorkflowRunRecordActionMenuEntrySetter';
 import { contextStoreCurrentObjectMetadataIdComponentState } from '@/context-store/states/contextStoreCurrentObjectMetadataIdComponentState';
-import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
+import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { useObjectMetadataItemById } from '@/object-metadata/hooks/useObjectMetadataItemById';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
@@ -32,34 +32,40 @@ const ActionEffects = ({
     objectId: objectMetadataItemId,
   });
 
-  const contextStoreNumberOfSelectedRecords = useRecoilComponentValueV2(
-    contextStoreNumberOfSelectedRecordsComponentState,
+  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
+    contextStoreTargetedRecordsRuleComponentState,
   );
 
   const isWorkflowEnabled = useIsFeatureEnabled('IS_WORKFLOW_ENABLED');
 
   return (
     <>
-      {contextStoreNumberOfSelectedRecords === 0 && (
-        <NoSelectionActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords === 1 && (
-        <SingleRecordActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords === 1 && isWorkflowEnabled && (
-        <WorkflowRunRecordActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
-      {contextStoreNumberOfSelectedRecords > 1 && (
-        <MultipleRecordsActionMenuEntrySetterEffect
-          objectMetadataItem={objectMetadataItem}
-        />
-      )}
+      {contextStoreTargetedRecordsRule.mode === 'selection' &&
+        contextStoreTargetedRecordsRule.selectedRecordIds.length === 0 && (
+          <NoSelectionActionMenuEntrySetterEffect
+            objectMetadataItem={objectMetadataItem}
+          />
+        )}
+      {contextStoreTargetedRecordsRule.mode === 'selection' &&
+        contextStoreTargetedRecordsRule.selectedRecordIds.length === 1 && (
+          <SingleRecordActionMenuEntrySetter
+            objectMetadataItem={objectMetadataItem}
+          />
+        )}
+      {contextStoreTargetedRecordsRule.mode === 'selection' &&
+        contextStoreTargetedRecordsRule.selectedRecordIds.length === 1 &&
+        isWorkflowEnabled && (
+          <WorkflowRunRecordActionMenuEntrySetterEffect
+            objectMetadataItem={objectMetadataItem}
+          />
+        )}
+      {contextStoreTargetedRecordsRule.mode === 'exclusion' ||
+        (contextStoreTargetedRecordsRule.mode === 'selection' &&
+          contextStoreTargetedRecordsRule.selectedRecordIds.length > 1 && (
+            <MultipleRecordsActionMenuEntrySetterEffect
+              objectMetadataItem={objectMetadataItem}
+            />
+          ))}
     </>
   );
 };

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useDeleteMultipleRecordsAction.tsx

@@ -22,10 +22,8 @@ import { useCallback, useContext, useState } from 'react';
 import { IconTrash, isDefined } from 'twenty-ui';
 
 export const useDeleteMultipleRecordsAction = ({
-  position,
   objectMetadataItem,
 }: {
-  position: number;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -106,7 +104,11 @@ export const useDeleteMultipleRecordsAction = ({
   const { isInRightDrawer, onActionExecutedCallback } =
     useContext(ActionMenuContext);
 
-  const registerDeleteMultipleRecordsAction = () => {
+  const registerDeleteMultipleRecordsAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     if (canDelete) {
       addActionMenuEntry({
         type: ActionMenuEntryType.Standard,

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useExportMultipleRecordsAction.tsx

@@ -12,10 +12,8 @@ import {
 } from '@/object-record/record-index/export/hooks/useExportRecords';
 
 export const useExportMultipleRecordsAction = ({
-  position,
   objectMetadataItem,
 }: {
-  position: number;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -27,7 +25,11 @@ export const useExportMultipleRecordsAction = ({
     filename: `${objectMetadataItem.nameSingular}.csv`,
   });
 
-  const registerExportMultipleRecordsAction = () => {
+  const registerExportMultipleRecordsAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     addActionMenuEntry({
       type: ActionMenuEntryType.Standard,
       scope: ActionMenuEntryScope.RecordSelection,

packages/twenty-front/src/modules/action-menu/actions/record-actions/multiple-records/hooks/useMultipleRecordsActions.tsx

@@ -1,5 +1,5 @@
 import { useDeleteMultipleRecordsAction } from '@/action-menu/actions/record-actions/multiple-records/hooks/useDeleteMultipleRecordsAction';
-import { useExportViewNoSelectionRecordAction } from '@/action-menu/actions/record-actions/no-selection/hooks/useExportMultipleRecordsAction';
+import { useExportMultipleRecordsAction } from '@/action-menu/actions/record-actions/multiple-records/hooks/useExportMultipleRecordsAction';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 
 export const useMultipleRecordsActions = ({
@@ -11,26 +11,24 @@ export const useMultipleRecordsActions = ({
     registerDeleteMultipleRecordsAction,
     unregisterDeleteMultipleRecordsAction,
   } = useDeleteMultipleRecordsAction({
-    position: 0,
     objectMetadataItem,
   });
 
   const {
-    registerExportViewNoSelectionRecordsAction,
-    unregisterExportViewNoSelectionRecordsAction,
-  } = useExportViewNoSelectionRecordAction({
-    position: 1,
+    registerExportMultipleRecordsAction,
+    unregisterExportMultipleRecordsAction,
+  } = useExportMultipleRecordsAction({
     objectMetadataItem,
   });
 
   const registerMultipleRecordsActions = () => {
-    registerDeleteMultipleRecordsAction();
-    registerExportViewNoSelectionRecordsAction();
+    registerDeleteMultipleRecordsAction({ position: 0 });
+    registerExportMultipleRecordsAction({ position: 1 });
   };
 
   const unregisterMultipleRecordsActions = () => {
     unregisterDeleteMultipleRecordsAction();
-    unregisterExportViewNoSelectionRecordsAction();
+    unregisterExportMultipleRecordsAction();
   };
 
   return {

packages/twenty-front/src/modules/action-menu/actions/record-actions/no-selection/hooks/useExportMultipleRecordsAction.tsx → packages/twenty-front/src/modules/action-menu/actions/record-actions/no-selection/hooks/useExportViewNoSelectionRecordAction.tsx

@@ -12,10 +12,8 @@ import {
 } from '@/object-record/record-index/export/hooks/useExportRecords';
 
 export const useExportViewNoSelectionRecordAction = ({
-  position,
   objectMetadataItem,
 }: {
-  position: number;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -27,7 +25,11 @@ export const useExportViewNoSelectionRecordAction = ({
     filename: `${objectMetadataItem.nameSingular}.csv`,
   });
 
-  const registerExportViewNoSelectionRecordsAction = () => {
+  const registerExportViewNoSelectionRecordsAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     addActionMenuEntry({
       type: ActionMenuEntryType.Standard,
       scope: ActionMenuEntryScope.Global,

packages/twenty-front/src/modules/action-menu/actions/record-actions/no-selection/hooks/useNoSelectionRecordActions.tsx

@@ -1,4 +1,4 @@
-import { useExportViewNoSelectionRecordAction } from '@/action-menu/actions/record-actions/no-selection/hooks/useExportMultipleRecordsAction';
+import { useExportViewNoSelectionRecordAction } from '@/action-menu/actions/record-actions/no-selection/hooks/useExportViewNoSelectionRecordAction';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 
 export const useNoSelectionRecordActions = ({
@@ -10,12 +10,11 @@ export const useNoSelectionRecordActions = ({
     registerExportViewNoSelectionRecordsAction,
     unregisterExportViewNoSelectionRecordsAction,
   } = useExportViewNoSelectionRecordAction({
-    position: 0,
     objectMetadataItem,
   });
 
   const registerNoSelectionRecordActions = () => {
-    registerExportViewNoSelectionRecordsAction();
+    registerExportViewNoSelectionRecordsAction({ position: 0 });
   };
 
   const unregisterNoSelectionRecordActions = () => {

packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetter.tsx

@@ -0,0 +1,28 @@
+import { SingleRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/single-record/components/SingleRecordActionMenuEntrySetterEffect';
+import { WorkflowSingleRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/single-record/workflow-actions/components/WorkflowSingleRecordActionMenuEntrySetterEffect';
+import { WorkflowVersionsSingleRecordActionMenuEntrySetterEffect } from '@/action-menu/actions/record-actions/single-record/workflow-version-actions/components/WorkflowVersionsSingleRecordActionMenuEntrySetterEffect';
+import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
+import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+
+export const SingleRecordActionMenuEntrySetter = ({
+  objectMetadataItem,
+}: {
+  objectMetadataItem: ObjectMetadataItem;
+}) => {
+  return (
+    <>
+      <SingleRecordActionMenuEntrySetterEffect
+        objectMetadataItem={objectMetadataItem}
+      />
+      {objectMetadataItem.nameSingular === CoreObjectNameSingular.Workflow && (
+        <WorkflowSingleRecordActionMenuEntrySetterEffect startPosition={3} />
+      )}
+      {objectMetadataItem.nameSingular ===
+        CoreObjectNameSingular.WorkflowVersion && (
+        <WorkflowVersionsSingleRecordActionMenuEntrySetterEffect
+          startPosition={3}
+        />
+      )}
+    </>
+  );
+};

packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/hooks/useDeleteSingleRecordAction.tsx

@@ -4,23 +4,21 @@ import {
   ActionMenuEntryScope,
   ActionMenuEntryType,
 } from '@/action-menu/types/ActionMenuEntry';
-import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { useDeleteFavorite } from '@/favorites/hooks/useDeleteFavorite';
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
 import { useRecordTable } from '@/object-record/record-table/hooks/useRecordTable';
 import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
 import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
-import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useCallback, useContext, useState } from 'react';
 import { IconTrash, isDefined } from 'twenty-ui';
 
 export const useDeleteSingleRecordAction = ({
-  position,
+  recordId,
   objectMetadataItem,
 }: {
-  position: number;
+  recordId: string;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
@@ -39,48 +37,43 @@ export const useDeleteSingleRecordAction = ({
   const { sortedFavorites: favorites } = useFavorites();
   const { deleteFavorite } = useDeleteFavorite();
 
-  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
-    contextStoreTargetedRecordsRuleComponentState,
-  );
-
   const { closeRightDrawer } = useRightDrawer();
 
-  const recordIdToDelete =
-    contextStoreTargetedRecordsRule.mode === 'selection'
-      ? contextStoreTargetedRecordsRule.selectedRecordIds?.[0]
-      : undefined;
-
   const handleDeleteClick = useCallback(async () => {
-    if (!isDefined(recordIdToDelete)) {
+    if (!isDefined(recordId)) {
       return;
     }
 
     resetTableRowSelection();
 
     const foundFavorite = favorites?.find(
-      (favorite) => favorite.recordId === recordIdToDelete,
+      (favorite) => favorite.recordId === recordId,
     );
 
     if (isDefined(foundFavorite)) {
       deleteFavorite(foundFavorite.id);
     }
 
-    await deleteOneRecord(recordIdToDelete);
+    await deleteOneRecord(recordId);
   }, [
     deleteFavorite,
     deleteOneRecord,
     favorites,
-    recordIdToDelete,
     resetTableRowSelection,
+    recordId,
   ]);
 
   const isRemoteObject = objectMetadataItem.isRemote;
 
   const { isInRightDrawer, onActionExecutedCallback } =
     useContext(ActionMenuContext);
 
-  const registerDeleteSingleRecordAction = () => {
-    if (isRemoteObject || !isDefined(recordIdToDelete)) {
+  const registerDeleteSingleRecordAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
+    if (isRemoteObject) {
       return;
     }
 

packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/hooks/useManageFavoritesSingleRecordAction.tsx → packages/twenty-front/src/modules/action-menu/actions/record-actions/single-record/hooks/useManageFavoritesSingleRecordAction.ts

@@ -3,51 +3,42 @@ import {
   ActionMenuEntryScope,
   ActionMenuEntryType,
 } from '@/action-menu/types/ActionMenuEntry';
-import { contextStoreTargetedRecordsRuleComponentState } from '@/context-store/states/contextStoreTargetedRecordsRuleComponentState';
 import { useCreateFavorite } from '@/favorites/hooks/useCreateFavorite';
 import { useDeleteFavorite } from '@/favorites/hooks/useDeleteFavorite';
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
-import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useRecoilValue } from 'recoil';
 import { IconHeart, IconHeartOff, isDefined } from 'twenty-ui';
 
 export const useManageFavoritesSingleRecordAction = ({
-  position,
+  recordId,
   objectMetadataItem,
 }: {
-  position: number;
+  recordId: string;
   objectMetadataItem: ObjectMetadataItem;
 }) => {
   const { addActionMenuEntry, removeActionMenuEntry } = useActionMenuEntries();
 
-  const contextStoreTargetedRecordsRule = useRecoilComponentValueV2(
-    contextStoreTargetedRecordsRuleComponentState,
-  );
-
   const { sortedFavorites: favorites } = useFavorites();
 
   const { createFavorite } = useCreateFavorite();
 
   const { deleteFavorite } = useDeleteFavorite();
 
-  const selectedRecordId =
-    contextStoreTargetedRecordsRule.mode === 'selection'
-      ? contextStoreTargetedRecordsRule.selectedRecordIds[0]
-      : undefined;
-
-  const selectedRecord = useRecoilValue(
-    recordStoreFamilyState(selectedRecordId ?? ''),
-  );
+  const selectedRecord = useRecoilValue(recordStoreFamilyState(recordId));
 
   const foundFavorite = favorites?.find(
-    (favorite) => favorite.recordId === selectedRecordId,
+    (favorite) => favorite.recordId === recordId,
   );
 
-  const isFavorite = !!selectedRecordId && !!foundFavorite;
+  const isFavorite = !!foundFavorite;
 
-  const registerManageFavoritesSingleRecordAction = () => {
+  const registerManageFavoritesSingleRecordAction = ({
+    position,
+  }: {
+    position: number;
+  }) => {
     if (!isDefined(objectMetadataItem) || objectMetadataItem.isRemote) {
       return;
     }