Support Full Name as Record Text Identifier

packages/twenty-front/src/modules/object-metadata/constants/LabelIdentifierFieldMetadataTypes.ts

@@ -3,4 +3,5 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 export const LABEL_IDENTIFIER_FIELD_METADATA_TYPES = [
   FieldMetadataType.NUMBER,
   FieldMetadataType.TEXT,
+  FieldMetadataType.FULL_NAME,
 ];

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

@@ -5,6 +5,7 @@ import { recordIndexOpenRecordInState } from '@/object-record/record-index/state
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { ViewOpenRecordInType } from '@/views/types/ViewOpenRecordInType';
 import { useRecoilValue } from 'recoil';
+import { FieldMetadataType } from 'twenty-shared/types';
 import {
   AvatarChip,
   AvatarChipVariant,
@@ -23,6 +24,7 @@ export type RecordChipProps = {
   to?: string | undefined;
   size?: ChipSize;
   isLabelHidden?: boolean;
+  field?: { type: string; name: string };
 };
 
 export const RecordChip = ({
@@ -35,6 +37,7 @@ export const RecordChip = ({
   size,
   forceDisableClick = false,
   isLabelHidden = false,
+  field,
 }: RecordChipProps) => {
   const { recordChipData } = useRecordChipData({
     objectNameSingular,
@@ -70,12 +73,18 @@ export const RecordChip = ({
         })
     : undefined;
 
+  let name = recordChipData.name;
+
+  if (field?.type === FieldMetadataType.FULL_NAME) {
+    name = `${record[field.name]?.firstName || ''} ${record[field.name]?.lastName || ''}`;
+  }
+
   return (
     <LinkAvatarChip
       size={size}
       maxWidth={maxWidth}
       placeholderColorSeed={record.id}
-      name={recordChipData.name}
+      name={name}
       isLabelHidden={isLabelHidden}
       avatarType={recordChipData.avatarType}
       avatarUrl={recordChipData.avatarUrl ?? ''}

packages/twenty-front/src/modules/object-record/record-field/meta-types/display/components/ChipFieldDisplay.tsx

@@ -9,6 +9,7 @@ export const ChipFieldDisplay = () => {
     objectNameSingular,
     labelIdentifierLink,
     isLabelIdentifierCompact,
+    fieldDefinition,
   } = useChipFieldDisplay();
 
   if (!isDefined(recordValue)) {
@@ -22,6 +23,10 @@ export const ChipFieldDisplay = () => {
       size={ChipSize.Small}
       to={labelIdentifierLink}
       isLabelHidden={isLabelIdentifierCompact}
+      field={{
+        type: fieldDefinition.type,
+        name: fieldDefinition.metadata.fieldName,
+      }}
     />
   );
 };

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

@@ -48,5 +48,6 @@ export const useChipFieldDisplay = () => {
     isLabelIdentifier,
     labelIdentifierLink,
     isLabelIdentifierCompact,
+    fieldDefinition,
   };
 };

packages/twenty-front/src/modules/settings/data-model/objects/forms/components/SettingsDataModelObjectIdentifiersForm.tsx

@@ -13,7 +13,8 @@ import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 import { Select } from '@/ui/input/components/Select';
 import { zodResolver } from '@hookform/resolvers/zod';
 import { t } from '@lingui/core/macro';
-import { IconCircleOff, useIcons } from 'twenty-ui/display';
+import { useNavigate } from 'react-router-dom';
+import { IconCircleOff, IconPlus, useIcons } from 'twenty-ui/display';
 import { SelectOption } from 'twenty-ui/input';
 
 export const settingsDataModelObjectIdentifiersFormSchema =
@@ -100,6 +101,9 @@ export const SettingsDataModelObjectIdentifiersForm = ({
     label: 'None',
     value: null,
   };
+
+  const navigate = useNavigate();
+
   return (
     <StyledContainer>
       {[
@@ -124,12 +128,23 @@ export const SettingsDataModelObjectIdentifiersForm = ({
           render={({ field: { onChange, value } }) => (
             <Select
               label={label}
-              disabled={!objectMetadataItem.isCustom || !options.length}
               fullWidth
               dropdownId={`${fieldName}-select`}
               emptyOption={emptyOption}
               options={options}
               value={value}
+              withSearchInput={label === t`Record label`}
+              callToActionButton={
+                label === t`Record label`
+                  ? {
+                      text: 'Create Text Field',
+                      Icon: IconPlus,
+                      onClick: () => {
+                        navigate('./new-field/select');
+                      },
+                    }
+                  : undefined
+              }
               onChange={(value) => {
                 onChange(value);
                 formConfig.handleSubmit(handleSave)();

packages/twenty-server/src/engine/metadata-modules/utils/validate-metadata-name-is-not-reserved-keyword.ts

@@ -47,7 +47,6 @@ const reservedKeywords = [
   'links',
   'currency',
   'currencies',
-  'fullName',
   'fullNames',
   'address',
   'addresses',