271 remove is command menu v2 enabled (#10809)

Closes https://github.com/twentyhq/core-team-issues/issues/271

This PR
- Removes the feature flag IS_COMMAND_MENU_V2_ENABLED
- Removes all old Right drawer components
- Removes the Action menu bar
- Removes unused Copilot page

packages/twenty-front/src/modules/object-record/components/RecordChip.tsx

@@ -9,7 +9,7 @@ import {
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { getLinkToShowPage } from '@/object-metadata/utils/getLinkToShowPage';
 import { useRecordChipData } from '@/object-record/hooks/useRecordChipData';
-import { recordIndexOpenRecordInSelector } from '@/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector';
+import { recordIndexOpenRecordInState } from '@/object-record/record-index/states/recordIndexOpenRecordInState';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
 import { useRecoilValue } from 'recoil';
@@ -41,9 +41,7 @@ export const RecordChip = ({
 
   const { openRecordInCommandMenu } = useCommandMenu();
 
-  const recordIndexOpenRecordIn = useRecoilValue(
-    recordIndexOpenRecordInSelector,
-  );
+  const recordIndexOpenRecordIn = useRecoilValue(recordIndexOpenRecordInState);
 
   // TODO temporary until we create a record show page for Workspaces members
   if (forceDisableClick) {

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownMenuContent.tsx

@@ -24,24 +24,16 @@ import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
 import { useSetRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentStateV2';
 import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly';
-import { ViewType } from '@/views/types/ViewType';
 import { useDeleteViewFromCurrentState } from '@/views/view-picker/hooks/useDeleteViewFromCurrentState';
 import { viewPickerReferenceViewIdComponentState } from '@/views/view-picker/states/viewPickerReferenceViewIdComponentState';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { useTheme } from '@emotion/react';
 import { useLingui } from '@lingui/react/macro';
 import { isDefined } from 'twenty-shared';
-import { FeatureFlagKey } from '~/generated-metadata/graphql';
 
 export const ObjectOptionsDropdownMenuContent = () => {
   const { t } = useLingui();
-  const {
-    recordIndexId,
-    objectMetadataItem,
-    viewType,
-    onContentChange,
-    closeDropdown,
-  } = useOptionsDropdown();
+  const { recordIndexId, objectMetadataItem, onContentChange, closeDropdown } =
+    useOptionsDropdown();
 
   const { getIcon } = useIcons();
   const { currentView } = useGetCurrentViewOnly();
@@ -70,10 +62,6 @@ export const ObjectOptionsDropdownMenuContent = () => {
     viewBarId: recordIndexId,
   });
 
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   const { deleteViewFromCurrentState } = useDeleteViewFromCurrentState();
   const setViewPickerReferenceViewId = useSetRecoilComponentStateV2(
     viewPickerReferenceViewIdComponentState,
@@ -95,19 +83,15 @@ export const ObjectOptionsDropdownMenuContent = () => {
         {currentView?.name}
       </DropdownMenuHeader>
 
-      {(isCommandMenuV2Enabled || viewType === ViewType.Kanban) && (
-        <>
-          <DropdownMenuItemsContainer scrollable={false}>
-            <MenuItem
-              onClick={() => onContentChange('viewSettings')}
-              LeftIcon={IconLayout}
-              text={t`View settings`}
-              hasSubMenu
-            />
-          </DropdownMenuItemsContainer>
-          <DropdownMenuSeparator />
-        </>
-      )}
+      <DropdownMenuItemsContainer scrollable={false}>
+        <MenuItem
+          onClick={() => onContentChange('viewSettings')}
+          LeftIcon={IconLayout}
+          text={t`View settings`}
+          hasSubMenu
+        />
+      </DropdownMenuItemsContainer>
+      <DropdownMenuSeparator />
 
       <DropdownMenuItemsContainer scrollable={false}>
         <MenuItem

packages/twenty-front/src/modules/object-record/object-options-dropdown/components/ObjectOptionsDropdownViewSettingsContent.tsx

@@ -15,10 +15,8 @@ import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/Drop
 import { useGetCurrentViewOnly } from '@/views/hooks/useGetCurrentViewOnly';
 import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
 import { ViewType } from '@/views/types/ViewType';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { useLingui } from '@lingui/react/macro';
 import { useRecoilValue } from 'recoil';
-import { FeatureFlagKey } from '~/generated-metadata/graphql';
 
 export const ObjectOptionsDropdownViewSettingsContent = () => {
   const { t } = useLingui();
@@ -41,33 +39,27 @@ export const ObjectOptionsDropdownViewSettingsContent = () => {
 
   const recordIndexOpenRecordIn = useRecoilValue(recordIndexOpenRecordInState);
 
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   return (
     <>
       <DropdownMenuHeader StartIcon={IconChevronLeft} onClick={resetContent}>
         {t`View settings`}
       </DropdownMenuHeader>
       <DropdownMenuItemsContainer>
-        {isCommandMenuV2Enabled && (
-          <MenuItem
-            onClick={() => onContentChange('viewSettingsOpenIn')}
-            LeftIcon={
-              recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL
-                ? IconLayoutSidebarRight
-                : IconLayoutNavbar
-            }
-            text={t`Open in`}
-            contextualText={
-              recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL
-                ? t`Side Panel`
-                : t`Record Page`
-            }
-            hasSubMenu
-          />
-        )}
+        <MenuItem
+          onClick={() => onContentChange('viewSettingsOpenIn')}
+          LeftIcon={
+            recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL
+              ? IconLayoutSidebarRight
+              : IconLayoutNavbar
+          }
+          text={t`Open in`}
+          contextualText={
+            recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL
+              ? t`Side Panel`
+              : t`Record Page`
+          }
+          hasSubMenu
+        />
         {viewType === ViewType.Kanban && (
           <MenuItemToggle
             LeftIcon={IconBaselineDensitySmall}

packages/twenty-front/src/modules/object-record/record-board/components/RecordBoard.tsx

@@ -4,7 +4,6 @@ import { useContext, useRef } from 'react';
 import { useRecoilCallback, useSetRecoilState } from 'recoil';
 import { Key } from 'ts-key-enum';
 
-import { useActionMenu } from '@/action-menu/hooks/useActionMenu';
 import { ActionBarHotkeyScope } from '@/action-menu/types/ActionBarHotKeyScope';
 import { getActionMenuIdFromRecordIndexId } from '@/action-menu/utils/getActionMenuIdFromRecordIndexId';
 import { RecordBoardHeader } from '@/object-record/record-board/components/RecordBoardHeader';
@@ -24,6 +23,7 @@ import { currentRecordSortsComponentState } from '@/object-record/record-sort/st
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { isRemoveSortingModalOpenState } from '@/object-record/record-table/states/isRemoveSortingModalOpenState';
 import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkeyScope';
+import { useDropdownV2 } from '@/ui/layout/dropdown/hooks/useDropdownV2';
 import { DragSelect } from '@/ui/utilities/drag-select/components/DragSelect';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { useClickOutsideListener } from '@/ui/utilities/pointer-event/hooks/useClickOutsideListener';
@@ -76,10 +76,11 @@ export const RecordBoard = () => {
   );
 
   const actionMenuId = getActionMenuIdFromRecordIndexId(recordBoardId);
-  const { closeActionMenuDropdown } = useActionMenu(actionMenuId);
+
+  const { closeDropdown } = useDropdownV2();
 
   const handleDragSelectionStart = () => {
-    closeActionMenuDropdown();
+    closeDropdown(actionMenuId);
 
     toggleClickOutsideListener(false);
   };

packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCard.tsx

@@ -1,4 +1,3 @@
-import { useActionMenu } from '@/action-menu/hooks/useActionMenu';
 import { recordIndexActionMenuDropdownPositionComponentState } from '@/action-menu/states/recordIndexActionMenuDropdownPositionComponentState';
 import { getActionMenuDropdownIdFromActionMenuId } from '@/action-menu/utils/getActionMenuDropdownIdFromActionMenuId';
 import { getActionMenuIdFromRecordIndexId } from '@/action-menu/utils/getActionMenuIdFromRecordIndexId';
@@ -8,13 +7,14 @@ import { RecordBoardScopeInternalContext } from '@/object-record/record-board/sc
 import { isRecordBoardCardSelectedComponentFamilyState } from '@/object-record/record-board/states/isRecordBoardCardSelectedComponentFamilyState';
 import { isRecordBoardCompactModeActiveComponentState } from '@/object-record/record-board/states/isRecordBoardCompactModeActiveComponentState';
 import { recordBoardVisibleFieldDefinitionsComponentSelector } from '@/object-record/record-board/states/selectors/recordBoardVisibleFieldDefinitionsComponentSelector';
-import { recordIndexOpenRecordInSelector } from '@/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector';
 
 import { RecordBoardCardBody } from '@/object-record/record-board/record-board-card/components/RecordBoardCardBody';
 import { RecordBoardCardHeader } from '@/object-record/record-board/record-board-card/components/RecordBoardCardHeader';
 import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
+import { recordIndexOpenRecordInState } from '@/object-record/record-index/states/recordIndexOpenRecordInState';
 import { RecordValueSetterEffect } from '@/object-record/record-store/components/RecordValueSetterEffect';
 import { AppPath } from '@/types/AppPath';
+import { useDropdownV2 } from '@/ui/layout/dropdown/hooks/useDropdownV2';
 import { useAvailableScopeIdOrThrow } from '@/ui/utilities/recoil-scope/scopes-internal/hooks/useAvailableScopeId';
 import { RecordBoardScrollWrapperContext } from '@/ui/utilities/scroll/contexts/ScrollWrapperContexts';
 import { useRecoilComponentFamilyStateV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentFamilyStateV2';
@@ -119,11 +119,9 @@ export const RecordBoardCard = ({
     ),
   );
 
-  const { openActionMenuDropdown } = useActionMenu(actionMenuId);
+  const { openDropdown } = useDropdownV2();
 
-  const recordIndexOpenRecordIn = useRecoilValue(
-    recordIndexOpenRecordInSelector,
-  );
+  const recordIndexOpenRecordIn = useRecoilValue(recordIndexOpenRecordInState);
 
   const handleActionMenuDropdown = (event: React.MouseEvent) => {
     event.preventDefault();
@@ -132,7 +130,7 @@ export const RecordBoardCard = ({
       x: event.clientX,
       y: event.clientY,
     });
-    openActionMenuDropdown();
+    openDropdown(actionMenuDropdownId);
   };
 
   const handleCardClick = () => {

packages/twenty-front/src/modules/object-record/record-board/record-board-card/components/RecordBoardCardHeader.tsx

@@ -19,7 +19,7 @@ import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata'
 import { getFieldButtonIcon } from '@/object-record/record-field/utils/getFieldButtonIcon';
 import { isFieldValueEmpty } from '@/object-record/record-field/utils/isFieldValueEmpty';
 import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
-import { recordIndexOpenRecordInSelector } from '@/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector';
+import { recordIndexOpenRecordInState } from '@/object-record/record-index/states/recordIndexOpenRecordInState';
 import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
 import { RecordInlineCellEditMode } from '@/object-record/record-inline-cell/components/RecordInlineCellEditMode';
 import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
@@ -125,9 +125,7 @@ export const RecordBoardCardHeader = ({
     return [updateEntity, { loading: false }];
   };
 
-  const recordIndexOpenRecordIn = useRecoilValue(
-    recordIndexOpenRecordInSelector,
-  );
+  const recordIndexOpenRecordIn = useRecoilValue(recordIndexOpenRecordInState);
 
   return (
     <RecordBoardCardHeaderContainer showCompactView={showCompactView}>

packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnNewOpportunity.tsx

@@ -1,3 +1,4 @@
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
 import { useAddNewCard } from '@/object-record/record-board/record-board-column/hooks/useAddNewCard';
@@ -6,11 +7,8 @@ import { SingleRecordPicker } from '@/object-record/record-picker/single-record-
 import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
 import { viewableRecordNameSingularState } from '@/object-record/record-right-drawer/states/viewableRecordNameSingularState';
 import { OverlayContainer } from '@/ui/layout/overlay/components/OverlayContainer';
-import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
-import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
 import { useRecoilValue, useSetRecoilState } from 'recoil';
 import { isDefined } from 'twenty-shared';
-import { IconList } from 'twenty-ui';
 import { v4 } from 'uuid';
 
 export const RecordBoardColumnNewOpportunity = ({
@@ -34,14 +32,15 @@ export const RecordBoardColumnNewOpportunity = ({
   const { createOneRecord: createCompany } = useCreateOneRecord({
     objectNameSingular: CoreObjectNameSingular.Company,
   });
-  const { openRightDrawer } = useRightDrawer();
 
   const setViewableRecordId = useSetRecoilState(viewableRecordIdState);
   const setViewableRecordNameSingular = useSetRecoilState(
     viewableRecordNameSingularState,
   );
 
-  const createCompanyOpportunityAndOpenRightDrawer = async (
+  const { openRecordInCommandMenu } = useCommandMenu();
+
+  const createCompanyOpportunityAndOpenCommandMenu = async (
     searchInput?: string,
   ) => {
     const newRecordId = v4();
@@ -53,9 +52,9 @@ export const RecordBoardColumnNewOpportunity = ({
 
     setViewableRecordId(newRecordId);
     setViewableRecordNameSingular(CoreObjectNameSingular.Company);
-    openRightDrawer(RightDrawerPages.ViewRecord, {
-      title: 'Company',
-      Icon: IconList,
+    openRecordInCommandMenu({
+      recordId: newRecordId,
+      objectNameSingular: CoreObjectNameSingular.Company,
     });
 
     if (isDefined(createdCompany)) {
@@ -74,7 +73,7 @@ export const RecordBoardColumnNewOpportunity = ({
               company ? handleEntitySelect(position, company) : null
             }
             objectNameSingular={CoreObjectNameSingular.Company}
-            onCreate={createCompanyOpportunityAndOpenRightDrawer}
+            onCreate={createCompanyOpportunityAndOpenCommandMenu}
           />
         </OverlayContainer>
       )}

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/hooks/useAddNewRecordAndOpenRightDrawer.ts

@@ -9,13 +9,8 @@ import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { viewableRecordIdState } from '@/object-record/record-right-drawer/states/viewableRecordIdState';
 import { viewableRecordNameSingularState } from '@/object-record/record-right-drawer/states/viewableRecordNameSingularState';
-import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
-import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { isDefined } from 'twenty-shared';
-import { IconEye } from 'twenty-ui';
 import {
-  FeatureFlagKey,
   FieldMetadataType,
   RelationDefinitionType,
 } from '~/generated-metadata/graphql';
@@ -47,11 +42,7 @@ export const useAddNewRecordAndOpenRightDrawer = ({
         .nameSingular ?? 'workspaceMember',
   });
 
-  const { openRightDrawer } = useRightDrawer();
   const { openRecordInCommandMenu } = useCommandMenu();
-  const isCommandMenuEnabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
 
   if (
     relationObjectMetadataNameSingular === 'workspaceMember' ||
@@ -118,17 +109,10 @@ export const useAddNewRecordAndOpenRightDrawer = ({
       setViewableRecordId(newRecordId);
       setViewableRecordNameSingular(relationObjectMetadataNameSingular);
 
-      if (isCommandMenuEnabled) {
-        openRecordInCommandMenu({
-          recordId: newRecordId,
-          objectNameSingular: relationObjectMetadataNameSingular,
-        });
-      } else {
-        openRightDrawer(RightDrawerPages.ViewRecord, {
-          title: 'View Record',
-          Icon: IconEye,
-        });
-      }
+      openRecordInCommandMenu({
+        recordId: newRecordId,
+        objectNameSingular: relationObjectMetadataNameSingular,
+      });
     },
   };
 };

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexContainer.tsx

@@ -14,13 +14,10 @@ import { useRecordIndexContextOrThrow } from '@/object-record/record-index/conte
 import { RecordFieldValueSelectorContextProvider } from '@/object-record/record-store/contexts/RecordFieldValueSelectorContext';
 import { SpreadsheetImportProvider } from '@/spreadsheet-import/provider/components/SpreadsheetImportProvider';
 
-import { RecordIndexActionMenu } from '@/action-menu/components/RecordIndexActionMenu';
 import { RecordIndexFiltersToContextStoreEffect } from '@/object-record/record-index/components/RecordIndexFiltersToContextStoreEffect';
 import { RecordIndexTableContainerEffect } from '@/object-record/record-index/components/RecordIndexTableContainerEffect';
 import { ViewBar } from '@/views/components/ViewBar';
 import { ViewType } from '@/views/types/ViewType';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
-import { FeatureFlagKey } from '~/generated/graphql';
 
 const StyledContainer = styled.div`
   display: flex;
@@ -47,10 +44,6 @@ export const RecordIndexContainer = () => {
     objectNameSingular,
   } = useRecordIndexContextOrThrow();
 
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   return (
     <>
       <StyledContainer>
@@ -96,9 +89,6 @@ export const RecordIndexContainer = () => {
               <RecordIndexBoardDataLoaderEffect recordBoardId={recordIndexId} />
             </StyledContainerWithPadding>
           )}
-          {!isCommandMenuV2Enabled && (
-            <RecordIndexActionMenu indexId={recordIndexId} />
-          )}
         </RecordFieldValueSelectorContextProvider>
       </StyledContainer>
     </>

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageHeader.tsx

@@ -1,20 +1,10 @@
 import { RecordIndexActionMenu } from '@/action-menu/components/RecordIndexActionMenu';
-import { contextStoreNumberOfSelectedRecordsComponentState } from '@/context-store/states/contextStoreNumberOfSelectedRecordsComponentState';
 import { useFilteredObjectMetadataItems } from '@/object-metadata/hooks/useFilteredObjectMetadataItems';
-import { isObjectMetadataReadOnly } from '@/object-metadata/utils/isObjectMetadataReadOnly';
-import { RecordIndexPageKanbanAddButton } from '@/object-record/record-index/components/RecordIndexPageKanbanAddButton';
-import { RecordIndexPageTableAddButton } from '@/object-record/record-index/components/RecordIndexPageTableAddButton';
 import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
-import { recordIndexViewTypeState } from '@/object-record/record-index/states/recordIndexViewTypeState';
 import { PageHeaderOpenCommandMenuButton } from '@/ui/layout/page-header/components/PageHeaderOpenCommandMenuButton';
 import { PageHeader } from '@/ui/layout/page/components/PageHeader';
-import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
-import { ViewType } from '@/views/types/ViewType';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
-import { useRecoilValue } from 'recoil';
-import { capitalize, isDefined } from 'twenty-shared';
+import { capitalize } from 'twenty-shared';
 import { useIcons } from 'twenty-ui';
-import { FeatureFlagKey } from '~/generated/graphql';
 
 export const RecordIndexPageHeader = () => {
   const { findObjectMetadataItemByNamePlural } =
@@ -28,48 +18,14 @@ export const RecordIndexPageHeader = () => {
   const { getIcon } = useIcons();
   const Icon = getIcon(objectMetadataItem?.icon);
 
-  const recordIndexViewType = useRecoilValue(recordIndexViewTypeState);
-
   const { recordIndexId } = useRecordIndexContextOrThrow();
 
-  const numberOfSelectedRecords = useRecoilComponentValueV2(
-    contextStoreNumberOfSelectedRecordsComponentState,
-  );
-
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
-  const isObjectMetadataItemReadOnly =
-    isDefined(objectMetadataItem) &&
-    isObjectMetadataReadOnly(objectMetadataItem);
-
-  const shouldDisplayAddButton =
-    (numberOfSelectedRecords === 0 || !isCommandMenuV2Enabled) &&
-    !isObjectMetadataItemReadOnly &&
-    !isCommandMenuV2Enabled;
-
-  const isTable = recordIndexViewType === ViewType.Table;
-
   const pageHeaderTitle =
     objectMetadataItem?.labelPlural ?? capitalize(objectNamePlural);
 
   return (
     <PageHeader title={pageHeaderTitle} Icon={Icon}>
-      {shouldDisplayAddButton &&
-        /**
-         * TODO: Logic between Table and Kanban should be merged here when we move some states to record-index
-         */
-        (isTable ? (
-          <RecordIndexPageTableAddButton />
-        ) : (
-          <RecordIndexPageKanbanAddButton />
-        ))}
-
-      {isCommandMenuV2Enabled && (
-        <RecordIndexActionMenu indexId={recordIndexId} />
-      )}
-
+      <RecordIndexActionMenu indexId={recordIndexId} />
       <PageHeaderOpenCommandMenuButton />
     </PageHeader>
   );

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageTableAddButton.tsx

@@ -1,22 +0,0 @@
-import { hasRecordGroupsComponentSelector } from '@/object-record/record-group/states/selectors/hasRecordGroupsComponentSelector';
-import { RecordIndexAddRecordInGroupDropdown } from '@/object-record/record-index/components/RecordIndexAddRecordInGroupDropdown';
-import { RecordIndexPageTableAddButtonNoGroup } from '@/object-record/record-index/components/RecordIndexPageTableAddButtonNoGroup';
-import { PageAddButton } from '@/ui/layout/page/components/PageAddButton';
-import { useRecoilComponentValueV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValueV2';
-
-export const RecordIndexPageTableAddButton = () => {
-  const hasRecordGroups = useRecoilComponentValueV2(
-    hasRecordGroupsComponentSelector,
-  );
-
-  if (!hasRecordGroups) {
-    return <RecordIndexPageTableAddButtonNoGroup />;
-  }
-
-  return (
-    <RecordIndexAddRecordInGroupDropdown
-      dropdownId="record-index-page-table-add-button-dropdown"
-      clickableComponent={<PageAddButton />}
-    />
-  );
-};

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexPageTableAddButtonNoGroup.tsx

@@ -1,24 +0,0 @@
-import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
-import { useCreateNewTableRecord } from '@/object-record/record-table/hooks/useCreateNewTableRecords';
-import { PageAddButton } from '@/ui/layout/page/components/PageAddButton';
-import { PageHotkeysEffect } from '@/ui/layout/page/components/PageHotkeysEffect';
-
-export const RecordIndexPageTableAddButtonNoGroup = () => {
-  const { recordIndexId, objectMetadataItem } = useRecordIndexContextOrThrow();
-
-  const { createNewTableRecord } = useCreateNewTableRecord({
-    objectMetadataItem,
-    recordTableId: recordIndexId,
-  });
-
-  const handleCreateNewTableRecord = () => {
-    createNewTableRecord();
-  };
-
-  return (
-    <>
-      <PageHotkeysEffect onAddButtonClick={handleCreateNewTableRecord} />
-      <PageAddButton onClick={handleCreateNewTableRecord} />
-    </>
-  );
-};

packages/twenty-front/src/modules/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector.ts

@@ -1,21 +0,0 @@
-import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
-import { recordIndexOpenRecordInState } from '@/object-record/record-index/states/recordIndexOpenRecordInState';
-import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
-import { checkIfFeatureFlagIsEnabledOnWorkspace } from '@/workspace/utils/checkIfFeatureFlagIsEnabledOnWorkspace';
-import { selector } from 'recoil';
-import { FeatureFlagKey } from '~/generated-metadata/graphql';
-
-export const recordIndexOpenRecordInSelector = selector<ViewOpenRecordInType>({
-  key: 'recordIndexOpenRecordInSelector',
-  get: ({ get }) => {
-    const currentWorkspace = get(currentWorkspaceState);
-    const isCommandMenuV2Enabled = checkIfFeatureFlagIsEnabledOnWorkspace(
-      FeatureFlagKey.IsCommandMenuV2Enabled,
-      currentWorkspace,
-    );
-
-    return isCommandMenuV2Enabled
-      ? get(recordIndexOpenRecordInState)
-      : ViewOpenRecordInType.RECORD_PAGE;
-  },
-});

packages/twenty-front/src/modules/object-record/record-show/components/SummaryCard.tsx

@@ -1,20 +1,15 @@
-import { ContextStoreViewType } from '@/context-store/types/ContextStoreViewType';
 import { useGetStandardObjectIcon } from '@/object-metadata/hooks/useGetStandardObjectIcon';
 import { CoreObjectNameSingular } from '@/object-metadata/types/CoreObjectNameSingular';
 import { FieldContext } from '@/object-record/record-field/contexts/FieldContext';
-import { isFieldValueReadOnly } from '@/object-record/record-field/utils/isFieldValueReadOnly';
-import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
 import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
-import { RightDrawerTitleRecordInlineCell } from '@/object-record/record-right-drawer/components/RightDrawerTitleRecordInlineCell';
 import { useRecordShowContainerActions } from '@/object-record/record-show/hooks/useRecordShowContainerActions';
 import { useRecordShowContainerData } from '@/object-record/record-show/hooks/useRecordShowContainerData';
 import { RecordTitleCell } from '@/object-record/record-title-cell/components/RecordTitleCell';
 import { ShowPageSummaryCard } from '@/ui/layout/show-page/components/ShowPageSummaryCard';
 import { ShowPageSummaryCardSkeletonLoader } from '@/ui/layout/show-page/components/ShowPageSummaryCardSkeletonLoader';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { isDefined } from 'twenty-shared';
-import { FeatureFlagKey, FieldMetadataType } from '~/generated/graphql';
+import { FieldMetadataType } from '~/generated/graphql';
 
 type SummaryCardProps = {
   objectNameSingular: string;
@@ -51,16 +46,6 @@ export const SummaryCard = ({
   const { Icon, IconColor } = useGetStandardObjectIcon(objectNameSingular);
   const isMobile = useIsMobile() || isInRightDrawer;
 
-  const isReadOnly = isFieldValueReadOnly({
-    objectNameSingular,
-    isRecordDeleted: recordFromStore?.isDeleted,
-    contextStoreCurrentViewType: ContextStoreViewType.ShowPage,
-  });
-
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   if (isNewRightDrawerItemLoading || !isDefined(recordFromStore)) {
     return <ShowPageSummaryCardSkeletonLoader />;
   }
@@ -101,13 +86,7 @@ export const SummaryCard = ({
             isDisplayModeFixHeight: true,
           }}
         >
-          {isCommandMenuV2Enabled ? (
-            <RecordTitleCell sizeVariant="md" />
-          ) : isInRightDrawer ? (
-            <RightDrawerTitleRecordInlineCell />
-          ) : (
-            <RecordInlineCell readonly={isReadOnly} />
-          )}
+          <RecordTitleCell sizeVariant="md" />
         </FieldContext.Provider>
       }
       avatarType={recordIdentifier?.avatarType ?? 'rounded'}

packages/twenty-front/src/modules/object-record/record-table/hooks/useCreateNewTableRecords.ts

@@ -5,20 +5,16 @@ import { recordIndexOpenRecordInState } from '@/object-record/record-index/state
 import { DEFAULT_CELL_SCOPE } from '@/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCellV2';
 import { useSelectedTableCellEditMode } from '@/object-record/record-table/record-table-cell/hooks/useSelectedTableCellEditMode';
 import { recordTablePendingRecordIdByGroupComponentFamilyState } from '@/object-record/record-table/states/recordTablePendingRecordIdByGroupComponentFamilyState';
-import { recordTablePendingRecordIdComponentState } from '@/object-record/record-table/states/recordTablePendingRecordIdComponentState';
 import { useRecordTitleCell } from '@/object-record/record-title-cell/hooks/useRecordTitleCell';
 import { getDropdownFocusIdForRecordField } from '@/object-record/utils/getDropdownFocusIdForRecordField';
 import { AppPath } from '@/types/AppPath';
 import { useSetActiveDropdownFocusIdAndMemorizePrevious } from '@/ui/layout/dropdown/hooks/useSetFocusedDropdownIdAndMemorizePrevious';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { useRecoilComponentCallbackStateV2 } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentCallbackStateV2';
-import { useSetRecoilComponentStateV2 } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentStateV2';
 import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
-import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
 import { useRecoilCallback } from 'recoil';
 import { isDefined } from 'twenty-shared';
 import { v4 } from 'uuid';
-import { FeatureFlagKey } from '~/generated/graphql';
 import { useNavigateApp } from '~/hooks/useNavigateApp';
 
 export const useCreateNewTableRecord = ({
@@ -34,11 +30,6 @@ export const useCreateNewTableRecord = ({
 
   const setHotkeyScope = useSetHotkeyScope();
 
-  const setPendingRecordId = useSetRecoilComponentStateV2(
-    recordTablePendingRecordIdComponentState,
-    recordTableId,
-  );
-
   const recordTablePendingRecordIdByGroupFamilyState =
     useRecoilComponentCallbackStateV2(
       recordTablePendingRecordIdByGroupComponentFamilyState,
@@ -50,10 +41,6 @@ export const useCreateNewTableRecord = ({
 
   const { openRecordInCommandMenu } = useCommandMenu();
 
-  const isCommandMenuV2Enabled = useIsFeatureEnabled(
-    FeatureFlagKey.IsCommandMenuV2Enabled,
-  );
-
   const { createOneRecord } = useCreateOneRecord({
     objectNameSingular: objectMetadataItem.nameSingular,
     shouldMatchRootQueryFilter: true,
@@ -68,64 +55,37 @@ export const useCreateNewTableRecord = ({
       async () => {
         const recordId = v4();
 
-        if (isCommandMenuV2Enabled) {
-          const recordIndexOpenRecordIn = snapshot
-            .getLoadable(recordIndexOpenRecordInState)
-            .getValue();
+        const recordIndexOpenRecordIn = snapshot
+          .getLoadable(recordIndexOpenRecordInState)
+          .getValue();
 
-          await createOneRecord({ id: recordId });
+        await createOneRecord({ id: recordId });
 
-          if (recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL) {
-            openRecordInCommandMenu({
-              recordId,
-              objectNameSingular: objectMetadataItem.nameSingular,
-              isNewRecord: true,
-            });
+        if (recordIndexOpenRecordIn === ViewOpenRecordInType.SIDE_PANEL) {
+          openRecordInCommandMenu({
+            recordId,
+            objectNameSingular: objectMetadataItem.nameSingular,
+            isNewRecord: true,
+          });
 
-            openRecordTitleCell({
-              recordId,
-              fieldMetadataId:
-                objectMetadataItem.labelIdentifierFieldMetadataId,
-            });
-          } else {
-            navigate(AppPath.RecordShowPage, {
-              objectNameSingular: objectMetadataItem.nameSingular,
-              objectRecordId: recordId,
-            });
-          }
-
-          return;
-        }
-
-        setPendingRecordId(recordId);
-        setSelectedTableCellEditMode(-1, 0);
-        setHotkeyScope(
-          DEFAULT_CELL_SCOPE.scope,
-          DEFAULT_CELL_SCOPE.customScopes,
-        );
-
-        if (isDefined(objectMetadataItem.labelIdentifierFieldMetadataId)) {
-          setActiveDropdownFocusIdAndMemorizePrevious(
-            getDropdownFocusIdForRecordField(
-              recordId,
-              objectMetadataItem.labelIdentifierFieldMetadataId,
-              'table-cell',
-            ),
-          );
+          openRecordTitleCell({
+            recordId,
+            fieldMetadataId: objectMetadataItem.labelIdentifierFieldMetadataId,
+          });
+        } else {
+          navigate(AppPath.RecordShowPage, {
+            objectNameSingular: objectMetadataItem.nameSingular,
+            objectRecordId: recordId,
+          });
         }
       },
     [
       createOneRecord,
-      isCommandMenuV2Enabled,
       navigate,
       objectMetadataItem.labelIdentifierFieldMetadataId,
       objectMetadataItem.nameSingular,
       openRecordInCommandMenu,
       openRecordTitleCell,
-      setActiveDropdownFocusIdAndMemorizePrevious,
-      setHotkeyScope,
-      setPendingRecordId,
-      setSelectedTableCellEditMode,
     ],
   );
   const createNewTableRecordInGroup = useRecoilCallback(

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCellV2.ts

@@ -10,8 +10,6 @@ import { SOFT_FOCUS_CLICK_OUTSIDE_LISTENER_ID } from '@/object-record/record-tab
 import { useLeaveTableFocus } from '@/object-record/record-table/hooks/internal/useLeaveTableFocus';
 import { useMoveEditModeToTableCellPosition } from '@/object-record/record-table/hooks/internal/useMoveEditModeToCellPosition';
 import { TableCellPosition } from '@/object-record/record-table/types/TableCellPosition';
-import { useRightDrawer } from '@/ui/layout/right-drawer/hooks/useRightDrawer';
-import { RightDrawerPages } from '@/ui/layout/right-drawer/types/RightDrawerPages';
 import { useDragSelect } from '@/ui/utilities/drag-select/hooks/useDragSelect';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
@@ -22,7 +20,7 @@ import { isDefined } from 'twenty-shared';
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { useOpenFieldInputEditMode } from '@/object-record/record-field/hooks/useOpenFieldInputEditMode';
 import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
-import { recordIndexOpenRecordInSelector } from '@/object-record/record-index/states/selectors/recordIndexOpenRecordInSelector';
+import { recordIndexOpenRecordInState } from '@/object-record/record-index/states/recordIndexOpenRecordInState';
 import { viewableRecordNameSingularState } from '@/object-record/record-right-drawer/states/viewableRecordNameSingularState';
 import { RECORD_TABLE_CLICK_OUTSIDE_LISTENER_ID } from '@/object-record/record-table/constants/RecordTableClickOutsideListenerId';
 import { getDropdownFocusIdForRecordField } from '@/object-record/utils/getDropdownFocusIdForRecordField';
@@ -30,7 +28,6 @@ import { useSetActiveDropdownFocusIdAndMemorizePrevious } from '@/ui/layout/drop
 import { useClickOustideListenerStates } from '@/ui/utilities/pointer-event/hooks/useClickOustideListenerStates';
 import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
 import { useNavigate } from 'react-router-dom';
-import { IconList } from 'twenty-ui';
 import { TableHotkeyScope } from '../../types/TableHotkeyScope';
 
 export const DEFAULT_CELL_SCOPE: HotkeyScope = {
@@ -68,7 +65,6 @@ export const useOpenRecordTableCellV2 = (tableScopeId: string) => {
 
   const initDraftValue = useInitDraftValueV2();
 
-  const { openRightDrawer } = useRightDrawer();
   const setViewableRecordId = useSetRecoilState(viewableRecordIdState);
   const setViewableRecordNameSingular = useSetRecoilState(
     viewableRecordNameSingularState,
@@ -124,7 +120,7 @@ export const useOpenRecordTableCellV2 = (tableScopeId: string) => {
           leaveTableFocus();
 
           const openRecordIn = snapshot
-            .getLoadable(recordIndexOpenRecordInSelector)
+            .getLoadable(recordIndexOpenRecordInState)
             .getValue();
 
           if (openRecordIn === ViewOpenRecordInType.RECORD_PAGE) {
@@ -145,10 +141,6 @@ export const useOpenRecordTableCellV2 = (tableScopeId: string) => {
           leaveTableFocus();
           setViewableRecordId(recordId);
           setViewableRecordNameSingular(objectNameSingular);
-          openRightDrawer(RightDrawerPages.ViewRecord, {
-            title: objectNameSingular,
-            Icon: IconList,
-          });
 
           return;
         }
@@ -204,7 +196,6 @@ export const useOpenRecordTableCellV2 = (tableScopeId: string) => {
       openRecordInCommandMenu,
       setViewableRecordId,
       setViewableRecordNameSingular,
-      openRightDrawer,
       setHotkeyScope,
     ],
   );

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useTriggerActionMenuDropdown.ts

@@ -2,10 +2,8 @@ import { useRecoilCallback } from 'recoil';
 
 import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
 import { recordIndexActionMenuDropdownPositionComponentState } from '@/action-menu/states/recordIndexActionMenuDropdownPositionComponentState';
-import { getActionBarIdFromActionMenuId } from '@/action-menu/utils/getActionBarIdFromActionMenuId';
 import { getActionMenuDropdownIdFromActionMenuId } from '@/action-menu/utils/getActionMenuDropdownIdFromActionMenuId';
 import { isRowSelectedComponentFamilyState } from '@/object-record/record-table/record-table-row/states/isRowSelectedComponentFamilyState';
-import { isBottomBarOpenedComponentState } from '@/ui/layout/bottom-bar/states/isBottomBarOpenedComponentState';
 import { useSetActiveDropdownFocusIdAndMemorizePrevious } from '@/ui/layout/dropdown/hooks/useSetFocusedDropdownIdAndMemorizePrevious';
 import { isDropdownOpenComponentState } from '@/ui/layout/dropdown/states/isDropdownOpenComponentState';
 import { getSnapshotValue } from '@/ui/utilities/recoil-scope/utils/getSnapshotValue';
@@ -37,10 +35,6 @@ export const useTriggerActionMenuDropdown = ({
     getActionMenuDropdownIdFromActionMenuId(actionMenuInstanceId),
   );
 
-  const isActionBarOpenState = isBottomBarOpenedComponentState.atomFamily({
-    instanceId: getActionBarIdFromActionMenuId(actionMenuInstanceId),
-  });
-
   const { setActiveDropdownFocusIdAndMemorizePrevious } =
     useSetActiveDropdownFocusIdAndMemorizePrevious();
 
@@ -63,7 +57,6 @@ export const useTriggerActionMenuDropdown = ({
           set(isRowSelectedFamilyState(recordId), true);
         }
 
-        set(isActionBarOpenState, false);
         set(isActionMenuDropdownOpenState, true);
 
         const actionMenuDropdownId =
@@ -72,7 +65,6 @@ export const useTriggerActionMenuDropdown = ({
         setActiveDropdownFocusIdAndMemorizePrevious(actionMenuDropdownId);
       },
     [
-      isActionBarOpenState,
       isActionMenuDropdownOpenState,
       isRowSelectedFamilyState,
       recordIndexActionMenuDropdownPositionState,