Today's change measured against the chart's last close

static/index.html

@@ -393,8 +393,17 @@ function showPerf() {
   if (perf.dates.length < 6) note = `The fund started on ${perf.start || "its first trade"} — the chart fills in day by day. ` + note;
   setText($("live-note"), note);
 }
+function showToday() {         // against the last close on the chart: Alpaca's own last_equity can lag a day on paper
+  if (!port) return;
+  let ch = port.today_change, pc = port.today_pct;
+  if (perf && perf.src && perf.src[perf.src.length - 1] === "live" && perf.value.length > 1) {
+    const prev = perf.value[perf.value.length - 2]; ch = port.equity - (perf.flows_today || 0) - prev; pc = ch / prev;
+  }
+  setText($("k-today"), pc == null ? "" : `today ${pct(pc, 2)} (${ch >= 0 ? "+" : "−"}${usd(Math.abs(ch))})`);
+  signCls($("k-today"), pc);
+}
 async function loadPerformance() {
-  try { perf = await get("/api/performance"); syncLive(); showPerf(); }
+  try { perf = await get("/api/performance"); syncLive(); showPerf(); showToday(); }
   catch (e) { setText($("live-note"), "Performance unavailable right now: " + e.message); }
 }
 async function loadPortfolio() {
@@ -403,8 +412,7 @@ async function loadPortfolio() {
     if (perf) { syncLive(); showPerf(); }
     setText($("mode"), p.paper ? "Paper trading" : "LIVE trading");
     setText($("k-eq"), usd(p.equity));
-    setText($("k-today"), p.today_pct == null ? "" : `today ${pct(p.today_pct, 2)} (${p.today_change >= 0 ? "+" : "−"}${usd(Math.abs(p.today_change))})`);
-    signCls($("k-today"), p.today_pct);
+    showToday();
     const tb = $("holdings").querySelector("tbody"); tb.textContent = "";
     if (!p.positions.length) { const tr = tb.insertRow(); const td = tr.insertCell(); td.colSpan = 6; td.className = "empty"; td.textContent = "No positions yet — the first rebalance buys the top 3."; }
     for (const r of p.positions) {