feat: render hourly investment states

src/pages/account-operations/ui/AccountOperationsPage/AccountOperationsPage.test.tsx

@@ -507,9 +507,10 @@ it("keeps UTC operation boundaries in GET and source sync requests", async () =>
 					resource(
 						null,
 						{
-							sync: {
-								errorCode: "TBANK_UNAVAILABLE",
-								id: null,
+							lastAttempt: {
+								finishedAt: "2026-08-14T00:01:00Z",
+								problems: [],
+								startedAt: "2026-08-14T00:00:00Z",
 								state: "failed",
 							},
 						},
@@ -543,7 +544,7 @@ it("does not label incomplete empty operations as a confirmed empty period", asy
 						items: [],
 						nextCursor: null,
 					},
-					{ availability: "partial" },
+					{ completeness: "incomplete" },
 				),
 			),
 		),

src/pages/account-operations/ui/AccountOperationsPage/AccountOperationsPage.vm.ts

@@ -2,6 +2,8 @@ import { useQueryClient } from "@tanstack/react-query";
 import { useState } from "react";
 import { useParams } from "react-router";
 
+import type { InvestmentResourceMeta } from "@/shared/api";
+
 import {
 	type BrokerageOperation,
 	brokerageOperationsQueryOptions,
@@ -39,6 +41,7 @@ type AccountOperationsPageViewModel
 		onPrevious: () => void;
 		onReset: () => void;
 		partial?: boolean;
+		source?: InvestmentResourceMeta;
 		state: "loaded";
 	}
 	| { onReset: () => void; state: "error" }
@@ -98,7 +101,7 @@ const useAccountOperationsPageVm = (): AccountOperationsPageViewModel => {
 	const availability = useInitialAvailability({
 		hasContent: !!operations.data,
 		identity: scope,
-		isError: operations.isError || operations.meta?.sync.state === "failed",
+		isError: operations.isError || operations.meta?.lastAttempt.state === "failed",
 		isFetching: operations.isFetching,
 	});
 
@@ -127,7 +130,7 @@ const useAccountOperationsPageVm = (): AccountOperationsPageViewModel => {
 
 	if (
 		(isInvalidCursor || !operations.data)
-		&& (operations.isError || operations.meta?.sync.state === "failed")
+		&& (operations.isError || operations.meta?.lastAttempt.state === "failed")
 	)
 		return { onReset, state: "error" };
 
@@ -177,7 +180,8 @@ const useAccountOperationsPageVm = (): AccountOperationsPageViewModel => {
 		onPeriodPopoverOpen: () => setMaxDate(moscowDate(new Date())),
 		onPrevious: history.onPrevious,
 		onReset,
-		partial: operations.meta?.availability !== "complete",
+		partial: operations.meta?.completeness === "incomplete",
+		source: operations.meta,
 		state: "loaded",
 	};
 };

src/pages/account-operations/ui/AccountOperationsPage/components/AccountOperationsPageLoaded.view.tsx

@@ -13,6 +13,7 @@ import { StateView } from "@wealthledger/ui";
 import { useTranslation } from "react-i18next";
 
 import { LedgerEntryRow, operationCategories } from "@/entities/broker-operation";
+import { SourceSyncStatus } from "@/shared/ui";
 
 import type { AccountOperationsPageViewModel } from "../AccountOperationsPage.vm";
 
@@ -62,6 +63,12 @@ const AccountOperationsPageLoaded: FC<AccountOperationsPageLoadedProps> = (
 		<Stack gap="lg">
 			<Title order={1}>{t("ledger.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>}
 
 			{!!props.historyLoading && <Alert>{t("investment.history")}</Alert>}