feat: enforce @/ alias for imports and fix all relative parent imports (#16787)

## Summary This PR enforces the use of `@/` alias for imports instead of relative parent imports (`../`). ## Changes ### ESLint Configuration - Added `no-restricted-imports` pattern in `eslint.config.react.mjs` to block `../*` imports with the message "Relative parent imports are not allowed. Use @/ alias instead." - Removed the non-working `import/no-relative-parent-imports` rule (doesn't work properly in ESLint flat config) ### VS Code Settings - Added `javascript.preferences.importModuleSpecifier: non-relative` to `.vscode/settings.json` (TypeScript setting was already there) ### Code Fixes - Fixed **941 relative parent imports** across **706 files** in `packages/twenty-front` - All `../` imports converted to use `@/` alias ## Why - Consistent import style across the codebase - Easier to move files without breaking imports - Better IDE support for auto-imports - Clearer understanding of where imports come from
2025-12-23 22:57:51 +01:00
parent 781b96e80b
commit b27a97f2c5
725 changed files with 1114 additions and 1041 deletions
@@ -5,7 +5,7 @@ import { type ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataI
 import { type RecordGqlNode } from '@/object-record/graphql/types/RecordGqlNode';
 import { type ToReferenceFunction } from '@apollo/client/cache/core/types/common';

-import { createCacheEdgeWithRecordRef } from '../createCacheEdgeWithRecordRef';
+import { createCacheEdgeWithRecordRef } from '@/object-record/cache/utils/createCacheEdgeWithRecordRef';

 describe('createCacheEdgeWithRecordRef', () => {
  it('should create an edge with reference when toReference returns a reference', () => {
@@ -1,4 +1,4 @@
-import { filterRecordOnGqlFields } from '../filterRecordOnGqlFields';
+import { filterRecordOnGqlFields } from '@/object-record/cache/utils/filterRecordOnGqlFields';

 describe('filterRecordOnGqlFields', () => {
  it('should filter fields based on recordGqlFields with true values', () => {
@@ -1,7 +1,7 @@
 import { type FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
 import { RelationType } from 'twenty-shared/types';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { getFieldMetadataFromGqlField } from '../getFieldMetadataFromGqlField';
+import { getFieldMetadataFromGqlField } from '@/object-record/cache/utils/getFieldMetadataFromGqlField';

 const objectMetadataItemGenerator = (relationType: RelationType) => {
  return {
@@ -1,4 +1,4 @@
-import { getRecordFromRecordNode } from '../getRecordFromRecordNode';
+import { getRecordFromRecordNode } from '@/object-record/cache/utils/getRecordFromRecordNode';

 describe('getRecordFromRecordNode', () => {
  it('should convert a simple record node', () => {
@@ -3,7 +3,7 @@ import { type ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataI
 import { getPeopleRecordConnectionMock } from '~/testing/mock-data/people';

 import { generatedMockObjectMetadataItems } from '~/testing/utils/generatedMockObjectMetadataItems';
-import { getRecordNodeFromRecord } from '../getRecordNodeFromRecord';
+import { getRecordNodeFromRecord } from '@/object-record/cache/utils/getRecordNodeFromRecord';

 const peopleMock = getPeopleRecordConnectionMock();

@@ -1,4 +1,4 @@
-import { isObjectRecordConnection } from '../isObjectRecordConnection';
+import { isObjectRecordConnection } from '@/object-record/cache/utils/isObjectRecordConnection';

 describe('isObjectRecordConnection', () => {
  it('should return true for valid connection with edges', () => {
@@ -1,4 +1,4 @@
-import { isObjectRecordConnectionWithRefs } from '../isObjectRecordConnectionWithRefs';
+import { isObjectRecordConnectionWithRefs } from '@/object-record/cache/utils/isObjectRecordConnectionWithRefs';

 describe('isObjectRecordConnectionWithRefs', () => {
  it('should return true for valid connection with edges', () => {
@@ -7,7 +7,7 @@ import {
  query,
  responseData,
  variables,
-} from '../__mocks__/useFindDuplicateRecords';
+} from '@/object-record/hooks/__mocks__/useFindDuplicateRecords';

 const mocks = [
  {
@@ -26,9 +26,9 @@ import { filterUniqueRecordEdgesByCursor } from '@/object-record/utils/filterUni
 import { getQueryIdentifier } from '@/object-record/utils/getQueryIdentifier';

 import { capitalize, isDefined } from 'twenty-shared/utils';
-import { cursorFamilyState } from '../states/cursorFamilyState';
-import { hasNextPageFamilyState } from '../states/hasNextPageFamilyState';
-import { isFetchingMoreRecordsFamilyState } from '../states/isFetchingMoreRecordsFamilyState';
+import { cursorFamilyState } from '@/object-record/states/cursorFamilyState';
+import { hasNextPageFamilyState } from '@/object-record/states/hasNextPageFamilyState';
+import { isFetchingMoreRecordsFamilyState } from '@/object-record/states/isFetchingMoreRecordsFamilyState';

 export type UseFindManyRecordsParams<T> = ObjectMetadataItemIdentifier &
  RecordGqlOperationVariables & {
@@ -26,8 +26,8 @@ import { getQueryIdentifier } from '@/object-record/utils/getQueryIdentifier';

 import { DEFAULT_SEARCH_REQUEST_LIMIT } from '@/object-record/constants/DefaultSearchRequestLimit';
 import { capitalize, isDefined } from 'twenty-shared/utils';
-import { cursorFamilyState } from '../states/cursorFamilyState';
-import { hasNextPageFamilyState } from '../states/hasNextPageFamilyState';
+import { cursorFamilyState } from '@/object-record/states/cursorFamilyState';
+import { hasNextPageFamilyState } from '@/object-record/states/hasNextPageFamilyState';

 export type UseFindManyRecordsParams<T> = ObjectMetadataItemIdentifier &
  RecordGqlOperationVariables & {
@@ -1,6 +1,6 @@
 import { ObjectFilterDropdownComponentInstanceContext } from '@/object-record/object-filter-dropdown/states/contexts/ObjectFilterDropdownComponentInstanceContext';
 import { createComponentState } from '@/ui/utilities/state/component-state/utils/createComponentState';
-import { type RecordFilter } from '../../record-filter/types/RecordFilter';
+import { type RecordFilter } from '@/object-record/record-filter/types/RecordFilter';

 export const objectFilterDropdownCurrentRecordFilterComponentState =
  createComponentState<RecordFilter | undefined | null>({
@@ -1,7 +1,10 @@
 import { ViewFilterOperand } from 'twenty-shared/types';

 import { capitalize } from 'twenty-shared/utils';
-import { getOperandLabel, getOperandLabelShort } from '../getOperandLabel';
+import {
+  getOperandLabel,
+  getOperandLabelShort,
+} from '@/object-record/object-filter-dropdown/utils/getOperandLabel';

 describe('getOperandLabel', () => {
  const testCases = [
@@ -1,6 +1,6 @@
 import { ViewFilterOperand } from 'twenty-shared/types';

-import { isFilterOperandExpectingValue } from '../isFilterOperandExpectingValue';
+import { isFilterOperandExpectingValue } from '@/object-record/object-filter-dropdown/utils/isFilterOperandExpectingValue';

 describe('isFilterOperandExpectingValue', () => {
  const testCases = [
@@ -11,7 +11,7 @@ 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 '../contexts/RecordCalendarContext';
+import { useRecordCalendarContextOrThrow } from '@/object-record/record-calendar/contexts/RecordCalendarContext';

 const StyledButton = styled(Button)`
  padding: ${({ theme }) => theme.spacing(0.5)};
@@ -15,7 +15,7 @@ import {
  isPlainDateInWeekend,
  isSamePlainDate,
 } from 'twenty-shared/utils';
-import { RecordCalendarAddNew } from '../../components/RecordCalendarAddNew';
+import { RecordCalendarAddNew } from '@/object-record/record-calendar/components/RecordCalendarAddNew';

 const StyledContainer = styled.div<{
  isOtherMonth: boolean;
@@ -13,7 +13,7 @@ import { useRecoilValue } from 'recoil';
 import { isDefined } from 'twenty-shared/utils';
 import { ChipVariant } from 'twenty-ui/components';
 import { Checkbox, CheckboxVariant } from 'twenty-ui/input';
-import { isRecordCalendarCardSelectedComponentFamilyState } from '../states/isRecordCalendarCardSelectedComponentFamilyState';
+import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState';

 const StyledCheckboxContainer = styled.div`
  margin-left: auto;
@@ -1,5 +1,5 @@
 import { createComponentFamilyState } from '@/ui/utilities/state/component-state/utils/createComponentFamilyState';
-import { RecordCalendarComponentInstanceContext } from '../../states/contexts/RecordCalendarComponentInstanceContext';
+import { RecordCalendarComponentInstanceContext } from '@/object-record/record-calendar/states/contexts/RecordCalendarComponentInstanceContext';

 export const isRecordCalendarCardSelectedComponentFamilyState =
  createComponentFamilyState<boolean, string>({
@@ -1,7 +1,7 @@
 import { recordIndexAllRecordIdsComponentSelector } from '@/object-record/record-index/states/selectors/recordIndexAllRecordIdsComponentSelector';
 import { createComponentSelector } from '@/ui/utilities/state/component-state/utils/createComponentSelector';
-import { isRecordCalendarCardSelectedComponentFamilyState } from '../../record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState';
-import { RecordCalendarComponentInstanceContext } from '../contexts/RecordCalendarComponentInstanceContext';
+import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState';
+import { RecordCalendarComponentInstanceContext } from '@/object-record/record-calendar/states/contexts/RecordCalendarComponentInstanceContext';

 export const recordCalendarSelectedRecordIdsComponentSelector =
  createComponentSelector<string[]>({
@@ -6,8 +6,8 @@ import { useCloseDropdown } from '@/ui/layout/dropdown/hooks/useCloseDropdown';
 import { useAvailableComponentInstanceIdOrThrow } from '@/ui/utilities/state/component-state/hooks/useAvailableComponentInstanceIdOrThrow';
 import { useRecoilComponentCallbackState } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentCallbackState';
 import { getSnapshotValue } from '@/ui/utilities/state/utils/getSnapshotValue';
-import { isRecordCalendarCardSelectedComponentFamilyState } from '../../record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState';
-import { RecordCalendarComponentInstanceContext } from '../contexts/RecordCalendarComponentInstanceContext';
+import { isRecordCalendarCardSelectedComponentFamilyState } from '@/object-record/record-calendar/record-calendar-card/states/isRecordCalendarCardSelectedComponentFamilyState';
+import { RecordCalendarComponentInstanceContext } from '@/object-record/record-calendar/states/contexts/RecordCalendarComponentInstanceContext';
 import { recordCalendarSelectedRecordIdsComponentSelector } from './recordCalendarSelectedRecordIdsComponentSelector';

 export const useRecordCalendarSelection = (recordCalendarId?: string) => {
@@ -8,7 +8,7 @@ import { graphqlMocks } from '~/testing/graphqlMocks';
 import { getCompaniesMock } from '~/testing/mock-data/companies';

 import { ComponentDecorator } from 'twenty-ui/testing';
-import { RecordDetailDuplicatesSection } from '../../components/RecordDetailDuplicatesSection';
+import { RecordDetailDuplicatesSection } from '@/object-record/record-field-list/record-detail-section/duplicate/components/RecordDetailDuplicatesSection';

 const companiesMock = getCompaniesMock();

@@ -15,7 +15,7 @@ import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { RightDrawerDecorator } from '~/testing/decorators/RightDrawerDecorator';
 import { allMockPersonRecords } from '~/testing/mock-data/people';
 import { generatedMockObjectMetadataItems } from '~/testing/utils/generatedMockObjectMetadataItems';
-import { RecordDetailRelationSection } from '../RecordDetailRelationSection';
+import { RecordDetailRelationSection } from '@/object-record/record-field-list/record-detail-section/relation/components/RecordDetailRelationSection';

 const companiesMock = getCompaniesMock();

@@ -29,31 +29,31 @@ import { isFieldMorphRelationOneToMany } from '@/object-record/record-field/ui/t
 import { isFieldRelationManyToOne } from '@/object-record/record-field/ui/types/guards/isFieldRelationManyToOne';
 import { isFieldRelationOneToMany } from '@/object-record/record-field/ui/types/guards/isFieldRelationOneToMany';
 import { isDefined } from 'twenty-shared/utils';
-import { FieldContext } from '../contexts/FieldContext';
-import { AddressFieldDisplay } from '../meta-types/display/components/AddressFieldDisplay';
-import { ChipFieldDisplay } from '../meta-types/display/components/ChipFieldDisplay';
-import { CurrencyFieldDisplay } from '../meta-types/display/components/CurrencyFieldDisplay';
-import { DateFieldDisplay } from '../meta-types/display/components/DateFieldDisplay';
-import { DateTimeFieldDisplay } from '../meta-types/display/components/DateTimeFieldDisplay';
-import { FullNameFieldDisplay } from '../meta-types/display/components/FullNameFieldDisplay';
-import { JsonFieldDisplay } from '../meta-types/display/components/JsonFieldDisplay';
-import { MultiSelectFieldDisplay } from '../meta-types/display/components/MultiSelectFieldDisplay';
-import { NumberFieldDisplay } from '../meta-types/display/components/NumberFieldDisplay';
-import { RelationToOneFieldDisplay } from '../meta-types/display/components/RelationToOneFieldDisplay';
-import { SelectFieldDisplay } from '../meta-types/display/components/SelectFieldDisplay';
-import { TextFieldDisplay } from '../meta-types/display/components/TextFieldDisplay';
-import { UuidFieldDisplay } from '../meta-types/display/components/UuidFieldDisplay';
-import { isFieldAddress } from '../types/guards/isFieldAddress';
-import { isFieldCurrency } from '../types/guards/isFieldCurrency';
-import { isFieldDate } from '../types/guards/isFieldDate';
-import { isFieldDateTime } from '../types/guards/isFieldDateTime';
-import { isFieldFullName } from '../types/guards/isFieldFullName';
-import { isFieldMultiSelect } from '../types/guards/isFieldMultiSelect';
-import { isFieldNumber } from '../types/guards/isFieldNumber';
-import { isFieldRawJson } from '../types/guards/isFieldRawJson';
-import { isFieldSelect } from '../types/guards/isFieldSelect';
-import { isFieldText } from '../types/guards/isFieldText';
-import { isFieldUuid } from '../types/guards/isFieldUuid';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { AddressFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/AddressFieldDisplay';
+import { ChipFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/ChipFieldDisplay';
+import { CurrencyFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/CurrencyFieldDisplay';
+import { DateFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/DateFieldDisplay';
+import { DateTimeFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/DateTimeFieldDisplay';
+import { FullNameFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/FullNameFieldDisplay';
+import { JsonFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/JsonFieldDisplay';
+import { MultiSelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/MultiSelectFieldDisplay';
+import { NumberFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/NumberFieldDisplay';
+import { RelationToOneFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/RelationToOneFieldDisplay';
+import { SelectFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/SelectFieldDisplay';
+import { TextFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/TextFieldDisplay';
+import { UuidFieldDisplay } from '@/object-record/record-field/ui/meta-types/display/components/UuidFieldDisplay';
+import { isFieldAddress } from '@/object-record/record-field/ui/types/guards/isFieldAddress';
+import { isFieldCurrency } from '@/object-record/record-field/ui/types/guards/isFieldCurrency';
+import { isFieldDate } from '@/object-record/record-field/ui/types/guards/isFieldDate';
+import { isFieldDateTime } from '@/object-record/record-field/ui/types/guards/isFieldDateTime';
+import { isFieldFullName } from '@/object-record/record-field/ui/types/guards/isFieldFullName';
+import { isFieldMultiSelect } from '@/object-record/record-field/ui/types/guards/isFieldMultiSelect';
+import { isFieldNumber } from '@/object-record/record-field/ui/types/guards/isFieldNumber';
+import { isFieldRawJson } from '@/object-record/record-field/ui/types/guards/isFieldRawJson';
+import { isFieldSelect } from '@/object-record/record-field/ui/types/guards/isFieldSelect';
+import { isFieldText } from '@/object-record/record-field/ui/types/guards/isFieldText';
+import { isFieldUuid } from '@/object-record/record-field/ui/types/guards/isFieldUuid';

 export const FieldDisplay = () => {
  const {
@@ -36,14 +36,14 @@ import { isFieldRelationManyToOne } from '@/object-record/record-field/ui/types/
 import { isFieldRelationOneToMany } from '@/object-record/record-field/ui/types/guards/isFieldRelationOneToMany';
 import { isFieldRichTextV2 } from '@/object-record/record-field/ui/types/guards/isFieldRichTextV2';
 import { isFieldSelect } from '@/object-record/record-field/ui/types/guards/isFieldSelect';
-import { FieldContext } from '../contexts/FieldContext';
-import { BooleanFieldInput } from '../meta-types/input/components/BooleanFieldInput';
-import { CurrencyFieldInput } from '../meta-types/input/components/CurrencyFieldInput';
-import { DateTimeFieldInput } from '../meta-types/input/components/DateTimeFieldInput';
-import { NumberFieldInput } from '../meta-types/input/components/NumberFieldInput';
-import { RatingFieldInput } from '../meta-types/input/components/RatingFieldInput';
-import { TextFieldInput } from '../meta-types/input/components/TextFieldInput';
-import { isFieldText } from '../types/guards/isFieldText';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { BooleanFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/BooleanFieldInput';
+import { CurrencyFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/CurrencyFieldInput';
+import { DateTimeFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput';
+import { NumberFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/NumberFieldInput';
+import { RatingFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/RatingFieldInput';
+import { TextFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/TextFieldInput';
+import { isFieldText } from '@/object-record/record-field/ui/types/guards/isFieldText';

 export const FieldInput = () => {
  const { fieldDefinition } = useContext(FieldContext);
@@ -1,8 +1,8 @@
 import { createContext, type MouseEvent } from 'react';

 import { type TriggerEventType } from 'twenty-ui/utilities';
-import { type FieldDefinition } from '../types/FieldDefinition';
-import { type FieldMetadata } from '../types/FieldMetadata';
+import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition';
+import { type FieldMetadata } from '@/object-record/record-field/ui/types/FieldMetadata';

 export type RecordUpdateHookParams = {
  variables: {
@@ -2,7 +2,7 @@ import { type Meta, type StoryObj } from '@storybook/react';
 import { expect, fn, userEvent, within } from '@storybook/test';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
-import { FormAddressFieldInput } from '../FormAddressFieldInput';
+import { FormAddressFieldInput } from '@/object-record/record-field/ui/form-types/components/FormAddressFieldInput';

 const meta: Meta<typeof FormAddressFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormAddressFieldInput',
@@ -5,7 +5,7 @@ import { getCanvasElementForDropdownTesting } from 'twenty-ui/testing';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormArrayFieldInput } from '../FormArrayFieldInput';
+import { FormArrayFieldInput } from '@/object-record/record-field/ui/form-types/components/FormArrayFieldInput';

 const meta: Meta<typeof FormArrayFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormArrayFieldInput',
@@ -4,7 +4,7 @@ import { getCanvasElementForDropdownTesting } from 'twenty-ui/testing';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormBooleanFieldInput } from '../FormBooleanFieldInput';
+import { FormBooleanFieldInput } from '@/object-record/record-field/ui/form-types/components/FormBooleanFieldInput';

 const meta: Meta<typeof FormBooleanFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormBooleanFieldInput',
@@ -1,7 +1,7 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { within } from '@storybook/test';

-import { FormCountryCodeSelectInput } from '../FormCountryCodeSelectInput';
+import { FormCountryCodeSelectInput } from '@/object-record/record-field/ui/form-types/components/FormCountryCodeSelectInput';

 const meta: Meta<typeof FormCountryCodeSelectInput> = {
  title: 'UI/Data/Field/Form/Input/FormCountryCodeSelectInput',
@@ -1,6 +1,6 @@
 import { type Meta, type StoryObj } from '@storybook/react';
 import { within } from '@storybook/test';
-import { FormCountrySelectInput } from '../FormCountrySelectInput';
+import { FormCountrySelectInput } from '@/object-record/record-field/ui/form-types/components/FormCountrySelectInput';

 const meta: Meta<typeof FormCountrySelectInput> = {
  title: 'UI/Data/Field/Form/Input/FormCountrySelectInput',
@@ -5,7 +5,7 @@ import { CurrencyCode } from 'twenty-shared/constants';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormCurrencyFieldInput } from '../FormCurrencyFieldInput';
+import { FormCurrencyFieldInput } from '@/object-record/record-field/ui/form-types/components/FormCurrencyFieldInput';

 const meta: Meta<typeof FormCurrencyFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormCurrencyFieldInput',
@@ -3,7 +3,7 @@ import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormEmailsFieldInput } from '../FormEmailsFieldInput';
+import { FormEmailsFieldInput } from '@/object-record/record-field/ui/form-types/components/FormEmailsFieldInput';

 const meta: Meta<typeof FormEmailsFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormEmailsFieldInput',
@@ -3,7 +3,7 @@ import { expect, fn, userEvent, within } from '@storybook/test';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormFullNameFieldInput } from '../FormFullNameFieldInput';
+import { FormFullNameFieldInput } from '@/object-record/record-field/ui/form-types/components/FormFullNameFieldInput';

 const meta: Meta<typeof FormFullNameFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormFullNameFieldInput',
@@ -2,7 +2,7 @@ import { expect, fn, userEvent, within } from '@storybook/test';
 import { type Meta, type StoryObj } from '@storybook/react';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
-import { FormLinksFieldInput } from '../FormLinksFieldInput';
+import { FormLinksFieldInput } from '@/object-record/record-field/ui/form-types/components/FormLinksFieldInput';

 const meta: Meta<typeof FormLinksFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormLinksFieldInput',
@@ -3,7 +3,7 @@ import { expect, fn, userEvent, within } from '@storybook/test';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormMultiSelectFieldInput } from '../FormMultiSelectFieldInput';
+import { FormMultiSelectFieldInput } from '@/object-record/record-field/ui/form-types/components/FormMultiSelectFieldInput';

 const meta: Meta<typeof FormMultiSelectFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormMultiSelectFieldInput',
@@ -1,6 +1,6 @@
 import { expect, within } from '@storybook/test';
 import { type Meta, type StoryObj } from '@storybook/react';
-import { FormNumberFieldInput } from '../FormNumberFieldInput';
+import { FormNumberFieldInput } from '@/object-record/record-field/ui/form-types/components/FormNumberFieldInput';

 const meta: Meta<typeof FormNumberFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormNumberFieldInput',
@@ -6,7 +6,7 @@ import { type FieldPhonesValue } from '@/object-record/record-field/ui/types/Fie
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormPhoneFieldInput } from '../FormPhoneFieldInput';
+import { FormPhoneFieldInput } from '@/object-record/record-field/ui/form-types/components/FormPhoneFieldInput';

 const meta: Meta<typeof FormPhoneFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormPhoneFieldInput',
@@ -4,7 +4,7 @@ import { getUserDevice } from 'twenty-ui/utilities';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormRawJsonFieldInput } from '../FormRawJsonFieldInput';
+import { FormRawJsonFieldInput } from '@/object-record/record-field/ui/form-types/components/FormRawJsonFieldInput';

 const meta: Meta<typeof FormRawJsonFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormRawJsonFieldInput',
@@ -11,7 +11,7 @@ import { getUserDevice } from 'twenty-ui/utilities';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormRichTextV2FieldInput } from '../FormRichTextV2FieldInput';
+import { FormRichTextV2FieldInput } from '@/object-record/record-field/ui/form-types/components/FormRichTextV2FieldInput';

 const meta: Meta<typeof FormRichTextV2FieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormRichTextV2FieldInput',
@@ -3,7 +3,7 @@ import { expect, fn, userEvent, within } from '@storybook/test';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormSelectFieldInput } from '../FormSelectFieldInput';
+import { FormSelectFieldInput } from '@/object-record/record-field/ui/form-types/components/FormSelectFieldInput';

 const meta: Meta<typeof FormSelectFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormSelectFieldInput',
@@ -9,7 +9,7 @@ import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorato
 import { WorkspaceDecorator } from '~/testing/decorators/WorkspaceDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormSingleRecordPicker } from '../FormSingleRecordPicker';
+import { FormSingleRecordPicker } from '@/object-record/record-field/ui/form-types/components/FormSingleRecordPicker';

 const meta: Meta<typeof FormSingleRecordPicker> = {
  title: 'UI/Data/Field/Form/Input/FormSingleRecordPicker',
@@ -11,7 +11,7 @@ import { getUserDevice } from 'twenty-ui/utilities';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormTextFieldInput } from '../FormTextFieldInput';
+import { FormTextFieldInput } from '@/object-record/record-field/ui/form-types/components/FormTextFieldInput';

 const meta: Meta<typeof FormTextFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormTextFieldInput',
@@ -3,7 +3,7 @@ import { type Meta, type StoryObj } from '@storybook/react';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { MOCKED_STEP_ID } from '~/testing/mock-data/workflow';
-import { FormUuidFieldInput } from '../FormUuidFieldInput';
+import { FormUuidFieldInput } from '@/object-record/record-field/ui/form-types/components/FormUuidFieldInput';

 const meta: Meta<typeof FormUuidFieldInput> = {
  title: 'UI/Data/Field/Form/Input/FormUuidFieldInput',
@@ -5,7 +5,7 @@ import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadat
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { generateEmptyFieldValue } from '@/object-record/utils/generateEmptyFieldValue';

-import { FieldContext } from '../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useClearField = () => {
  const {
@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { getFieldButtonIcon } from '@/object-record/record-field/ui/utils/getFieldButtonIcon';

 import { type IconComponent } from 'twenty-ui/display';
-import { FieldContext } from '../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useGetButtonIcon = (): IconComponent | undefined => {
  const { fieldDefinition } = useContext(FieldContext);
@@ -1,6 +1,6 @@
 import { useContext } from 'react';

-import { FieldContext } from '../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 // TODO: have a better clearable settings in metadata ?
 // We might want to define what's clearable in the metadata
@@ -4,7 +4,7 @@ import { isFieldValueEmpty } from '@/object-record/record-field/ui/utils/isField

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { isDefined } from 'twenty-shared/utils';
-import { FieldContext } from '../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useIsFieldEmpty = () => {
  const { recordId, fieldDefinition, overridenIsFieldEmpty } =
@@ -1,8 +1,8 @@
 import { useContext } from 'react';

-import { FieldContext } from '../contexts/FieldContext';
-import { isFieldBoolean } from '../types/guards/isFieldBoolean';
-import { isFieldRating } from '../types/guards/isFieldRating';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { isFieldBoolean } from '@/object-record/record-field/ui/types/guards/isFieldBoolean';
+import { isFieldRating } from '@/object-record/record-field/ui/types/guards/isFieldRating';

 export const useIsFieldInputOnly = () => {
  const { fieldDefinition } = useContext(FieldContext);
@@ -41,18 +41,18 @@ import { isFieldRichTextV2Value } from '@/object-record/record-field/ui/types/gu
 import { useUpsertRecordsInStore } from '@/object-record/record-store/hooks/useUpsertRecordsInStore';
 import { getForeignKeyNameFromRelationFieldName } from '@/object-record/utils/getForeignKeyNameFromRelationFieldName';
 import { isDeeplyEqual } from '~/utils/isDeeplyEqual';
-import { isFieldBoolean } from '../types/guards/isFieldBoolean';
-import { isFieldBooleanValue } from '../types/guards/isFieldBooleanValue';
-import { isFieldCurrency } from '../types/guards/isFieldCurrency';
-import { isFieldCurrencyValue } from '../types/guards/isFieldCurrencyValue';
-import { isFieldDateTime } from '../types/guards/isFieldDateTime';
-import { isFieldDateTimeValue } from '../types/guards/isFieldDateTimeValue';
-import { isFieldNumber } from '../types/guards/isFieldNumber';
-import { isFieldNumberValue } from '../types/guards/isFieldNumberValue';
-import { isFieldRating } from '../types/guards/isFieldRating';
-import { isFieldRatingValue } from '../types/guards/isFieldRatingValue';
-import { isFieldText } from '../types/guards/isFieldText';
-import { isFieldTextValue } from '../types/guards/isFieldTextValue';
+import { isFieldBoolean } from '@/object-record/record-field/ui/types/guards/isFieldBoolean';
+import { isFieldBooleanValue } from '@/object-record/record-field/ui/types/guards/isFieldBooleanValue';
+import { isFieldCurrency } from '@/object-record/record-field/ui/types/guards/isFieldCurrency';
+import { isFieldCurrencyValue } from '@/object-record/record-field/ui/types/guards/isFieldCurrencyValue';
+import { isFieldDateTime } from '@/object-record/record-field/ui/types/guards/isFieldDateTime';
+import { isFieldDateTimeValue } from '@/object-record/record-field/ui/types/guards/isFieldDateTimeValue';
+import { isFieldNumber } from '@/object-record/record-field/ui/types/guards/isFieldNumber';
+import { isFieldNumberValue } from '@/object-record/record-field/ui/types/guards/isFieldNumberValue';
+import { isFieldRating } from '@/object-record/record-field/ui/types/guards/isFieldRating';
+import { isFieldRatingValue } from '@/object-record/record-field/ui/types/guards/isFieldRatingValue';
+import { isFieldText } from '@/object-record/record-field/ui/types/guards/isFieldText';
+import { isFieldTextValue } from '@/object-record/record-field/ui/types/guards/isFieldTextValue';

 export const usePersistField = ({
  objectMetadataItemId,
@@ -3,8 +3,8 @@ import { useRecoilCallback } from 'recoil';

 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';

-import { FieldContext } from '../contexts/FieldContext';
-import { isFieldBoolean } from '../types/guards/isFieldBoolean';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { isFieldBoolean } from '@/object-record/record-field/ui/types/guards/isFieldBoolean';

 export const useToggleEditOnlyInput = () => {
  const {
@@ -6,7 +6,7 @@ import { AuthContext } from '@/auth/contexts/AuthContext';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { isDefined } from 'twenty-shared/utils';
 import { type WorkspaceMember } from '~/generated-metadata/graphql';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export type ActorFieldDisplayValue = {
  fieldValue: FieldActorValue;
@@ -7,10 +7,10 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { type FieldAddressValue } from '../../types/FieldMetadata';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldAddress } from '../../types/guards/isFieldAddress';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { type FieldAddressValue } from '@/object-record/record-field/ui/types/FieldMetadata';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldAddress } from '@/object-record/record-field/ui/types/guards/isFieldAddress';

 export const useAddressField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -1,8 +1,8 @@
 import { useContext } from 'react';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { type FieldAddressValue } from '../../types/FieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { type FieldAddressValue } from '@/object-record/record-field/ui/types/FieldMetadata';

 export const useAddressFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -4,9 +4,9 @@ import { useRecoilState } from 'recoil';
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { FieldMetadataType } from '~/generated-metadata/graphql';

-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldBoolean } from '../../types/guards/isFieldBoolean';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldBoolean } from '@/object-record/record-field/ui/types/guards/isFieldBoolean';

 export const useBooleanField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -1,7 +1,7 @@
 import { useContext } from 'react';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useBooleanFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -6,7 +6,7 @@ import { isFieldNumber } from '@/object-record/record-field/ui/types/guards/isFi
 import { isFieldText } from '@/object-record/record-field/ui/types/guards/isFieldText';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';

-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useChipField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -10,7 +10,7 @@ import { isFieldActor } from '@/object-record/record-field/ui/types/guards/isFie
 import { useRecordIndexContextOrThrow } from '@/object-record/record-index/contexts/RecordIndexContext';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { isDefined } from 'twenty-shared/utils';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useChipFieldDisplay = () => {
  const {
@@ -4,8 +4,8 @@ import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guard
 import { isFieldCurrency } from '@/object-record/record-field/ui/types/guards/isFieldCurrency';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
-import { type FieldCurrencyValue } from '../../types/FieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { type FieldCurrencyValue } from '@/object-record/record-field/ui/types/FieldMetadata';

 export const useCurrencyFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -7,8 +7,8 @@ import { isFieldDate } from '@/object-record/record-field/ui/types/guards/isFiel
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { FieldMetadataType } from '~/generated-metadata/graphql';

-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';

 export const useDateField = () => {
  const { recordId, fieldDefinition, clearable } = useContext(FieldContext);
@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition';
 import { type FieldDateMetadata } from '@/object-record/record-field/ui/types/FieldMetadata';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useDateFieldDisplay = () => {
  const { recordId, fieldDefinition, clearable } = useContext(FieldContext);
@@ -6,9 +6,9 @@ import { type FieldDateTimeValue } from '@/object-record/record-field/ui/types/F
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { FieldMetadataType } from '~/generated-metadata/graphql';

-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldDateTime } from '../../types/guards/isFieldDateTime';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldDateTime } from '@/object-record/record-field/ui/types/guards/isFieldDateTime';

 export const useDateTimeField = () => {
  const { recordId, fieldDefinition, clearable } = useContext(FieldContext);
@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition';
 import { type FieldDateTimeMetadata } from '@/object-record/record-field/ui/types/FieldMetadata';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useDateTimeFieldDisplay = () => {
  const { recordId, fieldDefinition, clearable } = useContext(FieldContext);
@@ -9,8 +9,8 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';

 export const useEmailsField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -5,7 +5,7 @@ import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guard
 import { isFieldEmails } from '@/object-record/record-field/ui/types/guards/isFieldEmails';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useEmailsFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -3,7 +3,7 @@ import { useContext } from 'react';
 import { type FieldFullNameValue } from '@/object-record/record-field/ui/types/FieldMetadata';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useFullNameFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -9,9 +9,9 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { usePrecomputedJsonDraftValue } from '@/object-record/record-field/ui/meta-types/hooks/usePrecomputedJsonDraftValue';
 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldRawJson } from '../../types/guards/isFieldRawJson';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldRawJson } from '@/object-record/record-field/ui/types/guards/isFieldRawJson';

 export const useJsonField = () => {
  const { recordId, fieldDefinition, maxWidth } = useContext(FieldContext);
@@ -4,7 +4,7 @@ import { type FieldJsonValue } from '@/object-record/record-field/ui/types/Field

 import { useFormattedJsonFieldValue } from '@/object-record/record-field/ui/meta-types/hooks/useFormattedJsonFieldValue';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useJsonFieldDisplay = () => {
  const { recordId, fieldDefinition, maxWidth, isRecordFieldReadOnly } =
@@ -9,8 +9,8 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';

 export const useLinksField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -6,7 +6,7 @@ import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guard
 import { isFieldLinks } from '@/object-record/record-field/ui/types/guards/isFieldLinks';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useLinksFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -10,8 +10,8 @@ import { isFieldMorphRelation } from '@/object-record/record-field/ui/types/guar
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { type ObjectRecord } from 'twenty-shared/types';
 import { isDefined } from 'twenty-shared/utils';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';

 export const useMorphRelationFromManyFieldDisplay = () => {
  const { recordId, fieldDefinition, maxWidth } = useContext(FieldContext);
@@ -8,9 +8,9 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldNumber } from '../../types/guards/isFieldNumber';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldNumber } from '@/object-record/record-field/ui/types/guards/isFieldNumber';

 export const useNumberField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -3,9 +3,9 @@ import { useContext } from 'react';
 import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldNumber } from '../../types/guards/isFieldNumber';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldNumber } from '@/object-record/record-field/ui/types/guards/isFieldNumber';

 export const useNumberFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -9,8 +9,8 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';

 export const usePhonesField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -6,7 +6,7 @@ import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guard
 import { isFieldPhones } from '@/object-record/record-field/ui/types/guards/isFieldPhones';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const usePhonesFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -5,9 +5,9 @@ import { recordStoreFamilySelector } from '@/object-record/record-store/states/s
 import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { type FieldRatingValue } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldRating } from '../../types/guards/isFieldRating';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldRating } from '@/object-record/record-field/ui/types/guards/isFieldRating';

 export const useRatingField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -2,7 +2,7 @@ import { useContext } from 'react';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { type FieldRatingValue } from 'twenty-shared/types';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useRatingFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -10,9 +10,9 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { isDefined } from 'twenty-shared/utils';
-import { FieldContext } from '../../contexts/FieldContext';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldRelation } from '../../types/guards/isFieldRelation';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldRelation } from '@/object-record/record-field/ui/types/guards/isFieldRelation';

 export const useRelationFromManyFieldDisplay = () => {
  const { recordId, fieldDefinition, maxWidth } = useContext(FieldContext);
@@ -7,7 +7,7 @@ import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecor
 import type { PartialBlock } from '@blocknote/core';
 import { isDefined, parseJson } from 'twenty-shared/utils';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useRichTextFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -5,7 +5,7 @@ import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guard
 import { isFieldRichTextV2 } from '@/object-record/record-field/ui/types/guards/isFieldRichTextV2';
 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useRichTextV2FieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -7,11 +7,11 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';

 import { recordFieldInputDraftValueComponentState } from '@/object-record/record-field/ui/states/recordFieldInputDraftValueComponentState';
 import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
-import { FieldContext } from '../../contexts/FieldContext';
-import { type FieldSelectValue } from '../../types/FieldMetadata';
-import { assertFieldMetadata } from '../../types/guards/assertFieldMetadata';
-import { isFieldSelect } from '../../types/guards/isFieldSelect';
-import { isFieldSelectValue } from '../../types/guards/isFieldSelectValue';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
+import { type FieldSelectValue } from '@/object-record/record-field/ui/types/FieldMetadata';
+import { assertFieldMetadata } from '@/object-record/record-field/ui/types/guards/assertFieldMetadata';
+import { isFieldSelect } from '@/object-record/record-field/ui/types/guards/isFieldSelect';
+import { isFieldSelectValue } from '@/object-record/record-field/ui/types/guards/isFieldSelectValue';

 export const useSelectField = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -3,11 +3,11 @@ import { useContext } from 'react';
 import { type FieldDefinition } from '@/object-record/record-field/ui/types/FieldDefinition';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
 import {
  type FieldSelectMetadata,
  type FieldSelectValue,
-} from '../../types/FieldMetadata';
+} from '@/object-record/record-field/ui/types/FieldMetadata';

 export const useSelectFieldDisplay = () => {
  const { recordId, fieldDefinition } = useContext(FieldContext);
@@ -1,7 +1,7 @@
 import { useContext } from 'react';

 import { useRecordFieldValue } from '@/object-record/record-store/hooks/useRecordFieldValue';
-import { FieldContext } from '../../contexts/FieldContext';
+import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';

 export const useTextFieldDisplay = () => {
  const { recordId, fieldDefinition, displayedMaxRows } =
@@ -3,7 +3,7 @@ import { BooleanInput } from '@/ui/field/input/components/BooleanInput';
 import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldContext';
 import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts/FieldInputEventContext';
 import { useContext } from 'react';
-import { useBooleanField } from '../../hooks/useBooleanField';
+import { useBooleanField } from '@/object-record/record-field/ui/meta-types/hooks/useBooleanField';

 export type BooleanFieldInputProps = {
  testId?: string;
@@ -5,7 +5,7 @@ import { type FieldCurrencyValue } from '@/object-record/record-field/ui/types/F
 import { CurrencyInput } from '@/ui/field/input/components/CurrencyInput';
 import { CurrencyCode } from 'twenty-shared/constants';

-import { useCurrencyField } from '../../hooks/useCurrencyField';
+import { useCurrencyField } from '@/object-record/record-field/ui/meta-types/hooks/useCurrencyField';

 import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts/FieldInputEventContext';
 import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext';
@@ -6,7 +6,7 @@ import { isNonEmptyString } from '@sniptt/guards';
 import { useContext } from 'react';
 import { Temporal } from 'temporal-polyfill';
 import { type Nullable } from 'twenty-ui/utilities';
-import { useDateTimeField } from '../../hooks/useDateTimeField';
+import { useDateTimeField } from '@/object-record/record-field/ui/meta-types/hooks/useDateTimeField';

 export const DateTimeFieldInput = () => {
  const { fieldValue, setDraftValue } = useDateTimeField();
@@ -10,7 +10,7 @@ import {
  canBeCastAsNumberOrNull,
  castAsNumberOrNull,
 } from '~/utils/cast-as-number-or-null';
-import { useNumberField } from '../../hooks/useNumberField';
+import { useNumberField } from '@/object-record/record-field/ui/meta-types/hooks/useNumberField';

 export const NumberFieldInput = () => {
  const { fieldDefinition, draftValue, setDraftValue } = useNumberField();
@@ -4,7 +4,7 @@ import { FieldContext } from '@/object-record/record-field/ui/contexts/FieldCont
 import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts/FieldInputEventContext';
 import { useContext } from 'react';
 import { type FieldRatingValue } from 'twenty-shared/types';
-import { useRatingField } from '../../hooks/useRatingField';
+import { useRatingField } from '@/object-record/record-field/ui/meta-types/hooks/useRatingField';

 export const RatingFieldInput = () => {
  const { rating } = useRatingField();
@@ -13,7 +13,7 @@ import { IconPencil } from 'twenty-ui/display';
 import { CodeEditor, FloatingIconButton } from 'twenty-ui/input';
 import { JsonTree, isTwoFirstDepths } from 'twenty-ui/json-visualizer';
 import { useCopyToClipboard } from '~/hooks/useCopyToClipboard';
-import { useJsonField } from '../../hooks/useJsonField';
+import { useJsonField } from '@/object-record/record-field/ui/meta-types/hooks/useJsonField';

 const CONTAINER_HEIGHT = 300;

@@ -1,5 +1,5 @@
 import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts/FieldInputEventContext';
-import { useRelationField } from '../../hooks/useRelationField';
+import { useRelationField } from '@/object-record/record-field/ui/meta-types/hooks/useRelationField';

 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useObjectMetadataItems } from '@/object-metadata/hooks/useObjectMetadataItems';
@@ -1,6 +1,6 @@
 import { TextAreaInput } from '@/ui/field/input/components/TextAreaInput';

-import { useTextField } from '../../hooks/useTextField';
+import { useTextField } from '@/object-record/record-field/ui/meta-types/hooks/useTextField';

 import { FieldInputEventContext } from '@/object-record/record-field/ui/contexts/FieldInputEventContext';
 import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext';
@@ -13,7 +13,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp

 import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
-import { ArrayFieldInput } from '../ArrayFieldInput';
+import { ArrayFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/ArrayFieldInput';

 const { FieldInputEventContextProviderWithJestMocks } =
  getFieldInputEventContextProviderWithJestMocks();
@@ -12,7 +12,7 @@ import { getFieldInputEventContextProviderWithJestMocks } from '@/object-record/
 import { RecordFieldComponentInstanceContext } from '@/object-record/record-field/ui/states/contexts/RecordFieldComponentInstanceContext';
 import { RECORD_TABLE_CELL_INPUT_ID_PREFIX } from '@/object-record/record-table/constants/RecordTableCellInputIdPrefix';
 import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFieldInputId';
-import { BooleanFieldInput } from '../BooleanFieldInput';
+import { BooleanFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/BooleanFieldInput';

 const { FieldInputEventContextProviderWithJestMocks, handleSubmitMocked } =
  getFieldInputEventContextProviderWithJestMocks();
@@ -12,8 +12,8 @@ import { RECORD_TABLE_CELL_INPUT_ID_PREFIX } from '@/object-record/record-table/
 import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFieldInputId';
 import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType';
 import { StorybookFieldInputDropdownFocusIdSetterEffect } from '~/testing/components/StorybookFieldInputDropdownFocusIdSetterEffect';
-import { useDateTimeField } from '../../../hooks/useDateTimeField';
-import { DateTimeFieldInput } from '../DateTimeFieldInput';
+import { useDateTimeField } from '@/object-record/record-field/ui/meta-types/hooks/useDateTimeField';
+import { DateTimeFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/DateTimeFieldInput';

 const {
  FieldInputEventContextProviderWithJestMocks,
@@ -15,7 +15,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
-import { EmailsFieldInput } from '../EmailsFieldInput';
+import { EmailsFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/EmailsFieldInput';

 const updateRecord = fn();

@@ -13,7 +13,7 @@ import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentTyp
 import { getCanvasElementForDropdownTesting } from 'twenty-ui/testing';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { LinksFieldInput } from '../LinksFieldInput';
+import { LinksFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/LinksFieldInput';

 const updateRecord = fn();

@@ -1,7 +1,7 @@
 import { type Meta, type StoryObj } from '@storybook/react';

 import { ComponentDecorator } from 'twenty-ui/testing';
-import { MultiItemBaseInput } from '../MultiItemBaseInput';
+import { MultiItemBaseInput } from '@/object-record/record-field/ui/meta-types/input/components/MultiItemBaseInput';

 const meta: Meta<typeof MultiItemBaseInput> = {
  title: 'UI/Data/Field/Input/BaseFieldInput',
@@ -14,8 +14,8 @@ import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFi
 import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType';
 import { StorybookFieldInputDropdownFocusIdSetterEffect } from '~/testing/components/StorybookFieldInputDropdownFocusIdSetterEffect';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
-import { useNumberField } from '../../../hooks/useNumberField';
-import { NumberFieldInput } from '../NumberFieldInput';
+import { useNumberField } from '@/object-record/record-field/ui/meta-types/hooks/useNumberField';
+import { NumberFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/NumberFieldInput';

 const {
  FieldInputEventContextProviderWithJestMocks,
@@ -14,7 +14,7 @@ import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFi
 import { usePushFocusItemToFocusStack } from '@/ui/utilities/focus/hooks/usePushFocusItemToFocusStack';
 import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
-import { PhonesFieldInput } from '../PhonesFieldInput';
+import { PhonesFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/PhonesFieldInput';

 const { FieldInputEventContextProviderWithJestMocks } =
  getFieldInputEventContextProviderWithJestMocks();
@@ -12,8 +12,8 @@ import { RECORD_TABLE_CELL_INPUT_ID_PREFIX } from '@/object-record/record-table/
 import { getRecordFieldInputInstanceId } from '@/object-record/utils/getRecordFieldInputId';
 import { FocusComponentType } from '@/ui/utilities/focus/types/FocusComponentType';
 import { FieldMetadataType, type FieldRatingValue } from 'twenty-shared/types';
-import { useRatingField } from '../../../hooks/useRatingField';
-import { RatingFieldInput } from '../RatingFieldInput';
+import { useRatingField } from '@/object-record/record-field/ui/meta-types/hooks/useRatingField';
+import { RatingFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/RatingFieldInput';

 const { FieldInputEventContextProviderWithJestMocks, handleSubmitMocked } =
  getFieldInputEventContextProviderWithJestMocks();
@@ -12,7 +12,7 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
-import { RichTextFieldInput } from '../RichTextFieldInput';
+import { RichTextFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/RichTextFieldInput';
 import { getFieldInputEventContextProviderWithJestMocks } from './utils/getFieldInputEventContextProviderWithJestMocks';

 const targetableObjectId = 'test-id';
@@ -13,8 +13,8 @@ import { type Decorator, type Meta, type StoryObj } from '@storybook/react';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
-import { useTextField } from '../../../hooks/useTextField';
-import { TextFieldInput } from '../TextFieldInput';
+import { useTextField } from '@/object-record/record-field/ui/meta-types/hooks/useTextField';
+import { TextFieldInput } from '@/object-record/record-field/ui/meta-types/input/components/TextFieldInput';

 const TextFieldValueSetterEffect = ({ value }: { value: string }) => {
  const { setFieldValue } = useTextField();
--- a/Show More
+++ b/Show More