feat: render hourly investment states

src/pages/account-events/ui/AccountEventsPage/AccountEventsPage.filters.test.tsx

@@ -123,9 +123,10 @@ describe("Upcoming event date filters", () => {
 						resource(
 							null,
 							{
-								sync: {
-									errorCode: "TBANK_UNAVAILABLE",
-									id: null,
+								lastAttempt: {
+									finishedAt: "2026-08-14T00:01:00Z",
+									problems: [],
+									startedAt: "2026-08-14T00:00:00Z",
 									state: "failed",
 								},
 							},
@@ -309,7 +310,14 @@ it("retains the previous complete forecast when its source refresh fails", async
 
 	const snapshot = resource(
 		{ events, incomeTotalsByCurrency: [{ currency: "RUB", value: "123.45" }] },
-		{ sync: { errorCode: "TBANK_UNAVAILABLE", id: "failed", state: "failed" } },
+		{
+			lastAttempt: {
+				finishedAt: "2026-08-14T00:01:00Z",
+				problems: [],
+				startedAt: "2026-08-14T00:00:00Z",
+				state: "failed",
+			},
+		},
 	);
 
 	server.use(

src/pages/account-events/ui/AccountEventsPage/AccountEventsPage.test.tsx

@@ -51,8 +51,9 @@ describe("AccountEventsPage", () => {
 				isError: false,
 				isLoading: false,
 				meta: {
-					availability: "complete",
-					sync: { errorCode: null, id: null, state: "idle" },
+					availability: "available",
+					completeness: "complete",
+					lastAttempt: { finishedAt: null, problems: [], startedAt: null, state: "none" },
 				},
 				refetch: vi.fn(),
 			} as never,
@@ -85,8 +86,9 @@ describe("AccountEventsPage", () => {
 				isError: false,
 				isLoading: false,
 				meta: {
-					availability: "complete",
-					sync: { errorCode: null, id: null, state: "idle" },
+					availability: "available",
+					completeness: "complete",
+					lastAttempt: { finishedAt: null, problems: [], startedAt: null, state: "none" },
 				},
 				refetch: vi.fn(),
 			} as never,
@@ -138,8 +140,9 @@ describe("AccountEventsPage", () => {
 				isError: false,
 				isLoading: false,
 				meta: {
-					availability: "complete",
-					sync: { errorCode: null, id: null, state: "idle" },
+					availability: "available",
+					completeness: "complete",
+					lastAttempt: { finishedAt: null, problems: [], startedAt: null, state: "none" },
 				},
 				refetch: vi.fn(),
 			} as never,
@@ -194,8 +197,9 @@ describe("AccountEventsPage", () => {
 				isError: false,
 				isLoading: true,
 				meta: {
-					availability: "complete",
-					sync: { errorCode: null, id: null, state: "idle" },
+					availability: "available",
+					completeness: "complete",
+					lastAttempt: { finishedAt: null, problems: [], startedAt: null, state: "none" },
 				},
 				refetch: vi.fn(),
 			} as never,

src/pages/account-events/ui/AccountEventsPage/AccountEventsPage.vm.ts

@@ -1,6 +1,8 @@
 import { useState } from "react";
 import { useParams } from "react-router";
 
+import type { InvestmentResourceMeta } from "@/shared/api";
+
 import {
 	type BrokerageEvent,
 	useBrokerageEvents,
@@ -25,6 +27,7 @@ type AccountEventsPageViewModel
 		onPeriodPopoverOpen: () => void;
 		onReset: () => void;
 		partial?: boolean;
+		source?: InvestmentResourceMeta;
 		state: "loaded";
 	}
 	| { onReset: () => void; state: "error" }
@@ -74,7 +77,7 @@ function useAccountEventsPageViewModel(): AccountEventsPageViewModel {
 	const availability = useInitialAvailability({
 		hasContent: !!events.data,
 		identity: scope,
-		isError: events.isError || events.meta?.sync.state === "failed",
+		isError: events.isError || events.meta?.lastAttempt.state === "failed",
 		isFetching: events.isFetching,
 	});
 
@@ -86,7 +89,7 @@ function useAccountEventsPageViewModel(): AccountEventsPageViewModel {
 		setSearchParameters({});
 	};
 
-	if ((events.isError || events.meta?.sync.state === "failed") && !events.data)
+	if ((events.isError || events.meta?.lastAttempt.state === "failed") && !events.data)
 		return {
 			onReset,
 			state: "error",
@@ -115,7 +118,8 @@ function useAccountEventsPageViewModel(): AccountEventsPageViewModel {
 		),
 		onPeriodPopoverOpen: () => setMaxDate(moscowDate(new Date())),
 		onReset,
-		partial: events.meta?.availability !== "complete",
+		partial: events.meta?.completeness === "incomplete",
+		source: events.meta,
 		state: "loaded",
 	};
 }

src/pages/account-events/ui/AccountEventsPage/components/AccountEventsPageLoaded.view.tsx

@@ -15,6 +15,7 @@ import {
 	BrokerageEventCard,
 	brokerageEventKey,
 } from "@/entities/brokerage-event";
+import { SourceSyncStatus } from "@/shared/ui";
 
 import type { AccountEventsPageViewModel } from "../AccountEventsPage.vm";
 
@@ -55,6 +56,12 @@ const AccountEventsPageLoaded: FC<AccountEventsPageLoadedProps> = (props) => {
 		<Stack gap="lg">
 			<Title order={1}>{t("events.title")}</Title>
 
+			<SourceSyncStatus
+				lastAttempt={props.source?.lastAttempt}
+				lastSuccessfulAt={props.source?.lastSuccessfulAt}
+				stale={props.source?.freshness === "stale"}
+			/>
+
 			{!!props.partial && <Alert role="status">{t("investment.partial")}</Alert>}
 
 			<Text c="dimmed">{t("events.hint")}</Text>