1518 extensibility front add an application section in settings (#15056)

Protected by IS_APPLICATION_ENABLED featureFlag

Add `Application` section in settings

<img width="301" height="137" alt="image"
src="https://github.com/user-attachments/assets/ee53bdd2-36f6-45c6-8646-17b1e08abf00"
/>


A `settings/applications` route listing all installed applications

<img width="661" height="428" alt="image"
src="https://github.com/user-attachments/assets/69d534c4-4e9e-452a-a3d9-ded0223bb457"
/>

Introduce a new Tag for application managed items

<img width="885" height="759" alt="image"
src="https://github.com/user-attachments/assets/19767be5-61e5-4bd2-a51d-54ed9bfb1923"
/>



A `settings/applications/<application_id>` details setting page listing
all objects, serverlessFunctions and agents created by the application:

<img width="917" height="778" alt="image"
src="https://github.com/user-attachments/assets/7fc056a6-1d73-4242-b2eb-6f8955d8597d"
/>

A `settings/applications/<application_id>/<serverless_function_id>`

<img width="905" height="652" alt="image"
src="https://github.com/user-attachments/assets/56ca0021-26bf-42cb-9abf-34879f16050a"
/>

Add trigger tab in serverless function details (readonly for now)

<img width="899" height="724" alt="image"
src="https://github.com/user-attachments/assets/5eeefa35-f2a4-4fd8-a640-7b5c5891f226"
/>

Set object, serverless and agent setting detail pages readonly for
managed items
<img width="1075" height="859" alt="image"
src="https://github.com/user-attachments/assets/57c73d69-4980-47a2-b752-8dc5ab494530"
/>
<img width="648" height="582" alt="image"
src="https://github.com/user-attachments/assets/5ad5f3f7-3bc3-4e40-870a-4981c6492524"
/>
<img width="982" height="692" alt="image"
src="https://github.com/user-attachments/assets/7ad756c4-5d33-4a0a-9eb8-416c040362b9"
/>
<img width="1077" height="647" alt="image"
src="https://github.com/user-attachments/assets/e086b9f5-4062-4d10-82a9-4023de3cad3f"
/>

packages/twenty-front/src/modules/object-record/read-only/utils/__tests__/isObjectMetadataReadOnly.test.ts

@@ -64,4 +64,28 @@ describe('isObjectMetadataReadOnly', () => {
 
     expect(result).toBe(true);
   });
+
+  it('should return true if object is managed by application', () => {
+    const result = isObjectMetadataReadOnly({
+      objectMetadataItem: {
+        applicationId: 'applicationId',
+        isUIReadOnly: false,
+        isRemote: false,
+      },
+    });
+
+    expect(result).toBe(true);
+  });
+
+  it('should return false if object is custom', () => {
+    const result = isObjectMetadataReadOnly({
+      objectMetadataItem: {
+        applicationId: undefined,
+        isUIReadOnly: false,
+        isRemote: false,
+      },
+    });
+
+    expect(result).toBe(false);
+  });
 });

packages/twenty-front/src/modules/object-record/read-only/utils/isObjectMetadataReadOnly.ts

@@ -1,9 +1,13 @@
 import { type ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { type ObjectPermission } from '~/generated/graphql';
+import { isDefined } from 'twenty-shared/utils';
 
 type IsObjectMetadataReadOnlyParams = {
-  objectPermissions: ObjectPermission;
-  objectMetadataItem: Pick<ObjectMetadataItem, 'isUIReadOnly' | 'isRemote'>;
+  objectPermissions?: ObjectPermission;
+  objectMetadataItem?: Pick<
+    ObjectMetadataItem,
+    'isUIReadOnly' | 'isRemote' | 'applicationId'
+  >;
 };
 
 export const isObjectMetadataReadOnly = ({
@@ -11,8 +15,10 @@ export const isObjectMetadataReadOnly = ({
   objectMetadataItem,
 }: IsObjectMetadataReadOnlyParams) => {
   return (
-    !objectPermissions.canUpdateObjectRecords ||
-    objectMetadataItem.isUIReadOnly ||
-    objectMetadataItem.isRemote
+    (isDefined(objectPermissions) &&
+      !objectPermissions.canUpdateObjectRecords) ||
+    objectMetadataItem?.isUIReadOnly ||
+    objectMetadataItem?.isRemote ||
+    isDefined(objectMetadataItem?.applicationId)
   );
 };