diff --git a/packages/twenty-front/src/modules/object-record/record-field/components/FieldDisplay.tsx b/packages/twenty-front/src/modules/object-record/record-field/components/FieldDisplay.tsx
index 47a0b7a03..2bc4da0b0 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/components/FieldDisplay.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-field/components/FieldDisplay.tsx
@@ -34,13 +34,18 @@ import { isFieldUuid } from '../types/guards/isFieldUuid';
export const FieldDisplay = () => {
const { fieldDefinition, isLabelIdentifier } = useContext(FieldContext);
- return isLabelIdentifier &&
+ const isChipDisplay =
+ isLabelIdentifier &&
(isFieldText(fieldDefinition) ||
isFieldFullName(fieldDefinition) ||
- isFieldNumber(fieldDefinition)) ? (
+ isFieldNumber(fieldDefinition));
+
+ return isChipDisplay ? (
) : isFieldRelation(fieldDefinition) ? (
+ ) : isFieldPhone(fieldDefinition) ? (
+
) : isFieldText(fieldDefinition) ? (
) : isFieldUuid(fieldDefinition) ? (
@@ -57,8 +62,6 @@ export const FieldDisplay = () => {
) : isFieldFullName(fieldDefinition) ? (
- ) : isFieldPhone(fieldDefinition) ? (
-
) : isFieldSelect(fieldDefinition) ? (
) : isFieldMultiSelect(fieldDefinition) ? (
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldAddress.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldAddress.ts
index f5ffb55bf..c55280811 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldAddress.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldAddress.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldAddressMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldAddress = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'ADDRESS';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Address;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldBoolean.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldBoolean.ts
index d0c2a09d7..69add94d5 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldBoolean.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldBoolean.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldBooleanMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldBoolean = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'BOOLEAN';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Boolean;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldCurrency.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldCurrency.ts
index 1cba9a169..b6738c0bb 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldCurrency.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldCurrency.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldCurrencyMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldCurrency = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'CURRENCY';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Currency;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldDateTime.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldDateTime.ts
index f98fa6846..15c2a01c5 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldDateTime.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldDateTime.ts
@@ -1,7 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldDateTimeMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldDateTime = (
field: Pick, 'type'>,
): field is FieldDefinition =>
- field.type === 'DATE_TIME';
+ field.type === FieldMetadataType.DateTime;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldEmail.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldEmail.ts
index bd5f5e4c1..265301773 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldEmail.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldEmail.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldEmailMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldEmail = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'EMAIL';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Email;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldFullName.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldFullName.ts
index be2571117..a6261d642 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldFullName.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldFullName.ts
@@ -1,7 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldFullNameMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldFullName = (
field: Pick, 'type'>,
): field is FieldDefinition =>
- field.type === 'FULL_NAME';
+ field.type === FieldMetadataType.FullName;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldLink.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldLink.ts
index 0c957c004..526881a8a 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldLink.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldLink.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldLinkMetadata, FieldMetadata } from '../FieldMetadata';
export const isFieldLink = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'LINK';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Link;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldNumber.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldNumber.ts
index b4b5c7b8d..6b863170a 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldNumber.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldNumber.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldNumberMetadata } from '../FieldMetadata';
export const isFieldNumber = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'NUMBER';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Number;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldPhone.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldPhone.ts
index 9e84a5c42..a417d1fb0 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldPhone.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldPhone.ts
@@ -1,3 +1,5 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldPhoneMetadata } from '../FieldMetadata';
@@ -6,4 +8,4 @@ export const isFieldPhone = (
): field is FieldDefinition =>
field.metadata.objectMetadataNameSingular === 'person' &&
field.metadata.fieldName === 'phone' &&
- field.type === 'TEXT';
+ field.type === FieldMetadataType.Text;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRawJson.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRawJson.ts
index 3decadfb8..1cdc93665 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRawJson.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRawJson.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldRawJsonMetadata } from '../FieldMetadata';
export const isFieldRawJson = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'RAW_JSON';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.RawJson;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRelation.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRelation.ts
index 2927569c3..b64046647 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRelation.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldRelation.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldRelationMetadata } from '../FieldMetadata';
export const isFieldRelation = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'RELATION';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Relation;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldText.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldText.ts
index 7c1b5eee1..197c46046 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldText.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldText.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldTextMetadata } from '../FieldMetadata';
export const isFieldText = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'TEXT';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Text;
diff --git a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldUuid.ts b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldUuid.ts
index 84f83e2b1..a8bf679c5 100644
--- a/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldUuid.ts
+++ b/packages/twenty-front/src/modules/object-record/record-field/types/guards/isFieldUuid.ts
@@ -1,6 +1,9 @@
+import { FieldMetadataType } from '~/generated-metadata/graphql.ts';
+
import { FieldDefinition } from '../FieldDefinition';
import { FieldMetadata, FieldUuidMetadata } from '../FieldMetadata';
export const isFieldUuid = (
field: Pick, 'type'>,
-): field is FieldDefinition => field.type === 'UUID';
+): field is FieldDefinition =>
+ field.type === FieldMetadataType.Uuid;
diff --git a/packages/twenty-front/src/modules/ui/field/display/components/PhoneDisplay.tsx b/packages/twenty-front/src/modules/ui/field/display/components/PhoneDisplay.tsx
index 7ad5b97ec..b9e73c45d 100644
--- a/packages/twenty-front/src/modules/ui/field/display/components/PhoneDisplay.tsx
+++ b/packages/twenty-front/src/modules/ui/field/display/components/PhoneDisplay.tsx
@@ -18,7 +18,7 @@ export const PhoneDisplay = ({ value }: PhoneDisplayProps) => (
event.stopPropagation();
}}
>
- {parsePhoneNumber(value, 'FR')?.formatInternational() || value}
+ {parsePhoneNumber(value, 'FR')?.formatNational() || value}
) : (
{value}