Fix the crash of the app page when object view is configured to open only on record page.

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

@@ -6,6 +6,7 @@ import { RecordBoardContext } from '@/object-record/record-board/contexts/Record
 import { RecordBoardColumnDropdownMenu } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnDropdownMenu';
 import { RecordBoardColumnHeaderAggregateDropdown } from '@/object-record/record-board/record-board-column/components/RecordBoardColumnHeaderAggregateDropdown';
 
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { RECORD_BOARD_COLUMN_WIDTH } from '@/object-record/record-board/constants/RecordBoardColumnWidth';
 import { RecordBoardColumnContext } from '@/object-record/record-board/record-board-column/contexts/RecordBoardColumnContext';
 import { hasAnySoftDeleteFilterOnViewComponentSelector } from '@/object-record/record-filter/states/hasAnySoftDeleteFilterOnView';
@@ -104,9 +105,12 @@ export const RecordBoardColumnHeader = () => {
 
   const { toggleDropdown } = useToggleDropdown();
 
+  const { closeCommandMenu } = useCommandMenu();
+
   const dropdownId = `record-board-column-dropdown-${columnDefinition.id}`;
 
   const handleCreateNewRecordClick = async () => {
+    closeCommandMenu();
     await createNewIndexRecord({
       position: 'first',
       [selectFieldMetadataItem.name]: columnDefinition.value,

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

@@ -1,3 +1,4 @@
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject';
 import { RecordBoardContext } from '@/object-record/record-board/contexts/RecordBoardContext';
 import { RecordBoardColumnContext } from '@/object-record/record-board/record-board-column/contexts/RecordBoardColumnContext';
@@ -49,6 +50,8 @@ export const RecordBoardColumnNewRecordButton = () => {
     objectMetadataItem: objectMetadataItem,
   });
 
+  const { closeCommandMenu } = useCommandMenu();
+
   if (!hasObjectUpdatePermissions) {
     return null;
   }
@@ -59,8 +62,9 @@ export const RecordBoardColumnNewRecordButton = () => {
 
   return (
     <StyledNewButton
-      onClick={() => {
-        createNewIndexRecord({
+      onClick={async () => {
+        closeCommandMenu();
+        await createNewIndexRecord({
           position: 'last',
           [selectFieldMetadataItem.name]: columnDefinition.value,
         });

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

@@ -1,5 +1,7 @@
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject';
 import { isFieldMetadataReadOnlyByPermissions } from '@/object-record/read-only/utils/internal/isFieldMetadataReadOnlyByPermissions';
+import { useRecordCalendarContextOrThrow } from '@/object-record/record-calendar/contexts/RecordCalendarContext';
 import { hasAnySoftDeleteFilterOnViewComponentSelector } from '@/object-record/record-filter/states/hasAnySoftDeleteFilterOnView';
 import { recordIndexCalendarFieldMetadataIdState } from '@/object-record/record-index/states/recordIndexCalendarFieldMetadataIdState';
 import { useCreateNewIndexRecord } from '@/object-record/record-table/hooks/useCreateNewIndexRecord';
@@ -11,7 +13,6 @@ import { useRecoilValue } from 'recoil';
 import { type Temporal } from 'temporal-polyfill';
 import { IconPlus } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
-import { useRecordCalendarContextOrThrow } from '@/object-record/record-calendar/contexts/RecordCalendarContext';
 
 const StyledButton = styled(Button)`
   padding: ${({ theme }) => theme.spacing(0.5)};
@@ -30,6 +31,8 @@ export const RecordCalendarAddNew = ({
   const { objectMetadataItem } = useRecordCalendarContextOrThrow();
   const theme = useTheme();
 
+  const { closeCommandMenu } = useCommandMenu();
+
   const { createNewIndexRecord } = useCreateNewIndexRecord({
     objectMetadataItem,
   });
@@ -70,8 +73,9 @@ export const RecordCalendarAddNew = ({
 
   return (
     <StyledButton
-      onClick={() => {
-        createNewIndexRecord({
+      onClick={async () => {
+        closeCommandMenu();
+        await createNewIndexRecord({
           [calendarFieldMetadataItem.name]: cardDate
             .toZonedDateTime(userTimezone)
             .toInstant()

packages/twenty-front/src/modules/object-record/record-index/hooks/useOpenRecordFromIndexView.ts

@@ -1,3 +1,4 @@
+import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { useOpenRecordInCommandMenu } from '@/command-menu/hooks/useOpenRecordInCommandMenu';
 import { MAIN_CONTEXT_STORE_INSTANCE_ID } from '@/context-store/constants/MainContextStoreInstanceId';
 import { contextStoreRecordShowParentViewComponentState } from '@/context-store/states/contextStoreRecordShowParentViewComponentState';
@@ -39,6 +40,8 @@ export const useOpenRecordFromIndexView = () => {
     recordIndexId,
   );
 
+  const { closeCommandMenu } = useCommandMenu();
+
   const openRecordFromIndexView = useRecoilCallback(
     ({ snapshot, set }) =>
       ({ recordId }: { recordId: string }) => {
@@ -82,6 +85,7 @@ export const useOpenRecordFromIndexView = () => {
             resetNavigationStack: true,
           });
         } else {
+          closeCommandMenu();
           navigate(AppPath.RecordShowPage, {
             objectNameSingular,
             objectRecordId: recordId,
@@ -97,6 +101,7 @@ export const useOpenRecordFromIndexView = () => {
       navigate,
       openRecordInCommandMenu,
       isMobile,
+      closeCommandMenu,
     ],
   );