Refactor components fold structure

rsconcept/frontend/src/app/ErrorFallback.tsx

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

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

@@ -1,6 +1,6 @@
 import clsx from 'clsx';
 
-import ConstituentaTooltip from '@/components/ConstituentaTooltip';
+import ConstituentaTooltip from '@/components/info/ConstituentaTooltip';
 import { IConstituenta } from '@/models/rsform';
 import { isMockCst } from '@/models/rsformAPI';
 import { colorFgCstStatus, IColorTheme } from '@/styling/color';

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

@@ -1,4 +1,4 @@
-import InfoConstituenta from '@/components/InfoConstituenta';
+import InfoConstituenta from '@/components/info/InfoConstituenta';
 import Tooltip from '@/components/ui/Tooltip';
 import { IConstituenta } from '@/models/rsform';
 

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

@@ -1,7 +1,7 @@
 import { IConstituenta } from '@/models/rsform';
 import { labelCstTypification } from '@/utils/labels';
 
-import { CProps } from './props';
+import { CProps } from '../props';
 
 interface InfoConstituentaProps extends CProps.Div {
   data: IConstituenta;

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

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { urls } from '@/utils/constants';
 import { isResponseHtml } from '@/utils/utils';
 
-import AnimateFade from './AnimateFade';
+import PrettyJson from '../ui/PrettyJSON';
-import PrettyJson from './ui/PrettyJSON';
+import TextURL from '../ui/TextURL';
-import TextURL from './ui/TextURL';
+import AnimateFade from '../wrap/AnimateFade';
 
 export type ErrorData = string | Error | AxiosError | undefined;
 

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

@@ -3,7 +3,7 @@ import { useIntl } from 'react-intl';
 import { useUsers } from '@/context/UsersContext';
 import { ILibraryItemEx } from '@/models/library';
 
-import LabeledValue from './ui/LabeledValue';
+import LabeledValue from '../ui/LabeledValue';
 
 interface InfoLibraryItemProps {
   item?: ILibraryItemEx;

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

@@ -1,18 +1,18 @@
 import { HelpTopic } from '@/models/miscellaneous';
 
-import HelpAPI from './Help/HelpAPI';
+import HelpAPI from '../man/HelpAPI';
-import HelpConstituenta from './Help/HelpConstituenta';
+import HelpConstituenta from '../man/HelpConstituenta';
-import HelpExteor from './Help/HelpExteor';
+import HelpExteor from '../man/HelpExteor';
-import HelpLibrary from './Help/HelpLibrary';
+import HelpLibrary from '../man/HelpLibrary';
-import HelpMain from './Help/HelpMain';
+import HelpMain from '../man/HelpMain';
-import HelpPrivacy from './Help/HelpPrivacy';
+import HelpPrivacy from '../man/HelpPrivacy';
-import HelpRSFormItems from './Help/HelpRSFormItems';
+import HelpRSFormItems from '../man/HelpRSFormItems';
-import HelpRSFormMeta from './Help/HelpRSFormMeta';
+import HelpRSFormMeta from '../man/HelpRSFormMeta';
-import HelpRSLang from './Help/HelpRSLang';
+import HelpRSLang from '../man/HelpRSLang';
-import HelpRSTemplates from './Help/HelpRSTemplates';
+import HelpRSTemplates from '../man/HelpRSTemplates';
-import HelpTermGraph from './Help/HelpTermGraph';
+import HelpTermGraph from '../man/HelpTermGraph';
-import HelpTerminologyControl from './Help/HelpTerminologyControl';
+import HelpTerminologyControl from '../man/HelpTerminologyControl';
-import HelpVersions from './Help/HelpVersions';
+import HelpVersions from '../man/HelpVersions';
 
 interface InfoTopicProps {
   topic: HelpTopic;

rsconcept/frontend/src/components/man/HelpButton.tsx

@@ -4,7 +4,7 @@ import TextURL from '@/components/ui/TextURL';
 import Tooltip, { PlacesType } from '@/components/ui/Tooltip';
 import { HelpTopic } from '@/models/miscellaneous';
 
-import InfoTopic from '../InfoTopic';
+import InfoTopic from '../info/InfoTopic';
 import { CProps } from '../props';
 
 interface HelpButtonProps extends CProps.Styling {

rsconcept/frontend/src/components/man/HelpConstituenta.tsx

@@ -1,4 +1,4 @@
-import InfoCstStatus from '@/components/InfoCstStatus';
+import InfoCstStatus from '@/components/info/InfoCstStatus';
 import Divider from '@/components/ui/Divider';
 
 function HelpConstituenta() {

rsconcept/frontend/src/components/man/HelpPrivacy.tsx

@@ -1,4 +1,4 @@
-import PDFViewer from '@/components/PDFViewer';
+import PDFViewer from '@/components/ui/PDFViewer';
 import { resources } from '@/utils/constants';
 
 function HelpPrivacy() {

rsconcept/frontend/src/components/man/HelpRSFormItems.tsx

@@ -1,4 +1,4 @@
-import InfoCstStatus from '@/components/InfoCstStatus';
+import InfoCstStatus from '@/components/info/InfoCstStatus';
 import Divider from '@/components/ui/Divider';
 
 function HelpRSFormItems() {

rsconcept/frontend/src/components/man/HelpTermGraph.tsx

@@ -1,5 +1,5 @@
-import InfoCstClass from '@/components/InfoCstClass';
+import InfoCstClass from '@/components/info/InfoCstClass';
-import InfoCstStatus from '@/components/InfoCstStatus';
+import InfoCstStatus from '@/components/info/InfoCstStatus';
 import Divider from '@/components/ui/Divider';
 
 function HelpTermGraph() {

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

@@ -3,14 +3,14 @@
 import clsx from 'clsx';
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 
-import DataTable, { createColumnHelper, RowSelectionState } from '@/components/DataTable';
+import DataTable, { createColumnHelper, RowSelectionState } from '@/components/ui/DataTable';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { ConstituentaID, IConstituenta, IRSForm } from '@/models/rsform';
 import { describeConstituenta } from '@/utils/labels';
 
-import ConstituentaBadge from './ConstituentaBadge';
+import ConstituentaBadge from '../info/ConstituentaBadge';
-import Button from './ui/Button';
+import Button from '../ui/Button';
-import FlexColumn from './ui/FlexColumn';
+import FlexColumn from '../ui/FlexColumn';
 
 interface ConstituentaMultiPickerProps {
   id?: string;

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

@@ -2,7 +2,7 @@
 
 import { useEffect, useMemo, useState } from 'react';
 
-import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/DataTable';
+import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
 import SearchBar from '@/components/ui/SearchBar';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { CstMatchMode } from '@/models/miscellaneous';
@@ -11,8 +11,8 @@ import { matchConstituenta } from '@/models/rsformAPI';
 import { prefixes } from '@/utils/constants';
 import { describeConstituenta } from '@/utils/labels';
 
-import ConstituentaBadge from './ConstituentaBadge';
+import ConstituentaBadge from '../info/ConstituentaBadge';
-import FlexColumn from './ui/FlexColumn';
+import FlexColumn from '../ui/FlexColumn';
 
 interface ConstituentaPickerProps {
   id?: string;

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

@@ -7,7 +7,7 @@ import { ConstituentaID, IConstituenta } from '@/models/rsform';
 import { matchConstituenta } from '@/models/rsformAPI';
 import { describeConstituenta, describeConstituentaTerm } from '@/utils/labels';
 
-import SelectSingle from './ui/SelectSingle';
+import SelectSingle from '../ui/SelectSingle';
 
 interface ConstituentaSelectorProps {
   items?: IConstituenta[];

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

@@ -1,14 +1,14 @@
 import { useLayoutEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 
-import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/DataTable';
+import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
 import SearchBar from '@/components/ui/SearchBar';
 import { useLibrary } from '@/context/LibraryContext';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { ILibraryItem, LibraryItemID } from '@/models/library';
 import { ILibraryFilter } from '@/models/miscellaneous';
 
-import FlexColumn from './ui/FlexColumn';
+import FlexColumn from '../ui/FlexColumn';
 
 interface SchemaPickerProps {
   id?: string;

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

@@ -5,7 +5,7 @@ import { useMemo } from 'react';
 import { IVersionInfo } from '@/models/library';
 import { labelVersion } from '@/utils/labels';
 
-import SelectSingle from './ui/SelectSingle';
+import SelectSingle from '../ui/SelectSingle';
 
 interface VersionSelectorProps {
   items?: IVersionInfo[];

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

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

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

@@ -4,7 +4,7 @@ import { ThreeDots } from 'react-loader-spinner';
 
 import { useConceptTheme } from '@/context/ThemeContext';
 
-import AnimateFade from '../AnimateFade';
+import AnimateFade from '../wrap/AnimateFade';
 
 interface LoaderProps {
   size?: number;

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

@@ -7,7 +7,7 @@ import { Document, Page } from 'react-pdf';
 import useWindowSize from '@/hooks/useWindowSize';
 import { graphLightT } from '@/styling/color';
 
-import Overlay from '../ui/Overlay';
+import Overlay from '../Overlay';
 import PageControls from './PageControls';
 
 const MAXIMUM_WIDTH = 1000;

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

@@ -2,7 +2,7 @@ import { motion } from 'framer-motion';
 
 import { animateFade } from '@/styling/animations';
 
-import { CProps } from './props';
+import { CProps } from '../props';
 
 interface AnimateFadeProps extends CProps.AnimatedDiv {
   noFadeIn?: boolean;

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

@@ -1,9 +1,9 @@
 import { AnimatePresence } from 'framer-motion';
 
 import AnimateFade from './AnimateFade';
-import InfoError, { ErrorData } from './InfoError';
+import InfoError, { ErrorData } from '../info/InfoError';
-import { CProps } from './props';
+import { CProps } from '../props';
-import Loader from './ui/Loader';
+import Loader from '../ui/Loader';
 
 interface DataLoaderProps extends CProps.AnimatedDiv {
   id: string;

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

@@ -1,7 +1,7 @@
 import { useAuth } from '@/context/AuthContext';
 import { useConceptNavigation } from '@/context/NavigationContext';
 
-import TextURL from './ui/TextURL';
+import TextURL from '../ui/TextURL';
 
 function ExpectedAnonymous() {
   const { user, logout } = useAuth();

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

@@ -2,7 +2,7 @@
 
 import { useAuth } from '@/context/AuthContext';
 
-import TextURL from './ui/TextURL';
+import TextURL from '../ui/TextURL';
 
 interface RequireAuthProps {
   children: React.ReactNode;

rsconcept/frontend/src/context/AuthContext.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useCallback, useContext, useLayoutEffect, useState } from 'react';
 
-import { type ErrorData } from '@/components/InfoError';
+import { type ErrorData } from '@/components/info/InfoError';
 import useLocalStorage from '@/hooks/useLocalStorage';
 import { IPasswordTokenData, IRequestPasswordData, IResetPasswordData, IUserLoginData } from '@/models/library';
 import { ICurrentUser } from '@/models/library';

rsconcept/frontend/src/context/LibraryContext.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 
-import { ErrorData } from '@/components/InfoError';
+import { ErrorData } from '@/components/info/InfoError';
 import { ILibraryItem } from '@/models/library';
 import { matchLibraryItem } from '@/models/libraryAPI';
 import { ILibraryFilter } from '@/models/miscellaneous';

rsconcept/frontend/src/context/RSFormContext.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useCallback, useContext, useMemo, useState } from 'react';
 
-import { type ErrorData } from '@/components/InfoError';
+import { type ErrorData } from '@/components/info/InfoError';
 import useRSFormDetails from '@/hooks/useRSFormDetails';
 import { ILibraryItem, IVersionData } from '@/models/library';
 import { ILibraryUpdateData } from '@/models/library';

rsconcept/frontend/src/context/UserProfileContext.tsx

@@ -2,7 +2,7 @@
 
 import { createContext, useCallback, useContext, useEffect, useState } from 'react';
 
-import { ErrorData } from '@/components/InfoError';
+import { ErrorData } from '@/components/info/InfoError';
 import { IUserProfile } from '@/models/library';
 import { IUserUpdateData } from '@/models/library';
 import { DataCallback, getProfile, patchProfile } from '@/utils/backendAPI';

rsconcept/frontend/src/dialogs/DlgConstituentaTemplate/ArgumentsTab.tsx

@@ -5,8 +5,8 @@ import clsx from 'clsx';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { BiCheck, BiRefresh, BiX } from 'react-icons/bi';
 
-import ConstituentaPicker from '@/components/ConstituentaPicker';
+import ConstituentaPicker from '@/components/select/ConstituentaPicker';
-import DataTable, { IConditionalStyle } from '@/components/DataTable';
+import DataTable, { IConditionalStyle } from '@/components/ui/DataTable';
 import RSInput from '@/components/RSInput';
 import MiniButton from '@/components/ui/MiniButton';
 import { useConceptTheme } from '@/context/ThemeContext';

rsconcept/frontend/src/dialogs/DlgConstituentaTemplate/DlgConstituentaTemplate.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useLayoutEffect, useMemo, useState } from 'react';
 import { TabList, TabPanel, Tabs } from 'react-tabs';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import Modal, { ModalProps } from '@/components/ui/Modal';
 import Overlay from '@/components/ui/Overlay';
 import TabLabel from '@/components/ui/TabLabel';

rsconcept/frontend/src/dialogs/DlgConstituentaTemplate/TemplateTab.tsx

@@ -2,8 +2,8 @@
 
 import { Dispatch, useEffect, useMemo, useState } from 'react';
 
-import ConstituentaPicker from '@/components/ConstituentaPicker';
 import RSInput from '@/components/RSInput';
+import ConstituentaPicker from '@/components/select/ConstituentaPicker';
 import SelectSingle from '@/components/ui/SelectSingle';
 import TextArea from '@/components/ui/TextArea';
 import { useLibrary } from '@/context/LibraryContext';

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

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useState } from 'react';
 import { TabList, TabPanel, Tabs } from 'react-tabs';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import Modal from '@/components/ui/Modal';
 import Overlay from '@/components/ui/Overlay';
 import TabLabel from '@/components/ui/TabLabel';

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

@@ -2,8 +2,8 @@
 
 import { useEffect, useLayoutEffect, useState } from 'react';
 
-import ConstituentaPicker from '@/components/ConstituentaPicker';
+import ConstituentaPicker from '@/components/select/ConstituentaPicker';
-import SelectGrammeme from '@/components/SelectGrammeme';
+import SelectGrammeme from '@/components/select/SelectGrammeme';
 import FlexColumn from '@/components/ui/FlexColumn';
 import Label from '@/components/ui/Label';
 import TextInput from '@/components/ui/TextInput';

rsconcept/frontend/src/dialogs/DlgEditVersions/VersionsTable.tsx

@@ -5,7 +5,7 @@ import { useMemo } from 'react';
 import { BiX } from 'react-icons/bi';
 import { useIntl } from 'react-intl';
 
-import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/DataTable';
+import DataTable, { createColumnHelper, IConditionalStyle } from '@/components/ui/DataTable';
 import MiniButton from '@/components/ui/MiniButton';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { IVersionInfo } from '@/models/library';

rsconcept/frontend/src/dialogs/DlgEditWordForms/DlgEditWordForms.tsx

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useLayoutEffect, useState } from 'react';
 import { BiCheck, BiChevronsDown, BiLeftArrow, BiRightArrow, BiX } from 'react-icons/bi';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
-import SelectGrammeme from '@/components/SelectGrammeme';
+import SelectGrammeme from '@/components/select/SelectGrammeme';
 import Label from '@/components/ui/Label';
 import MiniButton from '@/components/ui/MiniButton';
 import Modal from '@/components/ui/Modal';

rsconcept/frontend/src/dialogs/DlgEditWordForms/WordFormsTable.tsx

@@ -4,9 +4,9 @@ import clsx from 'clsx';
 import { useCallback, useMemo } from 'react';
 import { BiX } from 'react-icons/bi';
 
-import DataTable, { createColumnHelper } from '@/components/DataTable';
+import WordFormBadge from '@/components/info/WordFormBadge';
+import DataTable, { createColumnHelper } from '@/components/ui/DataTable';
 import MiniButton from '@/components/ui/MiniButton';
-import WordFormBadge from '@/components/WordFormBadge';
 import { IWordForm } from '@/models/language';
 
 interface WordFormsTableProps {

rsconcept/frontend/src/dialogs/DlgInlineSynthesis/ConstituentsTab.tsx

@@ -1,8 +1,8 @@
 'use client';
 
-import ConstituentaMultiPicker from '@/components/ConstituentaMultiPicker';
+import { ErrorData } from '@/components/info/InfoError';
-import DataLoader from '@/components/DataLoader';
+import ConstituentaMultiPicker from '@/components/select/ConstituentaMultiPicker';
-import { ErrorData } from '@/components/InfoError';
+import DataLoader from '@/components/wrap/DataLoader';
 import { ConstituentaID, IRSForm } from '@/models/rsform';
 import { prefixes } from '@/utils/constants';
 

rsconcept/frontend/src/dialogs/DlgInlineSynthesis/SchemaTab.tsx

@@ -2,7 +2,7 @@
 
 import { useMemo } from 'react';
 
-import SchemaPicker from '@/components/SchemaPicker';
+import SchemaPicker from '@/components/select/SchemaPicker';
 import TextInput from '@/components/ui/TextInput';
 import { useLibrary } from '@/context/LibraryContext';
 import { LibraryItemID } from '@/models/library';

rsconcept/frontend/src/dialogs/DlgShowAST.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback, useMemo, useState } from 'react';
 
-import GraphUI, { GraphEdge, GraphNode } from '@/components/GraphUI';
+import GraphUI, { GraphEdge, GraphNode } from '@/components/ui/GraphUI';
 import Modal, { ModalProps } from '@/components/ui/Modal';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { SyntaxTree } from '@/models/rslang';

rsconcept/frontend/src/dialogs/DlgSubstituteCst.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import { useMemo, useState } from 'react';
 import { LuReplace } from 'react-icons/lu';
 
-import ConstituentaSelector from '@/components/ConstituentaSelector';
+import ConstituentaSelector from '@/components/select/ConstituentaSelector';
 import Checkbox from '@/components/ui/Checkbox';
 import FlexColumn from '@/components/ui/FlexColumn';
 import Label from '@/components/ui/Label';

rsconcept/frontend/src/hooks/useCheckExpression.ts

@@ -2,7 +2,7 @@
 
 import { useCallback, useState } from 'react';
 
-import { type ErrorData } from '@/components/InfoError';
+import { type ErrorData } from '@/components/info/InfoError';
 import { CstType, IConstituenta, type IRSForm } from '@/models/rsform';
 import { getDefinitionPrefix } from '@/models/rsformAPI';
 import { IArgumentInfo, IExpressionParse } from '@/models/rslang';

rsconcept/frontend/src/hooks/useConceptText.ts

@@ -2,7 +2,7 @@
 
 import { useCallback, useState } from 'react';
 
-import { ErrorData } from '@/components/InfoError';
+import { ErrorData } from '@/components/info/InfoError';
 import { ILexemeData, ITextRequest, ITextResult, IWordFormPlain } from '@/models/language';
 import { DataCallback, postGenerateLexeme, postInflectText, postParseText } from '@/utils/backendAPI';
 

rsconcept/frontend/src/hooks/useRSFormDetails.ts

@@ -2,7 +2,7 @@
 
 import { useCallback, useEffect, useState } from 'react';
 
-import { type ErrorData } from '@/components/InfoError';
+import { type ErrorData } from '@/components/info/InfoError';
 import { IRSForm, IRSFormData } from '@/models/rsform';
 import { loadRSFormData } from '@/models/rsformAPI';
 import { getRSFormDetails } from '@/utils/backendAPI';

rsconcept/frontend/src/hooks/useResolveText.ts

@@ -2,7 +2,7 @@
 
 import { useCallback, useState } from 'react';
 
-import { ErrorData } from '@/components/InfoError';
+import { ErrorData } from '@/components/info/InfoError';
 import { IResolutionData } from '@/models/language';
 import { IRSForm } from '@/models/rsform';
 import { DataCallback, postResolveText } from '@/utils/backendAPI';

rsconcept/frontend/src/pages/CreateRSFormPage.tsx

@@ -5,9 +5,7 @@ import { useEffect, useRef, useState } from 'react';
 import { BiDownload } from 'react-icons/bi';
 import { toast } from 'react-toastify';
 
-import AnimateFade from '@/components/AnimateFade';
+import InfoError from '@/components/info/InfoError';
-import InfoError from '@/components/InfoError';
-import RequireAuth from '@/components/RequireAuth';
 import Button from '@/components/ui/Button';
 import Checkbox from '@/components/ui/Checkbox';
 import Label from '@/components/ui/Label';
@@ -16,6 +14,8 @@ import Overlay from '@/components/ui/Overlay';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextArea from '@/components/ui/TextArea';
 import TextInput from '@/components/ui/TextInput';
+import AnimateFade from '@/components/wrap/AnimateFade';
+import RequireAuth from '@/components/wrap/RequireAuth';
 import { useLibrary } from '@/context/LibraryContext';
 import { useConceptNavigation } from '@/context/NavigationContext';
 import { LibraryItemType } from '@/models/library';

rsconcept/frontend/src/pages/LibraryPage/LibraryPage.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback, useLayoutEffect, useState } from 'react';
 
-import DataLoader from '@/components/DataLoader';
+import DataLoader from '@/components/wrap/DataLoader';
 import { useAuth } from '@/context/AuthContext';
 import { useLibrary } from '@/context/LibraryContext';
 import { useConceptNavigation } from '@/context/NavigationContext';

rsconcept/frontend/src/pages/LibraryPage/ViewLibrary.tsx

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useLayoutEffect, useMemo, useState } from 'react';
 import { useIntl } from 'react-intl';
 
-import DataTable, { createColumnHelper, VisibilityState } from '@/components/DataTable';
+import HelpButton from '@/components/man/HelpButton';
-import HelpButton from '@/components/Help/HelpButton';
+import DataTable, { createColumnHelper, VisibilityState } from '@/components/ui/DataTable';
 import FlexColumn from '@/components/ui/FlexColumn';
 import TextURL from '@/components/ui/TextURL';
 import { useAuth } from '@/context/AuthContext';

rsconcept/frontend/src/pages/LoginPage.tsx

@@ -4,12 +4,12 @@ import axios from 'axios';
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
-import AnimateFade from '@/components/AnimateFade';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
-import ExpectedAnonymous from '@/components/ExpectedAnonymous';
-import InfoError, { ErrorData } from '@/components/InfoError';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextInput from '@/components/ui/TextInput';
 import TextURL from '@/components/ui/TextURL';
+import AnimateFade from '@/components/wrap/AnimateFade';
+import ExpectedAnonymous from '@/components/wrap/ExpectedAnonymous';
 import { useAuth } from '@/context/AuthContext';
 import { useConceptNavigation } from '@/context/NavigationContext';
 import useQueryStrings from '@/hooks/useQueryStrings';

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

@@ -1,5 +1,5 @@
-import AnimateFade from '@/components/AnimateFade';
+import InfoTopic from '@/components/info/InfoTopic';
-import InfoTopic from '@/components/InfoTopic';
+import AnimateFade from '@/components/wrap/AnimateFade';
 import { HelpTopic } from '@/models/miscellaneous';
 
 interface ViewTopicProps {

rsconcept/frontend/src/pages/PasswordChangePage.tsx

@@ -4,10 +4,10 @@ import axios from 'axios';
 import clsx from 'clsx';
 import { useEffect, useMemo, useState } from 'react';
 
-import DataLoader from '@/components/DataLoader';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
-import InfoError, { ErrorData } from '@/components/InfoError';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextInput from '@/components/ui/TextInput';
+import DataLoader from '@/components/wrap/DataLoader';
 import { useAuth } from '@/context/AuthContext';
 import { useConceptNavigation } from '@/context/NavigationContext';
 import useQueryStrings from '@/hooks/useQueryStrings';

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

@@ -8,7 +8,7 @@ import { FaRegKeyboard } from 'react-icons/fa6';
 import { RiNodeTree } from 'react-icons/ri';
 import { toast } from 'react-toastify';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import RSInput from '@/components/RSInput';
 import { RSTextWrapper } from '@/components/RSInput/textEditing';
 import MiniButton from '@/components/ui/MiniButton';

rsconcept/frontend/src/pages/RSFormPage/EditorRSExpression/ParsingResult.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import clsx from 'clsx';
 import { motion } from 'framer-motion';
 

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

@@ -2,7 +2,7 @@
 
 import clsx from 'clsx';
 
-import InfoLibraryItem from '@/components/InfoLibraryItem';
+import InfoLibraryItem from '@/components/info/InfoLibraryItem';
 import Divider from '@/components/ui/Divider';
 import FlexColumn from '@/components/ui/FlexColumn';
 import { useAuth } from '@/context/AuthContext';

rsconcept/frontend/src/pages/RSFormPage/EditorRSForm/FormRSForm.tsx

@@ -6,7 +6,8 @@ import { FiSave } from 'react-icons/fi';
 import { LuGitBranchPlus, LuPencilLine } from 'react-icons/lu';
 import { toast } from 'react-toastify';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
+import VersionSelector from '@/components/select/VersionSelector';
 import Checkbox from '@/components/ui/Checkbox';
 import Label from '@/components/ui/Label';
 import MiniButton from '@/components/ui/MiniButton';
@@ -14,7 +15,6 @@ import Overlay from '@/components/ui/Overlay';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextArea from '@/components/ui/TextArea';
 import TextInput from '@/components/ui/TextInput';
-import VersionSelector from '@/components/VersionSelector';
 import { useAuth } from '@/context/AuthContext';
 import { useRSForm } from '@/context/RSFormContext';
 import { LibraryItemType } from '@/models/library';

rsconcept/frontend/src/pages/RSFormPage/EditorRSForm/RSFormToolbar.tsx

@@ -5,7 +5,7 @@ import { BiDownload, BiShareAlt, BiTrash } from 'react-icons/bi';
 import { FiBell, FiBellOff, FiSave } from 'react-icons/fi';
 import { LuCrown } from 'react-icons/lu';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import MiniButton from '@/components/ui/MiniButton';
 import Overlay from '@/components/ui/Overlay';
 import { HelpTopic } from '@/models/miscellaneous';

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

@@ -3,8 +3,8 @@
 import clsx from 'clsx';
 import { useLayoutEffect, useMemo, useState } from 'react';
 
-import { type RowSelectionState } from '@/components/DataTable';
+import { type RowSelectionState } from '@/components/ui/DataTable';
-import SelectedCounter from '@/components/SelectedCounter';
+import SelectedCounter from '@/components/info/SelectedCounter';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { ConstituentaID, CstType } from '@/models/rsform';
 

rsconcept/frontend/src/pages/RSFormPage/EditorRSList/RSListToolbar.tsx

@@ -3,7 +3,7 @@
 import { useMemo } from 'react';
 import { BiDownArrowCircle, BiDownvote, BiDuplicate, BiPlusCircle, BiTrash, BiUpvote } from 'react-icons/bi';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import Dropdown from '@/components/ui/Dropdown';
 import DropdownButton from '@/components/ui/DropdownButton';
 import MiniButton from '@/components/ui/MiniButton';

rsconcept/frontend/src/pages/RSFormPage/EditorRSList/RSTable.tsx

@@ -3,8 +3,8 @@
 import clsx from 'clsx';
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 
-import ConstituentaBadge from '@/components/ConstituentaBadge';
+import ConstituentaBadge from '@/components/info/ConstituentaBadge';
-import DataTable, { createColumnHelper, RowSelectionState, VisibilityState } from '@/components/DataTable';
+import DataTable, { createColumnHelper, RowSelectionState, VisibilityState } from '@/components/ui/DataTable';
 import FlexColumn from '@/components/ui/FlexColumn';
 import { useConceptTheme } from '@/context/ThemeContext';
 import useWindowSize from '@/hooks/useWindowSize';

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

@@ -5,8 +5,8 @@ import { AnimatePresence } from 'framer-motion';
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 import { GraphEdge, GraphNode, LayoutTypes } from 'reagraph';
 
-import InfoConstituenta from '@/components/InfoConstituenta';
+import InfoConstituenta from '@/components/info/InfoConstituenta';
-import SelectedCounter from '@/components/SelectedCounter';
+import SelectedCounter from '@/components/info/SelectedCounter';
 import Overlay from '@/components/ui/Overlay';
 import { useConceptTheme } from '@/context/ThemeContext';
 import DlgGraphParams from '@/dialogs/DlgGraphParams';

rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/GraphToolbar.tsx

@@ -2,7 +2,7 @@
 
 import { BiCollapse, BiFilterAlt, BiFont, BiFontFamily, BiPlanet, BiPlusCircle, BiTrash } from 'react-icons/bi';
 
-import HelpButton from '@/components/Help/HelpButton';
+import HelpButton from '@/components/man/HelpButton';
 import MiniButton from '@/components/ui/MiniButton';
 import Overlay from '@/components/ui/Overlay';
 import { HelpTopic } from '@/models/miscellaneous';

rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/TermGraph.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback, useLayoutEffect, useMemo, useRef } from 'react';
 
-import GraphUI, { GraphCanvasRef, GraphEdge, GraphNode, LayoutTypes, useSelection } from '@/components/GraphUI';
+import GraphUI, { GraphCanvasRef, GraphEdge, GraphNode, LayoutTypes, useSelection } from '@/components/ui/GraphUI';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { ConstituentaID } from '@/models/rsform';
 import { graphDarkT, graphLightT } from '@/styling/color';

rsconcept/frontend/src/pages/RSFormPage/EditorTermGraph/ViewHidden.tsx

@@ -2,7 +2,7 @@
 
 import { useCallback, useMemo } from 'react';
 
-import ConstituentaTooltip from '@/components/ConstituentaTooltip';
+import ConstituentaTooltip from '@/components/info/ConstituentaTooltip';
 import { useConceptTheme } from '@/context/ThemeContext';
 import { GraphColoringScheme } from '@/models/miscellaneous';
 import { ConstituentaID, IRSForm } from '@/models/rsform';

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

@@ -6,7 +6,7 @@ import fileDownload from 'js-file-download';
 import { createContext, useCallback, useContext, useLayoutEffect, useMemo, useState } from 'react';
 import { toast } from 'react-toastify';
 
-import InfoError, { ErrorData } from '@/components/InfoError';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
 import Divider from '@/components/ui/Divider';
 import Loader from '@/components/ui/Loader';
 import TextURL from '@/components/ui/TextURL';

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

@@ -5,8 +5,8 @@ import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 import { TabList, TabPanel, Tabs } from 'react-tabs';
 import { toast } from 'react-toastify';
 
-import AnimateFade from '@/components/AnimateFade';
 import TabLabel from '@/components/ui/TabLabel';
+import AnimateFade from '@/components/wrap/AnimateFade';
 import { useLibrary } from '@/context/LibraryContext';
 import { useBlockNavigation, useConceptNavigation } from '@/context/NavigationContext';
 import { useRSForm } from '@/context/RSFormContext';

rsconcept/frontend/src/pages/RSFormPage/ViewConstituents/ConstituentsTable.tsx

@@ -3,8 +3,8 @@
 import clsx from 'clsx';
 import { useCallback, useLayoutEffect, useMemo, useState } from 'react';
 
-import ConstituentaBadge from '@/components/ConstituentaBadge';
+import ConstituentaBadge from '@/components/info/ConstituentaBadge';
-import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/DataTable';
+import DataTable, { createColumnHelper, IConditionalStyle, VisibilityState } from '@/components/ui/DataTable';
 import { useConceptTheme } from '@/context/ThemeContext';
 import useWindowSize from '@/hooks/useWindowSize';
 import { ConstituentaID, IConstituenta } from '@/models/rsform';

rsconcept/frontend/src/pages/RegisterPage.tsx

@@ -5,9 +5,7 @@ import { useEffect, useState } from 'react';
 import { BiInfoCircle } from 'react-icons/bi';
 import { toast } from 'react-toastify';
 
-import AnimateFade from '@/components/AnimateFade';
+import InfoError from '@/components/info/InfoError';
-import ExpectedAnonymous from '@/components/ExpectedAnonymous';
-import InfoError from '@/components/InfoError';
 import Button from '@/components/ui/Button';
 import Checkbox from '@/components/ui/Checkbox';
 import FlexColumn from '@/components/ui/FlexColumn';
@@ -16,6 +14,8 @@ import SubmitButton from '@/components/ui/SubmitButton';
 import TextInput from '@/components/ui/TextInput';
 import TextURL from '@/components/ui/TextURL';
 import Tooltip from '@/components/ui/Tooltip';
+import AnimateFade from '@/components/wrap/AnimateFade';
+import ExpectedAnonymous from '@/components/wrap/ExpectedAnonymous';
 import { useAuth } from '@/context/AuthContext';
 import { useConceptNavigation } from '@/context/NavigationContext';
 import { type IUserSignupData } from '@/models/library';

rsconcept/frontend/src/pages/RestorePasswordPage.tsx

@@ -4,11 +4,11 @@ import axios from 'axios';
 import clsx from 'clsx';
 import { useEffect, useState } from 'react';
 
-import AnimateFade from '@/components/AnimateFade';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
-import InfoError, { ErrorData } from '@/components/InfoError';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextInput from '@/components/ui/TextInput';
 import TextURL from '@/components/ui/TextURL';
+import AnimateFade from '@/components/wrap/AnimateFade';
 import { useAuth } from '@/context/AuthContext';
 import { IRequestPasswordData } from '@/models/library';
 

rsconcept/frontend/src/pages/UserProfilePage/EditorPassword.tsx

@@ -5,7 +5,7 @@ import clsx from 'clsx';
 import { useEffect, useMemo, useState } from 'react';
 import { toast } from 'react-toastify';
 
-import InfoError, { ErrorData } from '@/components/InfoError';
+import InfoError, { ErrorData } from '@/components/info/InfoError';
 import FlexColumn from '@/components/ui/FlexColumn';
 import SubmitButton from '@/components/ui/SubmitButton';
 import TextInput from '@/components/ui/TextInput';

rsconcept/frontend/src/pages/UserProfilePage/UserProfilePage.tsx

@@ -1,4 +1,4 @@
-import RequireAuth from '@/components/RequireAuth';
+import RequireAuth from '@/components/wrap/RequireAuth';
 import { UserProfileState } from '@/context/UserProfileContext';
 
 import UserTabs from './UserTabs';

rsconcept/frontend/src/pages/UserProfilePage/UserTabs.tsx

@@ -4,10 +4,10 @@ import { AnimatePresence } from 'framer-motion';
 import { useMemo, useState } from 'react';
 import { FiBell, FiBellOff } from 'react-icons/fi';
 
-import AnimateFade from '@/components/AnimateFade';
-import DataLoader from '@/components/DataLoader';
 import MiniButton from '@/components/ui/MiniButton';
 import Overlay from '@/components/ui/Overlay';
+import AnimateFade from '@/components/wrap/AnimateFade';
+import DataLoader from '@/components/wrap/DataLoader';
 import { useAuth } from '@/context/AuthContext';
 import { useLibrary } from '@/context/LibraryContext';
 import { useUserProfile } from '@/context/UserProfileContext';

rsconcept/frontend/src/pages/UserProfilePage/ViewSubscriptions.tsx

@@ -4,7 +4,7 @@ import { motion } from 'framer-motion';
 import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 
-import DataTable, { createColumnHelper } from '@/components/DataTable';
+import DataTable, { createColumnHelper } from '@/components/ui/DataTable';
 import { useConceptNavigation } from '@/context/NavigationContext';
 import { ILibraryItem } from '@/models/library';
 import { animateSideView } from '@/styling/animations';

rsconcept/frontend/src/utils/backendAPI.ts

@@ -5,7 +5,7 @@
 import axios, { AxiosError, AxiosRequestConfig } from 'axios';
 import { toast } from 'react-toastify';
 
-import { type ErrorData } from '@/components/InfoError';
+import { type ErrorData } from '@/components/info/InfoError';
 import { ILexemeData, IResolutionData, ITextRequest, ITextResult, IWordFormPlain } from '@/models/language';
 import {
   ICurrentUser,