R: use alias instead of relative path

rsconcept/frontend/src/app/ErrorFallback.tsx

@@ -1,7 +1,7 @@
 import { type FallbackProps } from 'react-error-boundary';
 
-import InfoError from '../components/info/InfoError';
+import InfoError from '@/components/info/InfoError';
-import Button from '../components/ui/Button';
+import Button from '@/components/ui/Button';
 
 function ErrorFallback({ error, resetErrorBoundary }: FallbackProps) {
   return (

rsconcept/frontend/src/app/Footer.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import TextURL from '@/components/ui/TextURL';
 import { external_urls } from '@/utils/constants';
 
-import TextURL from '../components/ui/TextURL';
-
 function Footer() {
   return (
     <footer

rsconcept/frontend/src/backend/auth/api.ts

@@ -1,11 +1,10 @@
 import { queryOptions } from '@tanstack/react-query';
 
+import { axiosGet, axiosPost } from '@/backend/apiTransport';
 import { DELAYS } from '@/backend/configuration';
 import { ICurrentUser } from '@/models/user';
 import { information } from '@/utils/labels';
 
-import { axiosGet, axiosPost } from '../apiTransport';
-
 /**
  * Represents login data, used to authenticate users.
  */

rsconcept/frontend/src/backend/cctext/api.ts

@@ -1,7 +1,6 @@
+import { axiosPost } from '@/backend/apiTransport';
 import { ILexemeData, IWordFormPlain } from '@/models/language';
 
-import { axiosPost } from '../apiTransport';
-
 /**
  * Represents API result for text output.
  */

rsconcept/frontend/src/backend/cctext/useGenerateLexeme.tsx

@@ -1,8 +1,8 @@
 import { useMutation } from '@tanstack/react-query';
 
+import { DataCallback } from '@/backend/apiTransport';
 import { ILexemeData } from '@/models/language';
 
-import { DataCallback } from '../apiTransport';
 import { cctextApi } from './api';
 
 export const useGenerateLexeme = () => {

rsconcept/frontend/src/backend/cctext/useInflectText.tsx

@@ -1,8 +1,8 @@
 import { useMutation } from '@tanstack/react-query';
 
+import { DataCallback } from '@/backend/apiTransport';
 import { IWordFormPlain } from '@/models/language';
 
-import { DataCallback } from '../apiTransport';
 import { cctextApi, ITextResult } from './api';
 
 export const useInflectText = () => {

rsconcept/frontend/src/backend/cctext/useParseText.tsx

@@ -1,6 +1,7 @@
 import { useMutation } from '@tanstack/react-query';
 
-import { DataCallback } from '../apiTransport';
+import { DataCallback } from '@/backend/apiTransport';
+
 import { cctextApi, ITextResult } from './api';
 
 export const useParseText = () => {

rsconcept/frontend/src/backend/library/api.ts

@@ -1,5 +1,6 @@
 import { queryOptions } from '@tanstack/react-query';
 
+import { axiosDelete, axiosGet, axiosPatch, axiosPost } from '@/backend/apiTransport';
 import { DELAYS } from '@/backend/configuration';
 import {
   AccessPolicy,
@@ -14,7 +15,6 @@ import { ConstituentaID, IRSFormData } from '@/models/rsform';
 import { UserID } from '@/models/user';
 import { information } from '@/utils/labels';
 
-import { axiosDelete, axiosGet, axiosPatch, axiosPost } from '../apiTransport';
 import { ossApi } from '../oss/api';
 import { rsformsApi } from '../rsform/api';
 

rsconcept/frontend/src/backend/oss/useInputCreate.tsx

@@ -1,9 +1,9 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
+import { DataCallback } from '@/backend/apiTransport';
 import { libraryApi } from '@/backend/library/api';
 import { ILibraryItem, LibraryItemID } from '@/models/library';
 
-import { DataCallback } from '../apiTransport';
 import { ITargetOperation, ossApi } from './api';
 
 export const useInputCreate = () => {

rsconcept/frontend/src/backend/rsform/useCheckConstituenta.tsx

@@ -1,9 +1,9 @@
 import { useMutation } from '@tanstack/react-query';
 
+import { DataCallback } from '@/backend/apiTransport';
 import { LibraryItemID } from '@/models/library';
 import { IExpressionParse } from '@/models/rslang';
 
-import { DataCallback } from '../apiTransport';
 import { ICheckConstituentaDTO, rsformsApi } from './api';
 
 export const useCheckConstituenta = () => {

rsconcept/frontend/src/backend/rsform/useInlineSynthesis.tsx

@@ -1,10 +1,10 @@
 import { useMutation, useQueryClient } from '@tanstack/react-query';
 
+import { DataCallback } from '@/backend/apiTransport';
 import { useUpdateTimestamp } from '@/backend/library/useUpdateTimestamp';
 import { LibraryItemID } from '@/models/library';
 import { IRSFormData } from '@/models/rsform';
 
-import { DataCallback } from '../apiTransport';
 import { IInlineSynthesisDTO, rsformsApi } from './api';
 
 export const useInlineSynthesis = () => {

rsconcept/frontend/src/backend/users/api.ts

@@ -1,11 +1,10 @@
 import { queryOptions } from '@tanstack/react-query';
 
+import { axiosGet, axiosPatch, axiosPost } from '@/backend/apiTransport';
 import { DELAYS } from '@/backend/configuration';
 import { IUser, IUserInfo, IUserProfile, IUserSignupData } from '@/models/user';
 import { information } from '@/utils/labels';
 
-import { axiosGet, axiosPatch, axiosPost } from '../apiTransport';
-
 /**
  * Represents user data, intended to update user profile in persistent storage.
  */

rsconcept/frontend/src/components/info/BadgeConstituenta.tsx

@@ -1,12 +1,11 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { CstClass, IConstituenta } from '@/models/rsform';
 import { useTooltipsStore } from '@/stores/tooltips';
 import { APP_COLORS, colorFgCstStatus } from '@/styling/color';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface BadgeConstituentaProps extends CProps.Styling {
   /** Prefix for tooltip ID. */
   prefixID?: string;

rsconcept/frontend/src/components/info/BadgeHelp.tsx

@@ -1,14 +1,13 @@
 import React, { Suspense } from 'react';
 
+import { IconHelp } from '@/components/Icons';
+import { CProps } from '@/components/props';
+import Loader from '@/components/ui/Loader';
 import TextURL from '@/components/ui/TextURL';
 import Tooltip, { PlacesType } from '@/components/ui/Tooltip';
 import { HelpTopic } from '@/models/miscellaneous';
 import { usePreferencesStore } from '@/stores/preferences';
 
-import { IconHelp } from '../Icons';
-import { CProps } from '../props';
-import Loader from '../ui/Loader';
-
 const TopicPage = React.lazy(() => import('@/pages/ManualsPage/TopicPage'));
 
 interface BadgeHelpProps extends CProps.Styling {

rsconcept/frontend/src/components/info/BadgeLocation.tsx

@@ -1,7 +1,6 @@
+import { LocationIcon } from '@/components/DomainIcons';
 import { globals } from '@/utils/constants';
 
-import { LocationIcon } from '../DomainIcons';
-
 interface BadgeLocationProps {
   /** Location to display. */
   location: string;

rsconcept/frontend/src/components/info/InfoConstituenta.tsx

@@ -1,12 +1,11 @@
 import clsx from 'clsx';
 
+import { IconChild } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import { IConstituenta } from '@/models/rsform';
 import { isBasicConcept } from '@/models/rsformAPI';
 import { labelCstTypification } from '@/utils/labels';
 
-import { IconChild } from '../Icons';
-import { CProps } from '../props';
-
 interface InfoConstituentaProps extends CProps.Div {
   data: IConstituenta;
 }

rsconcept/frontend/src/components/info/InfoError.tsx

@@ -1,10 +1,9 @@
 import axios, { type AxiosError } from 'axios';
 import clsx from 'clsx';
 
+import PrettyJson from '@/components/ui/PrettyJSON';
 import { isResponseHtml } from '@/utils/utils';
 
-import PrettyJson from '../ui/PrettyJSON';
-
 export type ErrorData = string | Error | AxiosError | undefined | null;
 
 interface InfoErrorProps {

rsconcept/frontend/src/components/info/InfoUsers.tsx

@@ -1,10 +1,9 @@
 import clsx from 'clsx';
 
 import { useLabelUser } from '@/backend/users/useLabelUser';
+import { CProps } from '@/components/props';
 import { UserID } from '@/models/user';
 
-import { CProps } from '../props';
-
 interface InfoUsersProps extends CProps.Styling {
   items: UserID[];
   prefix: string;

rsconcept/frontend/src/components/info/TooltipOperation.tsx

@@ -2,14 +2,13 @@
 
 import { createColumnHelper } from '@tanstack/react-table';
 
+import { IconPageRight } from '@/components/Icons';
+import DataTable from '@/components/ui/DataTable';
 import Tooltip from '@/components/ui/Tooltip';
 import { OssNodeInternal } from '@/models/miscellaneous';
 import { ICstSubstituteEx, OperationType } from '@/models/oss';
 import { labelOperationType } from '@/utils/labels';
 
-import { IconPageRight } from '../Icons';
-import DataTable from '../ui/DataTable';
-
 interface TooltipOperationProps {
   node: OssNodeInternal;
   anchor: string;

rsconcept/frontend/src/components/select/PickConstituenta.tsx

@@ -3,7 +3,10 @@
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
+import BadgeConstituenta from '@/components/info/BadgeConstituenta';
+import { CProps } from '@/components/props';
 import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
+import NoData from '@/components/ui/NoData';
 import SearchBar from '@/components/ui/SearchBar';
 import { CstMatchMode } from '@/models/miscellaneous';
 import { IConstituenta } from '@/models/rsform';
@@ -12,10 +15,6 @@ import { APP_COLORS } from '@/styling/color';
 import { prefixes } from '@/utils/constants';
 import { describeConstituenta } from '@/utils/labels';
 
-import BadgeConstituenta from '../info/BadgeConstituenta';
-import { CProps } from '../props';
-import NoData from '../ui/NoData';
-
 interface PickConstituentaProps extends CProps.Styling {
   id?: string;
   prefixID: string;

rsconcept/frontend/src/components/select/PickMultiConstituenta.tsx

@@ -3,17 +3,17 @@
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
+import BadgeConstituenta from '@/components/info/BadgeConstituenta';
+import { CProps } from '@/components/props';
 import DataTable, { createColumnHelper, RowSelectionState } from '@/components/ui/DataTable';
+import NoData from '@/components/ui/NoData';
+import SearchBar from '@/components/ui/SearchBar';
 import { Graph } from '@/models/Graph';
 import { CstMatchMode } from '@/models/miscellaneous';
 import { ConstituentaID, IConstituenta, IRSForm } from '@/models/rsform';
 import { isBasicConcept, matchConstituenta } from '@/models/rsformAPI';
 import { describeConstituenta } from '@/utils/labels';
 
-import BadgeConstituenta from '../info/BadgeConstituenta';
-import { CProps } from '../props';
-import NoData from '../ui/NoData';
-import SearchBar from '../ui/SearchBar';
 import ToolbarGraphSelection from './ToolbarGraphSelection';
 
 interface PickMultiConstituentaProps extends CProps.Styling {

rsconcept/frontend/src/components/select/PickMultiOperation.tsx

@@ -4,14 +4,13 @@ import clsx from 'clsx';
 import { useState } from 'react';
 
 import { IconMoveDown, IconMoveUp, IconRemove } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import SelectOperation from '@/components/select/SelectOperation';
 import DataTable, { createColumnHelper } from '@/components/ui/DataTable';
 import MiniButton from '@/components/ui/MiniButton';
 import NoData from '@/components/ui/NoData';
 import { IOperation, OperationID } from '@/models/oss';
 
-import { CProps } from '../props';
-
 interface PickMultiOperationProps extends CProps.Styling {
   rows?: number;
 

rsconcept/frontend/src/components/select/PickSchema.tsx

@@ -2,7 +2,12 @@ import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 import { useIntl } from 'react-intl';
 
+import { IconClose, IconFolderTree } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
+import Dropdown from '@/components/ui/Dropdown';
+import FlexColumn from '@/components/ui/FlexColumn';
+import MiniButton from '@/components/ui/MiniButton';
 import SearchBar from '@/components/ui/SearchBar';
 import useDropdown from '@/hooks/useDropdown';
 import { ILibraryItem, LibraryItemID, LibraryItemType } from '@/models/library';
@@ -10,11 +15,6 @@ import { matchLibraryItem } from '@/models/libraryAPI';
 import { APP_COLORS } from '@/styling/color';
 import { prefixes } from '@/utils/constants';
 
-import { IconClose, IconFolderTree } from '../Icons';
-import { CProps } from '../props';
-import Dropdown from '../ui/Dropdown';
-import FlexColumn from '../ui/FlexColumn';
-import MiniButton from '../ui/MiniButton';
 import SelectLocation from './SelectLocation';
 
 interface PickSchemaProps extends CProps.Styling {

rsconcept/frontend/src/components/select/PickSubstitutions.tsx

@@ -4,19 +4,19 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { toast } from 'react-toastify';
 
+import { IconAccept, IconPageLeft, IconPageRight, IconRemove, IconReplace } from '@/components/Icons';
 import BadgeConstituenta from '@/components/info/BadgeConstituenta';
+import { CProps } from '@/components/props';
 import SelectConstituenta from '@/components/select/SelectConstituenta';
 import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
 import MiniButton from '@/components/ui/MiniButton';
+import NoData from '@/components/ui/NoData';
 import { ILibraryItem } from '@/models/library';
 import { ICstSubstitute, IMultiSubstitution } from '@/models/oss';
 import { ConstituentaID, IConstituenta, IRSForm } from '@/models/rsform';
 import { APP_COLORS } from '@/styling/color';
 import { errors } from '@/utils/labels';
 
-import { IconAccept, IconPageLeft, IconPageRight, IconRemove, IconReplace } from '../Icons';
-import { CProps } from '../props';
-import NoData from '../ui/NoData';
 import SelectLibraryItem from './SelectLibraryItem';
 
 interface PickSubstitutionsProps extends CProps.Styling {

rsconcept/frontend/src/components/select/SelectAccessPolicy.tsx

@@ -2,17 +2,16 @@
 
 import { useCallback } from 'react';
 
+import { PolicyIcon } from '@/components/DomainIcons';
+import { CProps } from '@/components/props';
 import Dropdown from '@/components/ui/Dropdown';
+import DropdownButton from '@/components/ui/DropdownButton';
+import MiniButton from '@/components/ui/MiniButton';
 import useDropdown from '@/hooks/useDropdown';
 import { AccessPolicy } from '@/models/library';
 import { prefixes } from '@/utils/constants';
 import { describeAccessPolicy, labelAccessPolicy } from '@/utils/labels';
 
-import { PolicyIcon } from '../DomainIcons';
-import { CProps } from '../props';
-import DropdownButton from '../ui/DropdownButton';
-import MiniButton from '../ui/MiniButton';
-
 interface SelectAccessPolicyProps extends CProps.Styling {
   value: AccessPolicy;
   onChange: (value: AccessPolicy) => void;

rsconcept/frontend/src/components/select/SelectConstituenta.tsx

@@ -2,14 +2,13 @@
 
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
+import SelectSingle from '@/components/ui/SelectSingle';
 import { CstMatchMode } from '@/models/miscellaneous';
 import { ConstituentaID, IConstituenta } from '@/models/rsform';
 import { matchConstituenta } from '@/models/rsformAPI';
 import { describeConstituenta, describeConstituentaTerm } from '@/utils/labels';
 
-import { CProps } from '../props';
-import SelectSingle from '../ui/SelectSingle';
-
 interface SelectConstituentaProps extends CProps.Styling {
   items?: IConstituenta[];
   value?: IConstituenta;

rsconcept/frontend/src/components/select/SelectGraphFilter.tsx

@@ -2,7 +2,10 @@
 
 import { useCallback } from 'react';
 
+import { DependencyIcon } from '@/components/DomainIcons';
+import { CProps } from '@/components/props';
 import Dropdown from '@/components/ui/Dropdown';
+import DropdownButton from '@/components/ui/DropdownButton';
 import SelectorButton from '@/components/ui/SelectorButton';
 import useDropdown from '@/hooks/useDropdown';
 import useWindowSize from '@/hooks/useWindowSize';
@@ -10,10 +13,6 @@ import { DependencyMode } from '@/models/miscellaneous';
 import { prefixes } from '@/utils/constants';
 import { describeCstSource, labelCstSource } from '@/utils/labels';
 
-import { DependencyIcon } from '../DomainIcons';
-import { CProps } from '../props';
-import DropdownButton from '../ui/DropdownButton';
-
 interface SelectGraphFilterProps extends CProps.Styling {
   value: DependencyMode;
   dense?: boolean;

rsconcept/frontend/src/components/select/SelectItemType.tsx

@@ -2,17 +2,16 @@
 
 import { useCallback } from 'react';
 
+import { ItemTypeIcon } from '@/components/DomainIcons';
+import { CProps } from '@/components/props';
 import Dropdown from '@/components/ui/Dropdown';
+import DropdownButton from '@/components/ui/DropdownButton';
+import SelectorButton from '@/components/ui/SelectorButton';
 import useDropdown from '@/hooks/useDropdown';
 import { LibraryItemType } from '@/models/library';
 import { prefixes } from '@/utils/constants';
 import { describeLibraryItemType, labelLibraryItemType } from '@/utils/labels';
 
-import { ItemTypeIcon } from '../DomainIcons';
-import { CProps } from '../props';
-import DropdownButton from '../ui/DropdownButton';
-import SelectorButton from '../ui/SelectorButton';
-
 interface SelectItemTypeProps extends CProps.Styling {
   value: LibraryItemType;
   onChange: (value: LibraryItemType) => void;

rsconcept/frontend/src/components/select/SelectLibraryItem.tsx

@@ -2,12 +2,11 @@
 
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
+import SelectSingle from '@/components/ui/SelectSingle';
 import { ILibraryItem, LibraryItemID } from '@/models/library';
 import { matchLibraryItem } from '@/models/libraryAPI';
 
-import { CProps } from '../props';
-import SelectSingle from '../ui/SelectSingle';
-
 interface SelectLibraryItemProps extends CProps.Styling {
   items?: ILibraryItem[];
   value?: ILibraryItem;

rsconcept/frontend/src/components/select/SelectLocation.tsx

@@ -4,13 +4,12 @@ import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
 import { useFolders } from '@/backend/library/useFolders';
+import { IconFolder, IconFolderClosed, IconFolderEmpty, IconFolderOpened } from '@/components/Icons';
+import { CProps } from '@/components/props';
+import MiniButton from '@/components/ui/MiniButton';
 import { FolderNode } from '@/models/FolderTree';
 import { labelFolderNode } from '@/utils/labels';
 
-import { IconFolder, IconFolderClosed, IconFolderEmpty, IconFolderOpened } from '../Icons';
-import { CProps } from '../props';
-import MiniButton from '../ui/MiniButton';
-
 interface SelectLocationProps extends CProps.Styling {
   value: string;
   prefix: string;

rsconcept/frontend/src/components/select/SelectLocationContext.tsx

@@ -3,13 +3,13 @@
 import clsx from 'clsx';
 import { useCallback } from 'react';
 
+import { IconFolderTree } from '@/components/Icons';
+import { CProps } from '@/components/props';
+import Dropdown from '@/components/ui/Dropdown';
+import MiniButton from '@/components/ui/MiniButton';
 import useDropdown from '@/hooks/useDropdown';
 import { prefixes } from '@/utils/constants';
 
-import { IconFolderTree } from '../Icons';
-import { CProps } from '../props';
-import Dropdown from '../ui/Dropdown';
-import MiniButton from '../ui/MiniButton';
 import SelectLocation from './SelectLocation';
 
 interface SelectLocationContextProps extends CProps.Styling {

rsconcept/frontend/src/components/select/SelectLocationHead.tsx

@@ -3,17 +3,16 @@
 import clsx from 'clsx';
 import { useCallback } from 'react';
 
+import { LocationIcon } from '@/components/DomainIcons';
+import { CProps } from '@/components/props';
 import Dropdown from '@/components/ui/Dropdown';
+import DropdownButton from '@/components/ui/DropdownButton';
 import SelectorButton from '@/components/ui/SelectorButton';
 import useDropdown from '@/hooks/useDropdown';
 import { LocationHead } from '@/models/library';
 import { prefixes } from '@/utils/constants';
 import { describeLocationHead, labelLocationHead } from '@/utils/labels';
 
-import { LocationIcon } from '../DomainIcons';
-import { CProps } from '../props';
-import DropdownButton from '../ui/DropdownButton';
-
 interface SelectLocationHeadProps extends CProps.Styling {
   value: LocationHead;
   onChange: (newValue: LocationHead) => void;

rsconcept/frontend/src/components/select/SelectMatchMode.tsx

@@ -2,7 +2,10 @@
 
 import { useCallback } from 'react';
 
+import { MatchModeIcon } from '@/components/DomainIcons';
+import { CProps } from '@/components/props';
 import Dropdown from '@/components/ui/Dropdown';
+import DropdownButton from '@/components/ui/DropdownButton';
 import SelectorButton from '@/components/ui/SelectorButton';
 import useDropdown from '@/hooks/useDropdown';
 import useWindowSize from '@/hooks/useWindowSize';
@@ -10,10 +13,6 @@ import { CstMatchMode } from '@/models/miscellaneous';
 import { prefixes } from '@/utils/constants';
 import { describeCstMatchMode, labelCstMatchMode } from '@/utils/labels';
 
-import { MatchModeIcon } from '../DomainIcons';
-import { CProps } from '../props';
-import DropdownButton from '../ui/DropdownButton';
-
 interface SelectMatchModeProps extends CProps.Styling {
   value: CstMatchMode;
   dense?: boolean;

rsconcept/frontend/src/components/select/SelectMultiGrammeme.tsx

@@ -1,12 +1,11 @@
 import { useEffect, useState } from 'react';
 
+import { CProps } from '@/components/props';
 import SelectMulti, { SelectMultiProps } from '@/components/ui/SelectMulti';
 import { Grammeme } from '@/models/language';
 import { getCompatibleGrams } from '@/models/languageAPI';
 import { compareGrammemeOptions, IGrammemeOption, SelectorGrammemes } from '@/utils/selectors';
 
-import { CProps } from '../props';
-
 interface SelectMultiGrammemeProps
   extends Omit<SelectMultiProps<IGrammemeOption>, 'value' | 'onChange'>,
     CProps.Styling {

rsconcept/frontend/src/components/select/SelectOperation.tsx

@@ -2,12 +2,11 @@
 
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
+import SelectSingle from '@/components/ui/SelectSingle';
 import { IOperation, OperationID } from '@/models/oss';
 import { matchOperation } from '@/models/ossAPI';
 
-import { CProps } from '../props';
-import SelectSingle from '../ui/SelectSingle';
-
 interface SelectOperationProps extends CProps.Styling {
   items?: IOperation[];
   value?: IOperation;

rsconcept/frontend/src/components/select/SelectUser.tsx

@@ -4,12 +4,11 @@ import clsx from 'clsx';
 
 import { useLabelUser } from '@/backend/users/useLabelUser';
 import { useUsers } from '@/backend/users/useUsers';
+import { CProps } from '@/components/props';
+import SelectSingle from '@/components/ui/SelectSingle';
 import { UserID } from '@/models/user';
 import { matchUser } from '@/models/userAPI';
 
-import { CProps } from '../props';
-import SelectSingle from '../ui/SelectSingle';
-
 interface SelectUserProps extends CProps.Styling {
   value?: UserID;
   onSelectValue: (newValue: UserID) => void;

rsconcept/frontend/src/components/select/SelectVersion.tsx

@@ -2,12 +2,11 @@
 
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
+import SelectSingle from '@/components/ui/SelectSingle';
 import { IVersionInfo, VersionID } from '@/models/library';
 import { labelVersion } from '@/utils/labels';
 
-import { CProps } from '../props';
-import SelectSingle from '../ui/SelectSingle';
-
 interface SelectVersionProps extends CProps.Styling {
   id?: string;
   items?: IVersionInfo[];

rsconcept/frontend/src/components/select/SelectWordForm.tsx

@@ -3,13 +3,12 @@
 import clsx from 'clsx';
 import { useCallback } from 'react';
 
+import { CProps } from '@/components/props';
+import WordformButton from '@/dialogs/DlgEditReference/WordformButton';
 import { Grammeme } from '@/models/language';
 import { prefixes } from '@/utils/constants';
 import { DefaultWordForms, IGrammemeOption, SelectorGrammemes } from '@/utils/selectors';
 
-import WordformButton from '../../dialogs/DlgEditReference/WordformButton';
-import { CProps } from '../props';
-
 interface SelectWordFormProps extends CProps.Styling {
   selected: IGrammemeOption[];
   setSelected: React.Dispatch<React.SetStateAction<IGrammemeOption[]>>;

rsconcept/frontend/src/components/select/ToolbarGraphSelection.tsx

@@ -1,8 +1,6 @@
 import clsx from 'clsx';
 import { useCallback } from 'react';
 
-import { Graph } from '@/models/Graph';
-
 import {
   IconGraphCollapse,
   IconGraphCore,
@@ -13,9 +11,10 @@ import {
   IconGraphOutputs,
   IconPredecessor,
   IconReset
-} from '../Icons';
+} from '@/components/Icons';
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
-import MiniButton from '../ui/MiniButton';
+import MiniButton from '@/components/ui/MiniButton';
+import { Graph } from '@/models/Graph';
 
 interface ToolbarGraphSelectionProps extends CProps.Styling {
   graph: Graph;

rsconcept/frontend/src/components/ui/Button.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface ButtonProps extends CProps.Control, CProps.Colors, CProps.Button {
   /** Icon to display first. */
   icon?: React.ReactNode;

rsconcept/frontend/src/components/ui/Checkbox.tsx

@@ -1,10 +1,9 @@
 import clsx from 'clsx';
 
+import { CheckboxChecked } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CheckboxChecked } from '../Icons';
-import { CProps } from '../props';
-
 export interface CheckboxProps extends Omit<CProps.Button, 'value' | 'onClick'> {
   /** Label to display next to the checkbox. */
   label?: string;

rsconcept/frontend/src/components/ui/CheckboxTristate.tsx

@@ -1,9 +1,9 @@
 import clsx from 'clsx';
 
+import { CheckboxChecked, CheckboxNull } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CheckboxChecked, CheckboxNull } from '../Icons';
-import { CProps } from '../props';
 import { CheckboxProps } from './Checkbox';
 
 export interface CheckboxTristateProps extends Omit<CheckboxProps, 'value' | 'setValue'> {

rsconcept/frontend/src/components/ui/DataTable/DataTable.tsx

@@ -17,7 +17,8 @@ import {
 } from '@tanstack/react-table';
 import { useMemo, useState } from 'react';
 
-import { CProps } from '../../props';
+import { CProps } from '@/components/props';
+
 import DefaultNoData from './DefaultNoData';
 import PaginationTools from './PaginationTools';
 import TableBody from './TableBody';

rsconcept/frontend/src/components/ui/Dropdown.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { PARAMETER } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface DropdownProps extends CProps.Styling {
   /** Indicates whether the dropdown should stretch to the left. */
   stretchLeft?: boolean;

rsconcept/frontend/src/components/ui/DropdownButton.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface DropdownButtonProps extends CProps.Button {
   /** Icon to display first (not used if children are provided). */
   icon?: React.ReactNode;

rsconcept/frontend/src/components/ui/FileInput.tsx

@@ -3,8 +3,9 @@
 import clsx from 'clsx';
 import { useRef, useState } from 'react';
 
-import { IconUpload } from '../Icons';
+import { IconUpload } from '@/components/Icons';
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
+
 import Button from './Button';
 import Label from './Label';
 

rsconcept/frontend/src/components/ui/FlexColumn.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 /**
  * `flex` column container.

rsconcept/frontend/src/components/ui/Indicator.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface IndicatorProps extends CProps.Titled, CProps.Styling {
   /** Icon to display. */
   icon: React.ReactNode;

rsconcept/frontend/src/components/ui/Label.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 interface LabelProps extends CProps.Label {
   /** Text to display. */

rsconcept/frontend/src/components/ui/MiniButton.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface MiniButtonProps extends CProps.Button {
   /** Icon to display in the button. */
   icon: React.ReactNode;

rsconcept/frontend/src/components/ui/Modal.tsx

@@ -2,15 +2,15 @@
 
 import clsx from 'clsx';
 
+import { IconClose } from '@/components/Icons';
+import BadgeHelp from '@/components/info/BadgeHelp';
+import { CProps } from '@/components/props';
 import useEscapeKey from '@/hooks/useEscapeKey';
 import { HelpTopic } from '@/models/miscellaneous';
 import { useDialogsStore } from '@/stores/dialogs';
 import { PARAMETER } from '@/utils/constants';
 import { prepareTooltip } from '@/utils/labels';
 
-import { IconClose } from '../Icons';
-import BadgeHelp from '../info/BadgeHelp';
-import { CProps } from '../props';
 import Button from './Button';
 import MiniButton from './MiniButton';
 

rsconcept/frontend/src/components/ui/NoData.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 /**
  * Wraps content in a div with a centered text.

rsconcept/frontend/src/components/ui/Overlay.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 interface OverlayProps extends CProps.Styling {
   /** Id of the overlay. */

rsconcept/frontend/src/components/ui/SearchBar.tsx

@@ -1,7 +1,8 @@
 import clsx from 'clsx';
 
-import { IconSearch } from '../Icons';
+import { IconSearch } from '@/components/Icons';
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
+
 import Overlay from './Overlay';
 import TextInput from './TextInput';
 

rsconcept/frontend/src/components/ui/SelectMulti.tsx

@@ -9,11 +9,10 @@ import Select, {
   StylesConfig
 } from 'react-select';
 
+import { IconClose, IconDropArrow, IconDropArrowUp } from '@/components/Icons';
 import useWindowSize from '@/hooks/useWindowSize';
 import { APP_COLORS, SELECT_THEME } from '@/styling/color';
 
-import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';
-
 function DropdownIndicator<Option, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: DropdownIndicatorProps<Option, true, Group>
 ) {

rsconcept/frontend/src/components/ui/SelectSingle.tsx

@@ -9,11 +9,10 @@ import Select, {
   StylesConfig
 } from 'react-select';
 
+import { IconClose, IconDropArrow, IconDropArrowUp } from '@/components/Icons';
 import useWindowSize from '@/hooks/useWindowSize';
 import { APP_COLORS, SELECT_THEME } from '@/styling/color';
 
-import { IconClose, IconDropArrow, IconDropArrowUp } from '../Icons';
-
 function DropdownIndicator<Option, Group extends GroupBase<Option> = GroupBase<Option>>(
   props: DropdownIndicatorProps<Option, false, Group>
 ) {

rsconcept/frontend/src/components/ui/SelectTree.tsx

@@ -1,10 +1,10 @@
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
+import { IconDropArrow, IconPageRight } from '@/components/Icons';
+import { CProps } from '@/components/props';
 import { globals, PARAMETER } from '@/utils/constants';
 
-import { IconDropArrow, IconPageRight } from '../Icons';
-import { CProps } from '../props';
 import MiniButton from './MiniButton';
 import Overlay from './Overlay';
 

rsconcept/frontend/src/components/ui/SelectorButton.tsx

@@ -1,9 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface SelectorButtonProps extends CProps.Button {
   /** Text to display in the button. */
   text?: string;

rsconcept/frontend/src/components/ui/SubmitButton.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 interface SubmitButtonProps extends CProps.Button {
   /** Text to display in the button. */

rsconcept/frontend/src/components/ui/TabLabel.tsx

@@ -2,10 +2,9 @@ import clsx from 'clsx';
 import type { TabProps as TabPropsImpl } from 'react-tabs';
 import { Tab as TabImpl } from 'react-tabs';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
-
 interface TabLabelProps extends Omit<TabPropsImpl, 'children'>, CProps.Titled {
   /** Label to display in the tab. */
   label?: string;

rsconcept/frontend/src/components/ui/TextArea.tsx

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
+
 import Label from './Label';
 
 export interface TextAreaProps extends CProps.Editor, CProps.Colors, CProps.TextArea {

rsconcept/frontend/src/components/ui/TextContent.tsx

@@ -1,10 +1,9 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 import { truncateToLastWord } from '@/utils/utils';
 
-import { CProps } from '../props';
-
 export interface TextContentProps extends CProps.Styling {
   /** Text to display. */
   text: string;

rsconcept/frontend/src/components/ui/TextInput.tsx

@@ -1,6 +1,7 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
+
 import Label from './Label';
 
 interface TextInputProps extends CProps.Editor, CProps.Colors, CProps.Input {

rsconcept/frontend/src/components/ui/ValueIcon.tsx

@@ -1,8 +1,8 @@
 import clsx from 'clsx';
 
+import { CProps } from '@/components/props';
 import { globals } from '@/utils/constants';
 
-import { CProps } from '../props';
 import MiniButton from './MiniButton';
 
 interface ValueIconProps extends CProps.Styling, CProps.Titled {

rsconcept/frontend/src/components/ui/ValueLabeled.tsx

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import { CProps } from '../props';
+import { CProps } from '@/components/props';
 
 interface ValueLabeledProps extends CProps.Styling {
   /** Id of the component. */

rsconcept/frontend/src/components/ui/ValueStats.tsx

@@ -1,6 +1,6 @@
+import { CProps } from '@/components/props';
 import { PARAMETER } from '@/utils/constants';
 
-import { CProps } from '../props';
 import ValueIcon from './ValueIcon';
 
 interface ValueStatsProps extends CProps.Styling, CProps.Titled {

rsconcept/frontend/src/components/wrap/DataLoader.tsx

@@ -1,5 +1,5 @@
-import InfoError, { ErrorData } from '../info/InfoError';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
-import Loader from '../ui/Loader';
+import Loader from '@/components/ui/Loader';
 
 interface DataLoaderProps {
   isLoading?: boolean;

rsconcept/frontend/src/components/wrap/ExpectedAnonymous.tsx

@@ -2,8 +2,7 @@ import { useConceptNavigation } from '@/app/Navigation/NavigationContext';
 import { urls } from '@/app/urls';
 import { useAuth } from '@/backend/auth/useAuth';
 import { useLogout } from '@/backend/auth/useLogout';
-
+import TextURL from '@/components/ui/TextURL';
-import TextURL from '../ui/TextURL';
 
 function ExpectedAnonymous() {
   const { user } = useAuth();

rsconcept/frontend/src/components/wrap/RequireAuth.tsx

@@ -1,8 +1,7 @@
 'use client';
 
 import { useAuthSuspense } from '@/backend/auth/useAuth';
-
+import TextURL from '@/components/ui/TextURL';
-import TextURL from '../ui/TextURL';
 
 function RequireAuth({ children }: React.PropsWithChildren) {
   const { isAnonymous } = useAuthSuspense();

rsconcept/frontend/src/dialogs/DlgCreateOperation/TabSynthesisOperation.tsx

@@ -1,11 +1,10 @@
+import PickMultiOperation from '@/components/select/PickMultiOperation';
 import FlexColumn from '@/components/ui/FlexColumn';
 import Label from '@/components/ui/Label';
 import TextArea from '@/components/ui/TextArea';
 import TextInput from '@/components/ui/TextInput';
 import { IOperationSchema, OperationID } from '@/models/oss';
 
-import PickMultiOperation from '../../components/select/PickMultiOperation';
-
 interface TabSynthesisOperationProps {
   oss: IOperationSchema;
   alias: string;

rsconcept/frontend/src/dialogs/DlgCstTemplate/DlgCstTemplate.tsx

@@ -9,6 +9,7 @@ import { useRSForm } from '@/backend/rsform/useRSForm';
 import Loader from '@/components/ui/Loader';
 import Modal from '@/components/ui/Modal';
 import TabLabel from '@/components/ui/TabLabel';
+import FormCreateCst from '@/dialogs/DlgCreateCst/FormCreateCst';
 import usePartialUpdate from '@/hooks/usePartialUpdate';
 import { HelpTopic } from '@/models/miscellaneous';
 import { CstType, IRSForm } from '@/models/rsform';
@@ -17,7 +18,6 @@ import { inferTemplatedType, substituteTemplateArgs } from '@/models/rslangAPI';
 import { useDialogsStore } from '@/stores/dialogs';
 import { prompts } from '@/utils/labels';
 
-import FormCreateCst from '../DlgCreateCst/FormCreateCst';
 import TabArguments, { IArgumentsState } from './TabArguments';
 import TabTemplate, { ITemplateState } from './TabTemplate';
 

rsconcept/frontend/src/dialogs/DlgEditReference/TabEntityReference.tsx

@@ -4,6 +4,7 @@ import { useEffect, useState } from 'react';
 
 import PickConstituenta from '@/components/select/PickConstituenta';
 import SelectMultiGrammeme from '@/components/select/SelectMultiGrammeme';
+import SelectWordForm from '@/components/select/SelectWordForm';
 import Label from '@/components/ui/Label';
 import TextInput from '@/components/ui/TextInput';
 import { ReferenceType } from '@/models/language';
@@ -14,7 +15,6 @@ import { matchConstituenta } from '@/models/rsformAPI';
 import { prefixes } from '@/utils/constants';
 import { IGrammemeOption, SelectorGrammemes } from '@/utils/selectors';
 
-import SelectWordForm from '../../components/select/SelectWordForm';
 import { IReferenceInputState } from './DlgEditReference';
 
 interface TabEntityReferenceProps {

rsconcept/frontend/src/pages/ManualsPage/TopicItem.tsx

@@ -1,8 +1,7 @@
+import LinkTopic from '@/components/ui/LinkTopic';
 import { HelpTopic } from '@/models/miscellaneous';
 import { describeHelpTopic, labelHelpTopic, removeTags } from '@/utils/labels';
 
-import LinkTopic from '../../components/ui/LinkTopic';
-
 interface TopicItemProps {
   topic: HelpTopic;
 }

rsconcept/frontend/src/pages/OssPage/OssEditContext.tsx

@@ -17,14 +17,13 @@ import { ILibraryItemEditor, LibraryItemID } from '@/models/library';
 import { calculateInsertPosition } from '@/models/miscellaneousAPI';
 import { IOperationPosition, IOperationSchema, OperationID, OperationType } from '@/models/oss';
 import { UserRole } from '@/models/user';
+import { RSTabID } from '@/pages/RSFormPage/RSEditContext';
 import { useDialogsStore } from '@/stores/dialogs';
 import { usePreferencesStore } from '@/stores/preferences';
 import { useRoleStore } from '@/stores/role';
 import { PARAMETER } from '@/utils/constants';
 import { prompts } from '@/utils/labels';
 
-import { RSTabID } from '../RSFormPage/RSEditContext';
-
 export enum OssTabID {
   CARD = 0,
   GRAPH = 1

rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/graph/TGEdgeTypes.ts

@@ -1,6 +1,6 @@
 import { EdgeTypes } from 'reactflow';
 
-import DynamicEdge from '../../../../components/ui/Flow/DynamicEdge';
+import DynamicEdge from '@/components/ui/Flow/DynamicEdge';
 
 export const TGEdgeTypes: EdgeTypes = {
   termEdge: DynamicEdge

rsconcept/frontend/src/pages/RSFormPage/MenuRSTabs.tsx

@@ -45,6 +45,7 @@ import useDropdown from '@/hooks/useDropdown';
 import { AccessPolicy, LocationHead } from '@/models/library';
 import { CstType } from '@/models/rsform';
 import { UserRole } from '@/models/user';
+import { OssTabID } from '@/pages/OssPage/OssEditContext';
 import { useDialogsStore } from '@/stores/dialogs';
 import { useModificationStore } from '@/stores/modification';
 import { useRoleStore } from '@/stores/role';
@@ -52,7 +53,6 @@ import { EXTEOR_TRS_FILE } from '@/utils/constants';
 import { describeAccessMode, labelAccessMode, tooltips } from '@/utils/labels';
 import { generatePageQR, promptUnsaved, sharePage } from '@/utils/utils';
 
-import { OssTabID } from '../OssPage/OssEditContext';
 import { useRSEdit } from './RSEditContext';
 
 function MenuRSTabs() {