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/ui/AccountPage/components/RecentOperations.view.tsx

@@ -4,6 +4,7 @@ import type { FC } from "react";
 import { useTranslation } from "react-i18next";
 import { Link } from "react-router";
 import { LedgerEntryRow } from "@/entities/broker-operation";
+import { formatSnapshotTime } from "@/shared/lib";
 import type { AccountPageRecentOperations } from "../AccountPage.vm";
 
 type RecentOperationsProps = {
@@ -16,6 +17,23 @@ const RecentOperations: FC<RecentOperationsProps> = (props) => {
 
 	return (
 		<Stack gap="sm">
+			{operations.state === "loaded" ? (
+				<>
+					{operations.lastSuccessfulAt ? (
+						<Text size="xs" c="dimmed">
+							{t("investment.sourceTime", {
+								date: formatSnapshotTime(operations.lastSuccessfulAt),
+							})}
+						</Text>
+					) : null}
+					{operations.stale ? (
+						<Text size="xs">{t("investment.stale")}</Text>
+					) : null}
+					{operations.refreshError ? (
+						<Text role="status">{t("accounts.refreshError")}</Text>
+					) : null}
+				</>
+			) : null}
 			{operations.state === "loading" ? (
 				<LoadingSkeleton label={t("ledger.recentLoading")}>
 					{[0, 1, 2].map((index) => (
@@ -29,7 +47,10 @@ const RecentOperations: FC<RecentOperationsProps> = (props) => {
 			{operations.state === "empty" ? (
 				<Text c="dimmed">{t("ledger.recentEmpty")}</Text>
 			) : null}
-			{operations.state === "loaded"
+			{operations.state === "partial" ? (
+				<Text role="status">{t("investment.partial")}</Text>
+			) : null}
+			{operations.state === "loaded" || operations.state === "partial"
 				? operations.items.map((operation) => (
 						<LedgerEntryRow
 							key={JSON.stringify([