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/account-events/ui/AccountEventsPage/AccountEventsPage.test.tsx

@@ -5,6 +5,15 @@ import { beforeEach, describe, expect, it, vi } from "vitest";
 import { useBrokerageEvents } from "@/entities/brokerage-event";
 import { AccountEventsPage } from "./AccountEventsPage";
 
+const { refresh } = vi.hoisted(() => ({ refresh: vi.fn() }));
+vi.mock("@/features/tbank-connection", () => ({
+	useScreenSync: () => ({
+		refresh,
+		refreshing: false,
+		sourceError: false,
+		transportError: false,
+	}),
+}));
 vi.mock("@/entities/brokerage-event", async (importOriginal) => ({
 	...(await importOriginal<typeof import("@/entities/brokerage-event")>()),
 	useBrokerageEvents: vi.fn(),
@@ -24,12 +33,17 @@ function renderPage() {
 
 describe("AccountEventsPage", () => {
 	beforeEach(() => {
+		refresh.mockClear();
 		query.mockReturnValue({
 			data: {
 				accountId: "account",
 				calculatedAt: "2026-08-14T00:00:00Z",
 				events: [],
 			},
+			meta: {
+				availability: "complete",
+				sync: { state: "idle", id: null, errorCode: null },
+			},
 			isError: false,
 			isLoading: false,
 			refetch: vi.fn(),
@@ -55,6 +69,10 @@ describe("AccountEventsPage", () => {
 	it("keeps the loading fallback when no result or account is available", () => {
 		query.mockReturnValue({
 			data: undefined,
+			meta: {
+				availability: "complete",
+				sync: { state: "idle", id: null, errorCode: null },
+			},
 			isError: false,
 			isLoading: false,
 			refetch: vi.fn(),
@@ -99,6 +117,10 @@ describe("AccountEventsPage", () => {
 					},
 				],
 			},
+			meta: {
+				availability: "complete",
+				sync: { state: "idle", id: null, errorCode: null },
+			},
 			isError: false,
 			isLoading: false,
 			refetch: vi.fn(),
@@ -145,12 +167,16 @@ describe("AccountEventsPage", () => {
 			</MantineProvider>,
 		);
 		screen.getByRole("button", { name: "Повторить" }).click();
-		expect(refetch).toHaveBeenCalledOnce();
+		expect(refresh).toHaveBeenCalledOnce();
 	});
 
 	it("shows a structural busy state before events are available", () => {
 		query.mockReturnValue({
 			data: undefined,
+			meta: {
+				availability: "complete",
+				sync: { state: "idle", id: null, errorCode: null },
+			},
 			isError: false,
 			isLoading: true,
 			refetch: vi.fn(),