Move is active to fe (#19649)

## Context
Moving isActive filtering to the frontend for page layout tabs and
widgets, hiding inactive entities from the UI while keeping them in
state for future reactivation

Next we will implement deactivated standard tab re-activation during tab
creation (cc @Devessier)
<img width="234" height="303" alt="📋 Menu (Slots)"
src="https://github.com/user-attachments/assets/17a25ac6-55e2-4778-b7f0-e7554ed69704"
/>

packages/twenty-front/src/modules/views/graphql/fragments/viewFieldFragment.ts

@@ -10,6 +10,7 @@ export const VIEW_FIELD_FRAGMENT = gql`
     size
     aggregateOperation
     viewFieldGroupId
+    isActive
     createdAt
     updatedAt
     deletedAt

packages/twenty-front/src/modules/views/graphql/fragments/viewFieldGroupFragment.ts

@@ -9,6 +9,7 @@ export const VIEW_FIELD_GROUP_FRAGMENT = gql`
     position
     isVisible
     viewId
+    isActive
     createdAt
     updatedAt
     deletedAt

packages/twenty-front/src/modules/views/states/selectors/viewsSelector.ts

@@ -24,7 +24,7 @@ export const viewsSelector = createAtomSelector<ViewWithRelations[]>({
       flatObjectMetadataItems.map((item) => [item.id, item]),
     );
 
-    const flatViewFields = get(metadataStoreState, 'viewFields')
+    const allFlatViewFields = get(metadataStoreState, 'viewFields')
       .current as FlatViewField[];
     const flatViewFilters = get(metadataStoreState, 'viewFilters')
       .current as FlatViewFilter[];
@@ -34,9 +34,14 @@ export const viewsSelector = createAtomSelector<ViewWithRelations[]>({
       .current as FlatViewGroup[];
     const flatViewFilterGroups = get(metadataStoreState, 'viewFilterGroups')
       .current as FlatViewFilterGroup[];
-    const flatViewFieldGroups = get(metadataStoreState, 'viewFieldGroups')
+    const allFlatViewFieldGroups = get(metadataStoreState, 'viewFieldGroups')
       .current as FlatViewFieldGroup[];
 
+    const flatViewFields = allFlatViewFields.filter((field) => field.isActive);
+    const flatViewFieldGroups = allFlatViewFieldGroups.filter(
+      (group) => group.isActive,
+    );
+
     const viewFieldsByViewId = new Map<string, FlatViewField[]>();
     const viewFiltersByViewId = new Map<string, FlatViewFilter[]>();
     const viewSortsByViewId = new Map<string, FlatViewSort[]>();

packages/twenty-front/src/modules/views/types/ViewField.ts

@@ -8,6 +8,7 @@ export type ViewField = {
   viewId?: string;
   fieldMetadataId: string;
   position: number;
+  isActive: boolean;
   isVisible: boolean;
   size: number;
   aggregateOperation?: AggregateOperations | null;

packages/twenty-front/src/modules/views/types/ViewFieldGroup.ts

@@ -4,6 +4,7 @@ export type ViewFieldGroup = {
   id: string;
   name: string;
   position: number;
+  isActive: boolean;
   isVisible: boolean;
   viewId: string;
   viewFields: ViewField[];

packages/twenty-front/src/modules/views/utils/__tests__/viewMapFunctions.test.ts

@@ -60,6 +60,7 @@ describe('mapViewFieldsToColumnDefinitions', () => {
         position: 1,
         size: 1,
         isVisible: false,
+        isActive: true,
         definition: {
           fieldMetadataId: '1',
           label: 'label 1',
@@ -78,6 +79,7 @@ describe('mapViewFieldsToColumnDefinitions', () => {
         position: 2,
         size: 2,
         isVisible: false,
+        isActive: true,
         definition: {
           fieldMetadataId: '2',
           label: 'label 2',
@@ -96,6 +98,7 @@ describe('mapViewFieldsToColumnDefinitions', () => {
         position: 3,
         size: 3,
         isVisible: true,
+        isActive: true,
         definition: {
           fieldMetadataId: '3',
           label: 'label 3',
@@ -188,6 +191,7 @@ describe('mapColumnDefinitionsToViewFields', () => {
         fieldMetadataId: 1,
         position: 1,
         isVisible: true,
+        isActive: true,
         definition: columnDefinitions[0],
         size: undefined,
       },
@@ -197,6 +201,7 @@ describe('mapColumnDefinitionsToViewFields', () => {
         position: 2,
         size: 200,
         isVisible: false,
+        isActive: true,
         definition: columnDefinitions[1],
       },
     ];

packages/twenty-front/src/modules/views/utils/mapBoardFieldDefinitionsToViewFields.ts

@@ -12,6 +12,7 @@ export const mapBoardFieldDefinitionsToViewFields = (
       size: 0,
       position: fieldDefinition.position,
       isVisible: fieldDefinition.isVisible ?? true,
+      isActive: true,
       definition: fieldDefinition,
     }),
   );

packages/twenty-front/src/modules/views/utils/mapColumnDefinitionToViewField.ts

@@ -12,6 +12,7 @@ export const mapColumnDefinitionsToViewFields = (
     position: columnDefinition.position,
     size: columnDefinition.size,
     isVisible: columnDefinition.isVisible ?? true,
+    isActive: true,
     definition: columnDefinition,
   }));
 };

packages/twenty-front/src/modules/views/utils/mapRecordFieldToViewField.ts

@@ -6,6 +6,7 @@ export const mapRecordFieldToViewField = (recordField: RecordField) => {
     id: recordField.id,
     fieldMetadataId: recordField.fieldMetadataItemId,
     isVisible: recordField.isVisible,
+    isActive: true,
     position: recordField.position,
     size: recordField.size,
     aggregateOperation: recordField.aggregateOperation,