Chore/move records related to record folder (#2859)

* WIP

* Finished multi select filter

* Cleaned console log

* Fix naming

* Fixed naming

* Moved RelationPicker folder

* Moved EntitySelect components

* Moved story

* Moved RelationPicker non component folders

* Moved everything else

front/src/effect-components/PageChangeEffect.tsx

@@ -7,13 +7,13 @@ import { useOnboardingStatus } from '@/auth/hooks/useOnboardingStatus';
 import { OnboardingStatus } from '@/auth/utils/getOnboardingStatus';
 import { useCommandMenu } from '@/command-menu/hooks/useCommandMenu';
 import { CommandType } from '@/command-menu/types/Command';
+import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkeyScope';
 import { AppBasePath } from '@/types/AppBasePath';
 import { AppPath } from '@/types/AppPath';
 import { PageHotkeyScope } from '@/types/PageHotkeyScope';
 import { SettingsPath } from '@/types/SettingsPath';
 import { IconCheckbox } from '@/ui/display/icon';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
-import { TableHotkeyScope } from '@/ui/object/record-table/types/TableHotkeyScope';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { useGetWorkspaceFromInviteHashLazyQuery } from '~/generated/graphql';
 

front/src/modules/activities/components/ActivityEditor.tsx

@@ -11,8 +11,8 @@ import { Comment } from '@/activities/types/Comment';
 import { GraphQLActivity } from '@/activities/types/GraphQLActivity';
 import { useFieldContext } from '@/object-record/hooks/useFieldContext';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
-import { RecordInlineCell } from '@/ui/object/record-inline-cell/components/RecordInlineCell';
-import { PropertyBox } from '@/ui/object/record-inline-cell/property-box/components/PropertyBox';
+import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
+import { PropertyBox } from '@/object-record/record-inline-cell/property-box/components/PropertyBox';
 import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
 import { debounce } from '~/utils/debounce';

front/src/modules/activities/files/components/AttachmentRow.tsx

@@ -6,12 +6,12 @@ import { AttachmentDropdown } from '@/activities/files/components/AttachmentDrop
 import { AttachmentIcon } from '@/activities/files/components/AttachmentIcon';
 import { Attachment } from '@/activities/files/types/Attachment';
 import { downloadFile } from '@/activities/files/utils/downloadFile';
-import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
-import { IconCalendar } from '@/ui/display/icon';
 import {
   FieldContext,
   GenericFieldContextType,
-} from '@/ui/object/field/contexts/FieldContext';
+} from '@/object-record/field/contexts/FieldContext';
+import { useDeleteOneRecord } from '@/object-record/hooks/useDeleteOneRecord';
+import { IconCalendar } from '@/ui/display/icon';
 import { formatToHumanReadableDate } from '~/utils';
 
 const StyledRow = styled.div`

front/src/modules/activities/hooks/useOpenCreateActivityDrawerForSelectedRowIds.ts

@@ -1,7 +1,7 @@
 import { useRecoilCallback } from 'recoil';
 
 import { ActivityType } from '@/activities/types/Activity';
-import { selectedRowIdsSelector } from '@/ui/object/record-table/states/selectors/selectedRowIdsSelector';
+import { selectedRowIdsSelector } from '@/object-record/record-table/states/selectors/selectedRowIdsSelector';
 
 import {
   ActivityTargetableEntity,

front/src/modules/activities/inline-cell/components/ActivityTargetInlineCellEditMode.tsx

@@ -6,10 +6,10 @@ import { useHandleCheckableActivityTargetChange } from '@/activities/hooks/useHa
 import { ActivityTarget } from '@/activities/types/ActivityTarget';
 import { flatMapAndSortEntityForSelectArrayOfArrayByName } from '@/activities/utils/flatMapAndSortEntityForSelectArrayByName';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useInlineCell } from '@/object-record/record-inline-cell/hooks/useInlineCell';
+import { MultipleEntitySelect } from '@/object-record/relation-picker/components/MultipleEntitySelect';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
-import { MultipleEntitySelect } from '@/ui/input/relation-picker/components/MultipleEntitySelect';
-import { useInlineCell } from '@/ui/object/record-inline-cell/hooks/useInlineCell';
 import { assertNotNull } from '~/utils/assert';
 
 type ActivityTargetInlineCellEditModeProps = {

front/src/modules/activities/inline-cell/components/ActivityTargetsInlineCell.tsx

@@ -3,10 +3,10 @@ import { ActivityTargetInlineCellEditMode } from '@/activities/inline-cell/compo
 import { ActivityTarget } from '@/activities/types/ActivityTarget';
 import { GraphQLActivity } from '@/activities/types/GraphQLActivity';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
+import { RecordInlineCellContainer } from '@/object-record/record-inline-cell/components/RecordInlineCellContainer';
+import { FieldRecoilScopeContext } from '@/object-record/record-inline-cell/states/recoil-scope-contexts/FieldRecoilScopeContext';
+import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';
 import { IconArrowUpRight, IconPencil } from '@/ui/display/icon';
-import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
-import { RecordInlineCellContainer } from '@/ui/object/record-inline-cell/components/RecordInlineCellContainer';
-import { FieldRecoilScopeContext } from '@/ui/object/record-inline-cell/states/recoil-scope-contexts/FieldRecoilScopeContext';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 
 type ActivityTargetsInlineCellProps = {

front/src/modules/activities/notes/components/NoteCard.tsx

@@ -6,11 +6,11 @@ import { useOpenActivityRightDrawer } from '@/activities/hooks/useOpenActivityRi
 import { ActivityTargetsInlineCell } from '@/activities/inline-cell/components/ActivityTargetsInlineCell';
 import { GraphQLActivity } from '@/activities/types/GraphQLActivity';
 import { Note } from '@/activities/types/Note';
-import { IconComment } from '@/ui/display/icon';
 import {
   FieldContext,
   GenericFieldContextType,
-} from '@/ui/object/field/contexts/FieldContext';
+} from '@/object-record/field/contexts/FieldContext';
+import { IconComment } from '@/ui/display/icon';
 
 const StyledCard = styled.div<{ isSingleNote: boolean }>`
   align-items: flex-start;

front/src/modules/activities/right-drawer/components/RightDrawerActivity.tsx

@@ -4,8 +4,8 @@ import { useRecoilState } from 'recoil';
 
 import { ActivityEditor } from '@/activities/components/ActivityEditor';
 import { Activity } from '@/activities/types/Activity';
+import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
 import { useFindOneRecord } from '@/object-record/hooks/useFindOneRecord';
-import { entityFieldsFamilyState } from '@/ui/object/field/states/entityFieldsFamilyState';
 
 import '@blocknote/core/style.css';
 

front/src/modules/activities/tasks/__stories__/TaskGroups.stories.tsx

@@ -2,7 +2,7 @@ import { Meta, StoryObj } from '@storybook/react';
 
 import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { TaskGroups } from '@/activities/tasks/components/TaskGroups';
-import { ObjectFilterDropdownScope } from '@/ui/object/object-filter-dropdown/scopes/ObjectFilterDropdownScope';
+import { ObjectFilterDropdownScope } from '@/object-record/object-filter-dropdown/scopes/ObjectFilterDropdownScope';
 import { ComponentWithRecoilScopeDecorator } from '~/testing/decorators/ComponentWithRecoilScopeDecorator';
 import { ComponentWithRouterDecorator } from '~/testing/decorators/ComponentWithRouterDecorator';
 import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';

front/src/modules/activities/tasks/components/EntityTasks.tsx

@@ -3,7 +3,7 @@ import styled from '@emotion/styled';
 import { TasksRecoilScopeContext } from '@/activities/states/recoil-scope-contexts/TasksRecoilScopeContext';
 import { TaskGroups } from '@/activities/tasks/components/TaskGroups';
 import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
-import { ObjectFilterDropdownScope } from '@/ui/object/object-filter-dropdown/scopes/ObjectFilterDropdownScope';
+import { ObjectFilterDropdownScope } from '@/object-record/object-filter-dropdown/scopes/ObjectFilterDropdownScope';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 
 const StyledContainer = styled.div`

front/src/modules/activities/tasks/components/PageAddTaskButton.tsx

@@ -1,8 +1,8 @@
 import { isNonEmptyString } from '@sniptt/guards';
 
 import { useOpenCreateActivityDrawer } from '@/activities/hooks/useOpenCreateActivityDrawer';
+import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown';
 import { PageAddButton } from '@/ui/layout/page/PageAddButton';
-import { useFilterDropdown } from '@/ui/object/object-filter-dropdown/hooks/useFilterDropdown';
 
 type PageAddTaskButtonProps = {
   filterDropdownId: string;

front/src/modules/activities/tasks/hooks/useTasks.ts

@@ -5,7 +5,7 @@ import { undefined } from 'zod';
 import { Activity } from '@/activities/types/Activity';
 import { ActivityTargetableEntity } from '@/activities/types/ActivityTargetableEntity';
 import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
-import { useFilterDropdown } from '@/ui/object/object-filter-dropdown/hooks/useFilterDropdown';
+import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown';
 import { parseDate } from '~/utils/date-utils';
 import { isDefined } from '~/utils/isDefined';
 

front/src/modules/activities/types/ActivityTargetableEntityForSelect.ts

@@ -1,4 +1,4 @@
-import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
+import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
 
 import { ActivityTargetableEntityType } from './ActivityTargetableEntity';
 

front/src/modules/activities/utils/flatMapAndSortEntityForSelectArrayByName.ts

@@ -1,4 +1,4 @@
-import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
+import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
 
 export const flatMapAndSortEntityForSelectArrayOfArrayByName = <
   T extends EntityForSelect,

front/src/modules/companies/board/components/CompanyBoard.tsx

@@ -4,9 +4,9 @@ import { mapBoardFieldDefinitionsToViewFields } from '@/companies/utils/mapBoard
 import {
   RecordBoard,
   RecordBoardProps,
-} from '@/ui/object/record-board/components/RecordBoard';
-import { RecordBoardEffect } from '@/ui/object/record-board/components/RecordBoardEffect';
-import { RecordBoardOptionsDropdown } from '@/ui/object/record-board/options/components/RecordBoardOptionsDropdown';
+} from '@/object-record/record-board/components/RecordBoard';
+import { RecordBoardEffect } from '@/object-record/record-board/components/RecordBoardEffect';
+import { RecordBoardOptionsDropdown } from '@/object-record/record-board/options/components/RecordBoardOptionsDropdown';
 import { ViewBar } from '@/views/components/ViewBar';
 import { useViewFields } from '@/views/hooks/internal/useViewFields';
 import { opportunitiesBoardOptions } from '~/pages/opportunities/opportunitiesBoardOptions';

front/src/modules/companies/components/AddPersonToCompany.tsx

@@ -6,13 +6,13 @@ import { flip, offset, useFloating } from '@floating-ui/react';
 import { v4 } from 'uuid';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { DoubleTextInput } from '@/object-record/field/meta-types/input/components/internal/DoubleTextInput';
+import { FieldDoubleText } from '@/object-record/field/types/FieldDoubleText';
+import { RelationPicker } from '@/object-record/relation-picker/components/RelationPicker';
+import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
+import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';
 import { IconPlus } from '@/ui/display/icon';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
-import { RelationPicker } from '@/ui/input/components/internal/relation-picker/components/RelationPicker';
-import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
-import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
-import { DoubleTextInput } from '@/ui/object/field/meta-types/input/components/internal/DoubleTextInput';
-import { FieldDoubleText } from '@/ui/object/field/types/FieldDoubleText';
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { FieldMetadataType } from '~/generated-metadata/graphql';

front/src/modules/companies/components/CompanyBoardCard.tsx

@@ -2,18 +2,18 @@ import { ReactNode, useContext } from 'react';
 import styled from '@emotion/styled';
 import { useRecoilState, useRecoilValue } from 'recoil';
 
+import { FieldContext } from '@/object-record/field/contexts/FieldContext';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
+import { BoardCardIdContext } from '@/object-record/record-board/contexts/BoardCardIdContext';
+import { useCurrentRecordBoardCardSelectedInternal } from '@/object-record/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
+import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
+import { isRecordBoardCardInCompactViewFamilyState } from '@/object-record/record-board/states/isRecordBoardCardInCompactViewFamilyState';
+import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
+import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
 import { EntityChipVariant } from '@/ui/display/chip/components/EntityChip';
 import { IconEye } from '@/ui/display/icon/index';
 import { LightIconButton } from '@/ui/input/button/components/LightIconButton';
 import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox';
-import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
-import { BoardCardIdContext } from '@/ui/object/record-board/contexts/BoardCardIdContext';
-import { useCurrentRecordBoardCardSelectedInternal } from '@/ui/object/record-board/hooks/internal/useCurrentRecordBoardCardSelectedInternal';
-import { useRecordBoardScopedStates } from '@/ui/object/record-board/hooks/internal/useRecordBoardScopedStates';
-import { isRecordBoardCardInCompactViewFamilyState } from '@/ui/object/record-board/states/isRecordBoardCardInCompactViewFamilyState';
-import { RecordInlineCell } from '@/ui/object/record-inline-cell/components/RecordInlineCell';
-import { InlineCellHotkeyScope } from '@/ui/object/record-inline-cell/types/InlineCellHotkeyScope';
 import { AnimatedEaseInOut } from '@/ui/utilities/animation/components/AnimatedEaseInOut';
 import { getLogoUrlFromDomainName } from '~/utils';
 

front/src/modules/companies/components/HooksCompanyBoardEffect.tsx

@@ -3,12 +3,12 @@ import { useRecoilValue } from 'recoil';
 
 import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/useColumnDefinitionsFromFieldMetadata';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useRecordBoardScopedStates } from '@/object-record/record-board/hooks/internal/useRecordBoardScopedStates';
+import { availableRecordBoardCardFieldsScopedState } from '@/object-record/record-board/states/availableRecordBoardCardFieldsScopedState';
+import { recordBoardCardFieldsScopedState } from '@/object-record/record-board/states/recordBoardCardFieldsScopedState';
+import { recordBoardFiltersScopedState } from '@/object-record/record-board/states/recordBoardFiltersScopedState';
+import { recordBoardSortsScopedState } from '@/object-record/record-board/states/recordBoardSortsScopedState';
 import { filterAvailableTableColumns } from '@/object-record/utils/filterAvailableTableColumns';
-import { useRecordBoardScopedStates } from '@/ui/object/record-board/hooks/internal/useRecordBoardScopedStates';
-import { availableRecordBoardCardFieldsScopedState } from '@/ui/object/record-board/states/availableRecordBoardCardFieldsScopedState';
-import { recordBoardCardFieldsScopedState } from '@/ui/object/record-board/states/recordBoardCardFieldsScopedState';
-import { recordBoardFiltersScopedState } from '@/ui/object/record-board/states/recordBoardFiltersScopedState';
-import { recordBoardSortsScopedState } from '@/ui/object/record-board/states/recordBoardSortsScopedState';
 import { useSetRecoilScopedStateV2 } from '@/ui/utilities/recoil-scope/hooks/useSetRecoilScopedStateV2';
 import { useViewScopedStates } from '@/views/hooks/internal/useViewScopedStates';
 import { useViewBar } from '@/views/hooks/useViewBar';

front/src/modules/companies/components/NewOpportunityButton.tsx

@@ -2,15 +2,15 @@ import { useCallback, useContext, useState } from 'react';
 import { useQuery } from '@apollo/client';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { NewButton } from '@/object-record/record-board/components/NewButton';
+import { BoardColumnContext } from '@/object-record/record-board/contexts/BoardColumnContext';
+import { useCreateOpportunity } from '@/object-record/record-board/hooks/internal/useCreateOpportunity';
+import { SingleEntitySelect } from '@/object-record/relation-picker/components/SingleEntitySelect';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
+import { relationPickerSearchFilterScopedState } from '@/object-record/relation-picker/states/relationPickerSearchFilterScopedState';
+import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
-import { SingleEntitySelect } from '@/ui/input/relation-picker/components/SingleEntitySelect';
-import { relationPickerSearchFilterScopedState } from '@/ui/input/relation-picker/states/relationPickerSearchFilterScopedState';
-import { RelationPickerHotkeyScope } from '@/ui/input/relation-picker/types/RelationPickerHotkeyScope';
-import { NewButton } from '@/ui/object/record-board/components/NewButton';
-import { BoardColumnContext } from '@/ui/object/record-board/contexts/BoardColumnContext';
-import { useCreateOpportunity } from '@/ui/object/record-board/hooks/internal/useCreateOpportunity';
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 import { useRecoilScopedState } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedState';
 

front/src/modules/companies/components/OpportunityPicker.tsx

@@ -3,13 +3,13 @@ import { useQuery } from '@apollo/client';
 import { useRecoilValue } from 'recoil';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { SingleEntitySelectBase } from '@/object-record/relation-picker/components/SingleEntitySelectBase';
+import { useEntitySelectSearch } from '@/object-record/relation-picker/hooks/useEntitySelectSearch';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
+import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
 import { currentPipelineStepsState } from '@/pipeline/states/currentPipelineStepsState';
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
 import { IconChevronDown } from '@/ui/display/icon';
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
-import { SingleEntitySelectBase } from '@/ui/input/relation-picker/components/SingleEntitySelectBase';
-import { useEntitySelectSearch } from '@/ui/input/relation-picker/hooks/useEntitySelectSearch';
-import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
 import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
 import { DropdownMenuHeader } from '@/ui/layout/dropdown/components/DropdownMenuHeader';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';

front/src/modules/companies/utils/mapBoardFieldDefinitionsToViewFields.ts

@@ -1,5 +1,5 @@
-import { FieldMetadata } from '@/ui/object/field/types/FieldMetadata';
-import { BoardFieldDefinition } from '@/ui/object/record-board/types/BoardFieldDefinition';
+import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
+import { BoardFieldDefinition } from '@/object-record/record-board/types/BoardFieldDefinition';
 import { ViewField } from '@/views/types/ViewField';
 
 export const mapBoardFieldDefinitionsToViewFields = (

front/src/modules/object-metadata/components/ObjectMetadataItemsProvider.tsx

@@ -5,7 +5,7 @@ import { ObjectMetadataItemsLoadEffect } from '@/object-metadata/components/Obje
 import { ObjectMetadataItemsRelationPickerEffect } from '@/object-metadata/components/ObjectMetadataItemsRelationPickerEffect';
 import { useFindManyObjectMetadataItems } from '@/object-metadata/hooks/useFindManyObjectMetadataItems';
 import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
-import { RelationPickerScope } from '@/ui/input/components/internal/relation-picker/scopes/RelationPickerScope';
+import { RelationPickerScope } from '@/object-record/relation-picker/scopes/RelationPickerScope';
 
 export const ObjectMetadataItemsProvider = ({
   children,

front/src/modules/object-metadata/components/ObjectMetadataItemsRelationPickerEffect.tsx

@@ -1,7 +1,7 @@
 import { useEffect } from 'react';
 
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
-import { IdentifiersMapper } from '@/ui/input/components/internal/relation-picker/types/IdentifiersMapper';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
+import { IdentifiersMapper } from '@/object-record/relation-picker/types/IdentifiersMapper';
 import { getLogoUrlFromDomainName } from '~/utils';
 
 export const ObjectMetadataItemsRelationPickerEffect = () => {

front/src/modules/object-metadata/hooks/useColumnDefinitionsFromFieldMetadata.ts

@@ -1,8 +1,8 @@
 import { useMemo } from 'react';
 
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
-import { FieldMetadata } from '@/ui/object/field/types/FieldMetadata';
-import { ColumnDefinition } from '@/ui/object/record-table/types/ColumnDefinition';
+import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
+import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
 import { Nullable } from '~/types/Nullable';
 
 import { formatFieldMetadataItemAsColumnDefinition } from '../utils/formatFieldMetadataItemAsColumnDefinition';

front/src/modules/object-metadata/hooks/useCreateOneFieldMetadataItem.ts

@@ -1,7 +1,7 @@
 import { ApolloClient, useMutation } from '@apollo/client';
 import { getOperationName } from '@apollo/client/utilities';
 
-import { FieldType } from '@/ui/object/field/types/FieldType';
+import { FieldType } from '@/object-record/field/types/FieldType';
 import { FieldMetadataType } from '~/generated/graphql';
 import {
   CreateOneFieldMetadataItemMutation,

front/src/modules/object-metadata/hooks/useFieldMetadataItem.ts

@@ -1,4 +1,4 @@
-import { FieldType } from '@/ui/object/field/types/FieldType';
+import { FieldType } from '@/object-record/field/types/FieldType';
 import { Field } from '~/generated/graphql';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 

front/src/modules/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery.ts

@@ -1,7 +1,7 @@
 import { useRecoilValue } from 'recoil';
 
 import { objectMetadataItemsState } from '@/object-metadata/states/objectMetadataItemsState';
-import { FieldType } from '@/ui/object/field/types/FieldType';
+import { FieldType } from '@/object-record/field/types/FieldType';
 
 import { FieldMetadataItem } from '../types/FieldMetadataItem';
 

front/src/modules/object-metadata/utils/formatFieldMetadataItemAsColumnDefinition.ts

@@ -1,7 +1,7 @@
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { parseFieldRelationType } from '@/object-metadata/utils/parseFieldRelationType';
-import { FieldMetadata } from '@/ui/object/field/types/FieldMetadata';
-import { ColumnDefinition } from '@/ui/object/record-table/types/ColumnDefinition';
+import { FieldMetadata } from '@/object-record/field/types/FieldMetadata';
+import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
 
 import { FieldMetadataItem } from '../types/FieldMetadataItem';
 

front/src/modules/object-metadata/utils/formatFieldMetadataItemsAsFilterDefinitions.ts

@@ -1,4 +1,4 @@
-import { FilterDefinition } from '@/ui/object/object-filter-dropdown/types/FilterDefinition';
+import { FilterDefinition } from '@/object-record/object-filter-dropdown/types/FilterDefinition';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 
 import { ObjectMetadataItem } from '../types/ObjectMetadataItem';

front/src/modules/object-metadata/utils/formatFieldMetadataItemsAsSortDefinitions.ts

@@ -1,4 +1,4 @@
-import { SortDefinition } from '@/ui/object/object-sort-dropdown/types/SortDefinition';
+import { SortDefinition } from '@/object-record/object-sort-dropdown/types/SortDefinition';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 
 import { ObjectMetadataItem } from '../types/ObjectMetadataItem';

front/src/modules/object-metadata/utils/parseFieldRelationType.ts

@@ -1,5 +1,5 @@
 import { FieldMetadataItem } from '@/object-metadata/types/FieldMetadataItem';
-import { FieldDefinitionRelationType } from '@/ui/object/field/types/FieldDefinition';
+import { FieldDefinitionRelationType } from '@/object-record/field/types/FieldDefinition';
 import {
   FieldMetadataType,
   RelationMetadataType,

front/src/modules/object-metadata/utils/parseFieldType.ts

@@ -1,4 +1,4 @@
-import { FieldType } from '@/ui/object/field/types/FieldType';
+import { FieldType } from '@/object-record/field/types/FieldType';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
 
 export const parseFieldType = (fieldType: FieldMetadataType): FieldType => {

front/src/modules/object-record/components/RecordShowPage.tsx

@@ -5,9 +5,14 @@ import { CompanyTeam } from '@/companies/components/CompanyTeam';
 import { useFavorites } from '@/favorites/hooks/useFavorites';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { formatFieldMetadataItemAsColumnDefinition } from '@/object-metadata/utils/formatFieldMetadataItemAsColumnDefinition';
+import { FieldContext } from '@/object-record/field/contexts/FieldContext';
+import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
+import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
+import { PropertyBox } from '@/object-record/record-inline-cell/property-box/components/PropertyBox';
+import { InlineCellHotkeyScope } from '@/object-record/record-inline-cell/types/InlineCellHotkeyScope';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
 import { filterAvailableFieldMetadataItem } from '@/object-record/utils/filterAvailableFieldMetadataItem';
 import { IconBuildingSkyscraper } from '@/ui/display/icon';
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
 import { PageBody } from '@/ui/layout/page/PageBody';
 import { PageContainer } from '@/ui/layout/page/PageContainer';
 import { PageFavoriteButton } from '@/ui/layout/page/PageFavoriteButton';
@@ -18,11 +23,6 @@ import { ShowPageLeftContainer } from '@/ui/layout/show-page/components/ShowPage
 import { ShowPageRightContainer } from '@/ui/layout/show-page/components/ShowPageRightContainer';
 import { ShowPageSummaryCard } from '@/ui/layout/show-page/components/ShowPageSummaryCard';
 import { ShowPageRecoilScopeContext } from '@/ui/layout/states/ShowPageRecoilScopeContext';
-import { FieldContext } from '@/ui/object/field/contexts/FieldContext';
-import { entityFieldsFamilyState } from '@/ui/object/field/states/entityFieldsFamilyState';
-import { RecordInlineCell } from '@/ui/object/record-inline-cell/components/RecordInlineCell';
-import { PropertyBox } from '@/ui/object/record-inline-cell/property-box/components/PropertyBox';
-import { InlineCellHotkeyScope } from '@/ui/object/record-inline-cell/types/InlineCellHotkeyScope';
 import { PageTitle } from '@/ui/utilities/page-title/PageTitle';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 import { FileFolder, useUploadImageMutation } from '~/generated/graphql';

front/src/modules/object-record/components/RecordTableContainer.tsx

@@ -4,10 +4,10 @@ import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/u
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
-import { RecordTable } from '@/ui/object/record-table/components/RecordTable';
-import { TableOptionsDropdownId } from '@/ui/object/record-table/constants/TableOptionsDropdownId';
-import { useRecordTable } from '@/ui/object/record-table/hooks/useRecordTable';
-import { TableOptionsDropdown } from '@/ui/object/record-table/options/components/TableOptionsDropdown';
+import { RecordTable } from '@/object-record/record-table/components/RecordTable';
+import { TableOptionsDropdownId } from '@/object-record/record-table/constants/TableOptionsDropdownId';
+import { useRecordTable } from '@/object-record/record-table/hooks/useRecordTable';
+import { TableOptionsDropdown } from '@/object-record/record-table/options/components/TableOptionsDropdown';
 import { ViewBar } from '@/views/components/ViewBar';
 import { mapViewFieldsToColumnDefinitions } from '@/views/utils/mapViewFieldsToColumnDefinitions';
 import { mapViewFiltersToFilters } from '@/views/utils/mapViewFiltersToFilters';

front/src/modules/object-record/components/RecordTableEffect.tsx

@@ -4,8 +4,8 @@ import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/u
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useRecordTableContextMenuEntries } from '@/object-record/hooks/useRecordTableContextMenuEntries';
+import { useRecordTable } from '@/object-record/record-table/hooks/useRecordTable';
 import { filterAvailableTableColumns } from '@/object-record/utils/filterAvailableTableColumns';
-import { useRecordTable } from '@/ui/object/record-table/hooks/useRecordTable';
 import { useViewBar } from '@/views/hooks/useViewBar';
 import { ViewType } from '@/views/types/ViewType';
 

front/src/modules/object-record/components/RecordTablePage.tsx

@@ -8,14 +8,14 @@ import { OnboardingStatus } from '@/auth/utils/getOnboardingStatus';
 import { useObjectMetadataItemForSettings } from '@/object-metadata/hooks/useObjectMetadataItemForSettings';
 import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useCreateOneRecord } from '@/object-record/hooks/useCreateOneRecord';
+import { RecordTableActionBar } from '@/object-record/record-table/action-bar/components/RecordTableActionBar';
+import { RecordTableContextMenu } from '@/object-record/record-table/context-menu/components/RecordTableContextMenu';
 import { useLazyLoadIcons } from '@/ui/input/hooks/useLazyLoadIcons';
 import { PageAddButton } from '@/ui/layout/page/PageAddButton';
 import { PageBody } from '@/ui/layout/page/PageBody';
 import { PageContainer } from '@/ui/layout/page/PageContainer';
 import { PageHeader } from '@/ui/layout/page/PageHeader';
 import { PageHotkeysEffect } from '@/ui/layout/page/PageHotkeysEffect';
-import { RecordTableActionBar } from '@/ui/object/record-table/action-bar/components/RecordTableActionBar';
-import { RecordTableContextMenu } from '@/ui/object/record-table/context-menu/components/RecordTableContextMenu';
 
 import { RecordTableContainer } from './RecordTableContainer';
 

front/src/modules/object-record/field/components/FieldInput.tsx

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 
-import { FullNameFieldInput } from '@/ui/object/field/meta-types/input/components/FullNameFieldInput';
-import { isFieldFullName } from '@/ui/object/field/types/guards/isFieldFullName';
+import { FullNameFieldInput } from '@/object-record/field/meta-types/input/components/FullNameFieldInput';
+import { isFieldFullName } from '@/object-record/field/types/guards/isFieldFullName';
 import { RecoilScope } from '@/ui/utilities/recoil-scope/components/RecoilScope';
 
 import { FieldContext } from '../contexts/FieldContext';

front/src/modules/object-record/field/hooks/useGetButtonIcon.ts

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
 
+import { isFieldRelation } from '@/object-record/field/types/guards/isFieldRelation';
 import { IconPencil } from '@/ui/display/icon';
 import { IconComponent } from '@/ui/display/icon/types/IconComponent';
-import { isFieldRelation } from '@/ui/object/field/types/guards/isFieldRelation';
 
 import { FieldContext } from '../contexts/FieldContext';
 import { isFieldEmail } from '../types/guards/isFieldEmail';

front/src/modules/object-record/field/hooks/usePersistField.ts

@@ -1,8 +1,8 @@
 import { useContext } from 'react';
 import { useRecoilCallback } from 'recoil';
 
-import { isFieldFullName } from '@/ui/object/field/types/guards/isFieldFullName';
-import { isFieldFullNameValue } from '@/ui/object/field/types/guards/isFieldFullNameValue';
+import { isFieldFullName } from '@/object-record/field/types/guards/isFieldFullName';
+import { isFieldFullNameValue } from '@/object-record/field/types/guards/isFieldFullNameValue';
 
 import { FieldContext } from '../contexts/FieldContext';
 import { entityFieldsFamilySelector } from '../states/selectors/entityFieldsFamilySelector';

front/src/modules/object-record/field/meta-types/__stories__/FieldContextProvider.tsx

@@ -1,7 +1,7 @@
 import {
   FieldContext,
   GenericFieldContextType,
-} from '@/ui/object/field/contexts/FieldContext';
+} from '@/object-record/field/contexts/FieldContext';
 
 type FieldContextProviderProps = {
   children: React.ReactNode;

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

@@ -1,5 +1,5 @@
+import { useChipField } from '@/object-record/field/meta-types/hooks/useChipField';
 import { EntityChip } from '@/ui/display/chip/components/EntityChip';
-import { useChipField } from '@/ui/object/field/meta-types/hooks/useChipField';
 
 export const ChipFieldDisplay = () => {
   const {

front/src/modules/object-record/field/meta-types/display/components/DateFieldDisplay.tsx

@@ -1,4 +1,4 @@
-import { DateDisplay } from '@/ui/object/field/meta-types/display/content-display/components/DateDisplay';
+import { DateDisplay } from '@/object-record/field/meta-types/display/content-display/components/DateDisplay';
 
 import { useDateTimeField } from '../../hooks/useDateTimeField';
 

front/src/modules/object-record/field/meta-types/display/components/FullNameFieldDisplay.tsx

@@ -1,4 +1,4 @@
-import { useFullNameField } from '@/ui/object/field/meta-types/hooks/useFullNameField';
+import { useFullNameField } from '@/object-record/field/meta-types/hooks/useFullNameField';
 
 import { TextDisplay } from '../content-display/components/TextDisplay';
 

front/src/modules/object-record/field/meta-types/display/components/NumberFieldDisplay.tsx

@@ -1,4 +1,4 @@
-import { NumberDisplay } from '@/ui/object/field/meta-types/display/content-display/components/NumberDisplay';
+import { NumberDisplay } from '@/object-record/field/meta-types/display/content-display/components/NumberDisplay';
 
 import { useNumberField } from '../../hooks/useNumberField';
 

front/src/modules/object-record/field/meta-types/display/components/PhoneFieldDisplay.tsx

@@ -1,4 +1,4 @@
-import { PhoneDisplay } from '@/ui/object/field/meta-types/display/content-display/components/PhoneDisplay';
+import { PhoneDisplay } from '@/object-record/field/meta-types/display/content-display/components/PhoneDisplay';
 
 import { usePhoneField } from '../../hooks/usePhoneField';
 

front/src/modules/object-record/field/meta-types/display/components/RelationFieldDisplay.tsx

@@ -1,5 +1,5 @@
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
 import { EntityChip } from '@/ui/display/chip/components/EntityChip';
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
 
 import { useRelationField } from '../../hooks/useRelationField';
 

front/src/modules/object-record/field/meta-types/display/components/TextFieldDisplay.tsx

@@ -1,4 +1,4 @@
-import { TextDisplay } from '@/ui/object/field/meta-types/display/content-display/components/TextDisplay';
+import { TextDisplay } from '@/object-record/field/meta-types/display/content-display/components/TextDisplay';
 
 import { useTextField } from '../../hooks/useTextField';
 

front/src/modules/object-record/field/meta-types/display/components/UuidFieldDisplay.tsx

@@ -0,0 +1,8 @@
+import { TextDisplay } from '@/object-record/field/meta-types/display/content-display/components/TextDisplay';
+import { useUuidField } from '@/object-record/field/meta-types/hooks/useUuidField';
+
+export const UuidFieldDisplay = () => {
+  const { fieldValue } = useUuidField();
+
+  return <TextDisplay text={fieldValue} />;
+};

front/src/modules/object-record/field/meta-types/display/content-display/components/LinkDisplay.tsx

@@ -1,12 +1,12 @@
 import { MouseEvent } from 'react';
 import styled from '@emotion/styled';
 
+import { FieldLinkValue } from '@/object-record/field/types/FieldMetadata';
 import { RoundedLink } from '@/ui/navigation/link/components/RoundedLink';
 import {
   LinkType,
   SocialLink,
 } from '@/ui/navigation/link/components/SocialLink';
-import { FieldLinkValue } from '@/ui/object/field/types/FieldMetadata';
 
 import { EllipsisDisplay } from './EllipsisDisplay';
 

front/src/modules/object-record/field/meta-types/hooks/useChipField.ts

@@ -1,10 +1,10 @@
 import { useContext } from 'react';
 import { useRecoilValue } from 'recoil';
 
-import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
-import { entityFieldsFamilyState } from '@/ui/object/field/states/entityFieldsFamilyState';
-import { isFieldFullName } from '@/ui/object/field/types/guards/isFieldFullName';
-import { isFieldText } from '@/ui/object/field/types/guards/isFieldText';
+import { entityFieldsFamilyState } from '@/object-record/field/states/entityFieldsFamilyState';
+import { isFieldFullName } from '@/object-record/field/types/guards/isFieldFullName';
+import { isFieldText } from '@/object-record/field/types/guards/isFieldText';
+import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
 
 import { FieldContext } from '../../contexts/FieldContext';
 

front/src/modules/object-record/field/meta-types/hooks/useCurrencyField.ts

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { useRecoilState } from 'recoil';
 
-import { FieldInitialValue } from '@/ui/object/field/types/FieldInitialValue';
+import { FieldInitialValue } from '@/object-record/field/types/FieldInitialValue';
 import { canBeCastAsIntegerOrNull } from '~/utils/cast-as-integer-or-null';
 import {
   convertCurrencyMicrosToCurrency,

front/src/modules/object-record/field/meta-types/hooks/useUuidField.ts

@@ -1,7 +1,7 @@
 import { useContext } from 'react';
 import { useRecoilState } from 'recoil';
 
-import { isFieldUuid } from '@/ui/object/field/types/guards/isFieldUuid';
+import { isFieldUuid } from '@/object-record/field/types/guards/isFieldUuid';
 
 import { FieldContext } from '../../contexts/FieldContext';
 import { useFieldInitialValue } from '../../hooks/useFieldInitialValue';

front/src/modules/object-record/field/meta-types/input/components/BooleanFieldInput.tsx

@@ -1,4 +1,4 @@
-import { BooleanInput } from '@/ui/object/field/meta-types/input/components/internal/BooleanInput';
+import { BooleanInput } from '@/object-record/field/meta-types/input/components/internal/BooleanInput';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useBooleanField } from '../../hooks/useBooleanField';

front/src/modules/object-record/field/meta-types/input/components/CurrencyFieldInput.tsx

@@ -1,4 +1,4 @@
-import { TextInput } from '@/ui/object/field/meta-types/input/components/internal/TextInput';
+import { TextInput } from '@/object-record/field/meta-types/input/components/internal/TextInput';
 
 import { useCurrencyField } from '../../hooks/useCurrencyField';
 

front/src/modules/object-record/field/meta-types/input/components/DateFieldInput.tsx

@@ -1,4 +1,4 @@
-import { DateInput } from '@/ui/object/field/meta-types/input/components/internal/DateInput';
+import { DateInput } from '@/object-record/field/meta-types/input/components/internal/DateInput';
 import { Nullable } from '~/types/Nullable';
 
 import { usePersistField } from '../../../hooks/usePersistField';

front/src/modules/object-record/field/meta-types/input/components/EmailFieldInput.tsx

@@ -1,4 +1,4 @@
-import { TextInput } from '@/ui/object/field/meta-types/input/components/internal/TextInput';
+import { TextInput } from '@/object-record/field/meta-types/input/components/internal/TextInput';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useEmailField } from '../../hooks/useEmailField';

front/src/modules/object-record/field/meta-types/input/components/FullNameFieldInput.tsx

@@ -1,6 +1,6 @@
-import { useFullNameField } from '@/ui/object/field/meta-types/hooks/useFullNameField';
-import { DoubleTextInput } from '@/ui/object/field/meta-types/input/components/internal/DoubleTextInput';
-import { FieldDoubleText } from '@/ui/object/field/types/FieldDoubleText';
+import { useFullNameField } from '@/object-record/field/meta-types/hooks/useFullNameField';
+import { DoubleTextInput } from '@/object-record/field/meta-types/input/components/internal/DoubleTextInput';
+import { FieldDoubleText } from '@/object-record/field/types/FieldDoubleText';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 

front/src/modules/object-record/field/meta-types/input/components/LinkFieldInput.tsx

@@ -1,4 +1,4 @@
-import { TextInput } from '@/ui/object/field/meta-types/input/components/internal/TextInput';
+import { TextInput } from '@/object-record/field/meta-types/input/components/internal/TextInput';
 
 import { useLinkField } from '../../hooks/useLinkField';
 

front/src/modules/object-record/field/meta-types/input/components/NumberFieldInput.tsx

@@ -1,4 +1,4 @@
-import { TextInput } from '@/ui/object/field/meta-types/input/components/internal/TextInput';
+import { TextInput } from '@/object-record/field/meta-types/input/components/internal/TextInput';
 
 import { useNumberField } from '../../hooks/useNumberField';
 

front/src/modules/object-record/field/meta-types/input/components/PhoneFieldInput.tsx

@@ -1,4 +1,4 @@
-import { PhoneInput } from '@/ui/object/field/meta-types/input/components/internal/PhoneInput';
+import { PhoneInput } from '@/object-record/field/meta-types/input/components/internal/PhoneInput';
 
 import { usePhoneField } from '../../hooks/usePhoneField';
 

front/src/modules/object-record/field/meta-types/input/components/RatingFieldInput.tsx

@@ -1,4 +1,4 @@
-import { RatingInput } from '@/ui/object/field/meta-types/input/components/internal/RatingInput';
+import { RatingInput } from '@/object-record/field/meta-types/input/components/internal/RatingInput';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useRatingField } from '../../hooks/useRatingField';

front/src/modules/object-record/field/meta-types/input/components/RelationFieldInput.tsx

@@ -1,8 +1,8 @@
 import { useEffect } from 'react';
 import styled from '@emotion/styled';
 
-import { RelationPicker } from '@/ui/input/components/internal/relation-picker/components/RelationPicker';
-import { EntityForSelect } from '@/ui/input/relation-picker/types/EntityForSelect';
+import { RelationPicker } from '@/object-record/relation-picker/components/RelationPicker';
+import { EntityForSelect } from '@/object-record/relation-picker/types/EntityForSelect';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useRelationField } from '../../hooks/useRelationField';

front/src/modules/object-record/field/meta-types/input/components/TextFieldInput.tsx

@@ -1,4 +1,4 @@
-import { TextInput } from '@/ui/object/field/meta-types/input/components/internal/TextInput';
+import { TextInput } from '@/object-record/field/meta-types/input/components/internal/TextInput';
 
 import { usePersistField } from '../../../hooks/usePersistField';
 import { useTextField } from '../../hooks/useTextField';