feat: show persisted investment data and sync state

Consume the provided resource-envelope API snapshot. Preserve financial snapshots during
refresh, observe synchronization without importing, and fence late responses across
account and connection changes.

src/pages/accounts/ui/AccountsPage/AccountsPage.vm.ts

@@ -2,32 +2,42 @@ import {
 	brokerageAccountCards,
 	useBrokerageAccounts,
 } from "@/entities/brokerage-account";
+import { useScreenSync } from "@/features/tbank-connection";
 import { apiErrorCode } from "@/shared/api";
 
 function useAccountsPageViewModel() {
 	const accounts = useBrokerageAccounts();
-	if (!accounts.data) {
-		if (accounts.isFetching) return { state: "loading" as const };
-		if (accounts.isError)
+	const sync = useScreenSync({ screen: "accounts" }, [accounts]);
+	if (
+		!accounts.data ||
+		(accounts.meta?.availability === "partial" && !accounts.data.length)
+	) {
+		if (!accounts.isError && accounts.meta?.sync.state !== "failed")
+			return { state: "loading" as const };
+		if (accounts.isError || accounts.meta?.sync.state === "failed")
 			return {
 				state: "error" as const,
 				code: apiErrorCode(accounts.error),
-				retry: () => accounts.refetch(),
+				retry: sync.refresh,
 			};
 	}
 	if (!accounts.data?.length)
 		return {
 			state: "empty" as const,
-			refreshing: accounts.isFetching,
-			refreshError: accounts.isError,
-			retry: () => accounts.refetch(),
+			lastSuccessfulAt: accounts.meta?.lastSuccessfulAt,
+			refreshing: accounts.isFetching || sync.refreshing,
+			sourceError: sync.sourceError,
+			refreshError: accounts.isError || sync.transportError || sync.sourceError,
+			retry: sync.refresh,
 		};
 	return {
 		state: "loaded" as const,
-		accounts: brokerageAccountCards(accounts.data),
-		refreshing: accounts.isFetching,
-		refreshError: accounts.isError,
-		retry: () => accounts.refetch(),
+		accounts: brokerageAccountCards(accounts.data, accounts.meta?.dependencies),
+		lastSuccessfulAt: accounts.meta?.lastSuccessfulAt,
+		refreshing: accounts.isFetching || sync.refreshing,
+		sourceError: sync.sourceError,
+		refreshError: accounts.isError || sync.transportError || sync.sourceError,
+		retry: sync.refresh,
 	};
 }