feat: render hourly investment states

src/shared/api/resource-query.test.tsx

@@ -75,9 +75,10 @@ describe("persistent resource query lifecycle", () => {
 			http.get("*/api/v1/brokerage-accounts/:accountId/portfolio", () =>
 				HttpResponse.json(
 					resource(null, {
-						sync: {
-							errorCode: "TBANK_UNAVAILABLE",
-							id: "work",
+						lastAttempt: {
+							finishedAt: "2026-08-14T00:01:00Z",
+							problems: [],
+							startedAt: "2026-08-14T00:00:00Z",
 							state: "failed",
 						},
 					}),
@@ -89,14 +90,16 @@ describe("persistent resource query lifecycle", () => {
 			wrapper: createQueryWrapper().wrapper,
 		});
 
-		await waitFor(() => expect(result.current.meta?.sync.state).toBe("failed"));
+		await waitFor(() =>
+			expect(result.current.meta?.lastAttempt.state).toBe("failed"),
+		);
 		expect(result.current.data).toBeUndefined();
 		expect(result.current.isSuccess).toBe(true);
 		expect(result.current.status).toBe("success");
 		expect(result.current.isPending).toBe(false);
 		expect(result.current.isLoading).toBe(false);
 
-		expect(result.current.meta?.availability).toBe("missing");
+		expect(result.current.meta?.availability).toBe("initial-loading");
 	});
 	it("keeps the refetch envelope while exposing the refreshed resource payload", async () => {
 		auth();