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/components/AccountsRefreshState.view.tsx

@@ -1,8 +1,11 @@
 import { Alert, Button, Group, Loader, Stack, Text } from "@mantine/core";
 import type { FC } from "react";
 import { useTranslation } from "react-i18next";
+import { formatSnapshotTime } from "@/shared/lib";
 
 type AccountsRefreshStateProps = {
+	lastSuccessfulAt?: string | null;
+	sourceError?: boolean;
 	refreshing?: boolean;
 	refreshError?: boolean;
 	retry?: () => void;
@@ -11,9 +14,24 @@ type AccountsRefreshStateProps = {
 const AccountsRefreshState: FC<AccountsRefreshStateProps> = (props) => {
 	const { refreshing = false, refreshError = false, retry } = props;
 	const { t } = useTranslation();
-	if (!refreshing && !refreshError) return null;
+
 	return (
 		<>
+			{props.lastSuccessfulAt ? (
+				<Text size="xs" c="dimmed">
+					{t("investment.sourceTime", {
+						date: formatSnapshotTime(props.lastSuccessfulAt),
+					})}
+				</Text>
+			) : null}
+			<Button
+				onClick={retry}
+				disabled={refreshing}
+				variant="light"
+				w="fit-content"
+			>
+				{t(refreshError ? "accounts.retry" : "investment.refresh")}
+			</Button>
 			{refreshing ? (
 				<Group gap="xs" role="status" aria-label={t("accounts.refreshing")}>
 					<Loader size="sm" />
@@ -23,12 +41,15 @@ const AccountsRefreshState: FC<AccountsRefreshStateProps> = (props) => {
 				</Group>
 			) : null}
 			{refreshError ? (
-				<Alert color="orange">
+				<Alert color="orange" role="status" aria-live="polite">
 					<Stack gap="sm">
-						<Text>{t("accounts.refreshError")}</Text>
-						<Button onClick={retry} variant="light">
-							{t("accounts.retry")}
-						</Button>
+						<Text>
+							{t(
+								props.sourceError
+									? "investment.syncFailed"
+									: "accounts.refreshError",
+							)}
+						</Text>
 					</Stack>
 				</Alert>
 			) : null}