refactor: colocate frontend component files

src/pages/account-events/index.ts

@@ -1 +1 @@
-export { AccountEventsPage } from "./ui/AccountEventsPage";
+export { AccountEventsPage } from "./ui/AccountEventsPage/AccountEventsPage";

src/pages/account-income/index.ts

@@ -1 +1 @@
-export { AccountIncomePage } from "./ui/AccountIncomePage";
+export { AccountIncomePage } from "./ui/AccountIncomePage/AccountIncomePage";

src/pages/account-income/ui/AccountIncomePage/AccountIncomePage.test.tsx

@@ -23,7 +23,7 @@ import type { IncomeAnalytics } from "@/entities/income";
 import { configureAuthClient } from "@/shared/api";
 import { createQueryWrapper } from "@/test/query";
 import { server } from "@/test/server";
-import { isDate } from "../model/period";
+import { isDate } from "../../model/period";
 import { AccountIncomePage } from "./AccountIncomePage";
 import { toIncomeDisplayModel } from "./AccountIncomePage.vm";
 import { IncomePayments } from "./components/IncomePayments.view";

src/pages/account-income/ui/AccountIncomePage/AccountIncomePage.vm.ts

@@ -13,7 +13,7 @@ import {
 	isDate,
 	moscowDate,
 	parseDraftDate,
-} from "../model/period";
+} from "../../model/period";
 
 const ISO_MONTH_LENGTH = 7;
 

src/pages/account-income/ui/AccountIncomePage/components/AccountIncomePageLoaded.view.tsx

@@ -15,7 +15,7 @@ import classes from "../AccountIncomePage.module.css";
 import type { AccountIncomePageViewModel } from "../AccountIncomePage.vm";
 import { IncomeComparisons } from "./IncomeComparisons.view";
 import { IncomePayments } from "./IncomePayments.view";
-import { IncomePeriodForm } from "./IncomePeriodForm.view";
+import { IncomePeriodForm } from "./IncomePeriodForm/IncomePeriodForm.view";
 import { IncomeSummary } from "./IncomeSummary.view";
 
 type LoadedProps = Extract<AccountIncomePageViewModel, { state: "loaded" }>;

src/pages/account-income/ui/AccountIncomePage/components/IncomePeriodForm/IncomePeriodForm.stories.tsx

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import type { FC } from "react";
 import { FormProvider, useForm, useFormState } from "react-hook-form";
-import type { IncomeForm } from "../../model/period";
+import type { IncomeForm } from "../../../../model/period";
 import { IncomePeriodForm } from "./IncomePeriodForm.view";
 
 const period = { from: "01.08.2026", to: "27.08.2026" };

src/pages/account-income/ui/AccountIncomePage/components/IncomePeriodForm/IncomePeriodForm.view.tsx

@@ -8,8 +8,8 @@ import {
 	type IncomeForm,
 	moscowDate,
 	parseDraftDate,
-} from "../../model/period";
-import classes from "../AccountIncomePage.module.css";
+} from "../../../../model/period";
+import classes from "../../AccountIncomePage.module.css";
 
 type IncomePeriodFormProps = {
 	onSubmit: FormEventHandler<HTMLFormElement>;

src/pages/account-operations/index.ts

@@ -1 +1 @@
-export { AccountOperationsPage } from "./ui/AccountOperationsPage";
+export { AccountOperationsPage } from "./ui/AccountOperationsPage/AccountOperationsPage";

src/pages/account/index.ts

@@ -1 +1 @@
-export { AccountPage } from "./ui/AccountPage";
+export { AccountPage } from "./ui/AccountPage/AccountPage";

src/pages/account/ui/AccountPage/AccountPage.test.tsx

@@ -24,7 +24,7 @@ import { toAccountPagePositionSections } from "./AccountPage.vm";
 import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
 import { AccountPageError } from "./components/AccountPageError.view";
 import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
-import { AccountPageLoading } from "./components/AccountPageLoading.view";
+import { AccountPageLoading } from "./components/AccountPageLoading/AccountPageLoading.view";
 
 function renderPage(ui: React.ReactNode) {
 	const queryClient = createTestQueryClient();

src/pages/account/ui/AccountPage/AccountPage.tsx

@@ -3,7 +3,7 @@ import { useAccountPageViewModel } from "./AccountPage.vm";
 import { AccountPageEmpty } from "./components/AccountPageEmpty.view";
 import { AccountPageError } from "./components/AccountPageError.view";
 import { AccountPageLoaded } from "./components/AccountPageLoaded.view";
-import { AccountPageLoading } from "./components/AccountPageLoading.view";
+import { AccountPageLoading } from "./components/AccountPageLoading/AccountPageLoading.view";
 
 type AccountPageProps = { accountId?: string };
 

src/pages/account/ui/AccountPage/components/AccountPageEmpty.view.tsx

@@ -11,8 +11,8 @@ import type {
 } from "../AccountPage.vm";
 import { AccountHeading } from "./AccountHeading.view";
 import { IncomeSummary } from "./IncomeSummary.view";
-import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
-import { PortfolioStructure } from "./PortfolioStructure";
+import { PortfolioRefreshState } from "./PortfolioRefreshState/PortfolioRefreshState.view";
+import { PortfolioStructure } from "./PortfolioStructure/PortfolioStructure";
 import { RecentOperations } from "./RecentOperations.view";
 
 type AccountPageEmptyProps = {

src/pages/account/ui/AccountPage/components/AccountPageLoaded.view.tsx

@@ -13,10 +13,10 @@ import type {
 	AccountPageRecentOperations,
 } from "../AccountPage.vm";
 import { AccountHeading } from "./AccountHeading.view";
-import { CurrencyCards } from "./CurrencyCards.view";
+import { CurrencyCards } from "./CurrencyCards/CurrencyCards.view";
 import { IncomeSummary } from "./IncomeSummary.view";
-import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
-import { PortfolioStructure } from "./PortfolioStructure";
+import { PortfolioRefreshState } from "./PortfolioRefreshState/PortfolioRefreshState.view";
+import { PortfolioStructure } from "./PortfolioStructure/PortfolioStructure";
 import { PositionSection } from "./PositionSection.view";
 import { RecentOperations } from "./RecentOperations.view";
 

src/pages/account/ui/AccountPage/components/AccountPageLoading/AccountPageLoading.view.tsx

@@ -2,7 +2,7 @@ import { Paper, SimpleGrid, Skeleton } from "@mantine/core";
 import { LoadingSkeleton } from "@wealthledger/ui";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 
 const AccountPageLoading: FC = () => {
 	const { t } = useTranslation();

src/pages/account/ui/AccountPage/components/CurrencyCards/CurrencyCards.view.tsx

@@ -3,7 +3,7 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import type { Portfolio } from "@/entities/portfolio";
 import { formatDecimal } from "@/shared/lib";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 
 type CurrencyCardsProps = {
 	amounts: Portfolio["totalsByCurrency"];

src/pages/account/ui/AccountPage/components/PortfolioRefreshState/PortfolioRefreshState.stories.tsx

@@ -1,7 +1,7 @@
 import { Stack } from "@mantine/core";
 import type { Meta, StoryObj } from "@storybook/react-vite";
 import { fn } from "storybook/test";
-import { CurrencyCards } from "./CurrencyCards.view";
+import { CurrencyCards } from "../CurrencyCards/CurrencyCards.view";
 import { PortfolioRefreshState } from "./PortfolioRefreshState.view";
 
 const meta = {

src/pages/account/ui/AccountPage/components/PositionCard/PositionCard.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react-vite";
-import type { AccountPagePosition } from "../AccountPage.vm";
+import type { AccountPagePosition } from "../../AccountPage.vm";
 import { PositionCard } from "./PositionCard.view";
 
 const syntheticPosition = {

src/pages/account/ui/AccountPage/components/PositionCard/PositionCard.view.tsx

@@ -3,12 +3,12 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { formatMoney } from "@/shared/lib";
-import classes from "../AccountPage.module.css";
+import classes from "../../AccountPage.module.css";
 import type {
 	AccountPagePosition,
 	AccountPagePositionSection,
-} from "../AccountPage.vm";
-import { PositionLogo } from "./PositionLogo.view";
+} from "../../AccountPage.vm";
+import { PositionLogo } from "../PositionLogo.view";
 
 type PositionCardProps = {
 	kind: AccountPagePositionSection["kind"];

src/pages/account/ui/AccountPage/components/PositionSection.view.tsx

@@ -1,7 +1,7 @@
 import { SimpleGrid } from "@mantine/core";
 import type { FC } from "react";
 import type { AccountPagePositionSection } from "../AccountPage.vm";
-import { PositionCard } from "./PositionCard.view";
+import { PositionCard } from "./PositionCard/PositionCard.view";
 import { PositionGroupCard } from "./PositionGroupCard.view";
 
 type PositionSectionProps = {

src/pages/accounts/index.ts

@@ -1 +1 @@
-export { AccountsPage } from "./ui/AccountsPage";
+export { AccountsPage } from "./ui/AccountsPage/AccountsPage";

src/pages/bond/index.ts

@@ -1 +1 @@
-export { BondPage } from "./ui/BondPage";
+export { BondPage } from "./ui/BondPage/BondPage";

src/pages/bonds/index.ts

@@ -1 +1 @@
-export { BondsPage } from "./ui/BondsPage";
+export { BondsPage } from "./ui/BondsPage/BondsPage";

src/pages/card/index.ts

@@ -1 +1 @@
-export { CardPage } from "./ui/CardPage";
+export { CardPage } from "./ui/CardPage/CardPage";

src/pages/card/ui/CardPage/CardPage.tsx

@@ -1,9 +1,9 @@
 import type { FC } from "react";
 import { BankCardForm } from "@/entities/bank-card";
+import { DeleteOperation } from "../DeleteOperation/DeleteOperation";
+import { OperationForm } from "../OperationForm/OperationForm";
 import { CardPageView } from "./CardPage.view";
 import { useCardPageVm } from "./CardPage.vm";
-import { DeleteOperation } from "./DeleteOperation";
-import { OperationForm } from "./OperationForm";
 
 const CardPage: FC = () => {
 	const vm = useCardPageVm();

src/pages/cards/index.ts

@@ -1 +1 @@
-export { CardsPage } from "./ui/CardsPage";
+export { CardsPage } from "./ui/CardsPage/CardsPage";