refactor: align frontend ownership boundaries

Close audit gaps across API drift, query policy, UI, and tests.

src/entities/portfolio/api/usePortfolio.test.tsx

@@ -1,36 +1,21 @@
-import { MantineProvider } from "@mantine/core";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { renderHook, waitFor } from "@testing-library/react";
 import { HttpResponse, http } from "msw";
-import type { FC, PropsWithChildren } from "react";
-import { afterEach, describe, expect, it, vi } from "vitest";
+import { describe, expect, it, vi } from "vitest";
 
 import { configureAuthClient } from "@/shared/api";
+import { createQueryWrapper } from "@/test/query";
 import { server } from "@/test/server";
 import { usePortfolio } from "./usePortfolio";
 
 describe("usePortfolio", () => {
-	afterEach(() => configureAuthClient(null));
-
 	it("uses the account endpoint with a 30 second cache and no retry", async () => {
 		configureAuthClient({
 			accessToken: () => "token",
 			refresh: async () => true,
 			clear: vi.fn(),
 		});
-		const client = new QueryClient();
-		const wrapper: FC<PropsWithChildren> = (props) => {
-			const { children } = props;
-
-			return (
-				<MantineProvider>
-					<QueryClientProvider client={client}>{children}</QueryClientProvider>
-				</MantineProvider>
-			);
-		};
-
 		const { result } = renderHook(() => usePortfolio("account-1"), {
-			wrapper,
+			wrapper: createQueryWrapper().wrapper,
 		});
 
 		await waitFor(() => expect(result.current.isSuccess).toBe(true));
@@ -58,16 +43,9 @@ describe("usePortfolio", () => {
 					: HttpResponse.json({ code: "TBANK_UNAVAILABLE" }, { status: 503 });
 			}),
 		);
-		const client = new QueryClient();
-		const wrapper: FC<PropsWithChildren> = (props) => {
-			const { children } = props;
-			return (
-				<MantineProvider>
-					<QueryClientProvider client={client}>{children}</QueryClientProvider>
-				</MantineProvider>
-			);
-		};
-		const { result } = renderHook(() => usePortfolio("account-1"), { wrapper });
+		const { result } = renderHook(() => usePortfolio("account-1"), {
+			wrapper: createQueryWrapper().wrapper,
+		});
 
 		await waitFor(() => expect(result.current.isSuccess).toBe(true));
 		void result.current.refetch();

src/entities/portfolio/api/usePortfolio.ts

@@ -1,24 +1,30 @@
-import { apiQueryClient, useAuthenticatedQuery } from "@/shared/api";
-import type { paths } from "@/shared/api/generated/schema";
+import {
+	apiQueryClient,
+	type paths,
+	useAuthenticatedQuery,
+} from "@/shared/api";
 
 const portfolioQueryPolicy = {
 	staleTime: 30_000,
-	retry: false,
 } as const;
 
 type Portfolio =
 	paths["/api/v1/brokerage-accounts/{accountId}/portfolio"]["get"]["responses"][200]["content"]["application/json"];
 
+function portfolioQueryOptions(accountId: string | undefined) {
+	return apiQueryClient.queryOptions(
+		"get",
+		"/api/v1/brokerage-accounts/{accountId}/portfolio",
+		{ params: { path: { accountId: accountId ?? "" } } },
+	);
+}
+
 function usePortfolio(accountId: string | undefined) {
 	return useAuthenticatedQuery({
-		...apiQueryClient.queryOptions(
-			"get",
-			"/api/v1/brokerage-accounts/{accountId}/portfolio",
-			{ params: { path: { accountId: accountId ?? "" } } },
-		),
+		...portfolioQueryOptions(accountId),
 		enabled: Boolean(accountId),
 		...portfolioQueryPolicy,
 	});
 }
 
-export { type Portfolio, usePortfolio };
+export { type Portfolio, portfolioQueryOptions, usePortfolio };