From 74e57a35c025465e357b74d8450fe940943e8e5c Mon Sep 17 00:00:00 2001
From: megaproxy <megaproxy@gmail.com>
Date: Tue, 21 Apr 2026 15:50:28 +0000
Subject: [PATCH] Fix Net Worth tab crash and rebuild for balance sheet
 endpoint

- Replace invalid currency="%"/currency="" StatCard calls that caused
  Intl.NumberFormat to throw RangeError and blank the page
- Render 30d change % and snapshot count as plain inline cards

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/pages/reports/ReportsPage.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/reports/ReportsPage.tsx b/frontend/src/pages/reports/ReportsPage.tsx
index 479595e..4826032 100644
--- a/frontend/src/pages/reports/ReportsPage.tsx
+++ b/frontend/src/pages/reports/ReportsPage.tsx
@@ -247,8 +247,16 @@ function NetWorthTab() {
     <div className="space-y-4">
       <div className="grid grid-cols-3 gap-4">
         <StatCard label="Net Worth" value={Number(data.current_net_worth)} change={Number(data.change_30d)} currency={data.base_currency} />
-        <StatCard label="30d Change %" value={Number(data.change_30d_pct)} currency="%" />
-        <StatCard label="Data Points" value={data.points.length} currency="" />
+        <div className="bg-card border border-border rounded-xl p-4">
+          <p className="text-xs text-muted-foreground mb-1">30d Change</p>
+          <p className={cn("text-xl font-bold tabular-nums", Number(data.change_30d_pct) >= 0 ? "text-success" : "text-destructive")}>
+            {Number(data.change_30d_pct) >= 0 ? "+" : ""}{Number(data.change_30d_pct).toFixed(2)}%
+          </p>
+        </div>
+        <div className="bg-card border border-border rounded-xl p-4">
+          <p className="text-xs text-muted-foreground mb-1">History</p>
+          <p className="text-xl font-bold tabular-nums">{data.points.length} snapshot{data.points.length !== 1 ? "s" : ""}</p>
+        </div>
       </div>
       {data.points.length === 0 ? (
         <EmptyChart message="No snapshots yet — snapshots are taken daily at 2am" />