refactor: clarify frontend model ownership

src/pages/stock/ui/StockPage/StockPage.vm.ts

@@ -1,7 +1,6 @@
 import { useParams, useSearchParams } from "react-router";
 
-import type { OperationCategory } from "@/entities/broker-operation";
-
+import { type OperationCategory, useBrokerageOperationHistory } from "@/entities/broker-operation";
 import {
 	type StockPeriod,
 	useStock,
@@ -13,7 +12,6 @@ import {
 } from "@/entities/stock";
 import {
 	section,
-	useInstrumentOperations,
 } from "@/features/instrument-details";
 import { useScreenSync } from "@/features/tbank-connection";
 import { apiErrorCode } from "@/shared/api";
@@ -51,12 +49,12 @@ function useStockPageVm() {
 	const company = useStockCompany(uid);
 	const dividends = useStockDividends(uid);
 
-	const history = useInstrumentOperations(
-		uid,
-		filter,
+	const history = useBrokerageOperationHistory(uid ? "all" : undefined, {
 		// eslint-disable-next-line security/detect-object-injection -- This lookup uses a fixed typed key set, not an arbitrary external property name.
-		categories[filter],
-	);
+		categories: categories[filter],
+		instrumentUid: uid,
+		limit: 20,
+	});
 
 	const { operations } = history;