Add cumulative P&L banner to fund overview for at-a-glance profit/loss.

Expose period delta from equity curve start and surface it in the toolbar and summary cards with green/red cues.

Co-authored-by: Cursor <cursoragent@cursor.com>

manual_trading_hub/static/funds.js

@@ -10,6 +10,12 @@
   const elDdU = document.getElementById("funds-total-dd-u");
   const elDdPct = document.getElementById("funds-total-dd-pct");
   const elDelta = document.getElementById("funds-total-delta");
+  const elPeriod = document.getElementById("funds-total-period");
+  const elPeriodSub = document.getElementById("funds-total-period-sub");
+  const elPeriodBanner = document.getElementById("funds-period-delta");
+  const elPeriodPct = document.getElementById("funds-period-pct");
+  const elDayChip = document.getElementById("funds-day-chip");
+  const elPnlBanner = document.getElementById("funds-pnl-banner");
   const elMeta = document.getElementById("funds-meta");
   const elDescBody = document.getElementById("funds-desc-body");
   const elChartSub = document.getElementById("funds-chart-sub");
@@ -50,6 +56,13 @@
     return sign + v.toFixed(2) + " U";
   }
 
+  function fmtPct(n) {
+    if (n == null || !Number.isFinite(Number(n))) return "—";
+    const v = Number(n);
+    const sign = v > 0 ? "+" : "";
+    return sign + v.toFixed(2) + "%";
+  }
+
   function deltaClass(n) {
     if (!Number.isFinite(Number(n))) return "";
     if (Number(n) > 0) return "pos";
@@ -193,6 +206,8 @@
         const ddPct = dd.max_drawdown_pct != null ? fmt(dd.max_drawdown_pct, 2) + "%" : "—";
         const deltaCls = deltaClass(ac.day_delta_usdt);
         const deltaText = monitored ? fmtDelta(ac.day_delta_usdt) : "—";
+        const periodCls = deltaClass(ac.period_delta_usdt);
+        const periodText = monitored ? fmtDelta(ac.period_delta_usdt) : "—";
         return (
           '<button type="button" class="funds-ac-card' +
           offCls +
@@ -227,6 +242,11 @@
           trading +
           "</span></div>" +
           optLine +
+          '<div><span class="k">累计盈亏</span><span class="v ' +
+          periodCls +
+          '">' +
+          periodText +
+          "</span></div>" +
           '<div><span class="k">较昨日</span><span class="v ' +
           deltaCls +
           '">' +
@@ -370,6 +390,35 @@
       elDelta.textContent = fmtDelta(totals.day_delta_usdt);
       elDelta.className = "funds-stat-val " + deltaClass(totals.day_delta_usdt);
     }
+    const periodCls = deltaClass(totals.period_delta_usdt);
+    if (elPeriod) {
+      elPeriod.textContent = fmtDelta(totals.period_delta_usdt);
+      elPeriod.className = "funds-stat-val " + periodCls;
+    }
+    if (elPeriodSub) {
+      const startDay = data.history_start_day || "—";
+      const pct = fmtPct(totals.period_delta_pct);
+      elPeriodSub.textContent =
+        pct !== "—"
+          ? "自 " + startDay + " · " + pct
+          : "自 " + startDay + " 起相对起点";
+    }
+    if (elPeriodBanner) {
+      elPeriodBanner.textContent = fmtDelta(totals.period_delta_usdt);
+      elPeriodBanner.className = "funds-pnl-value " + periodCls;
+    }
+    if (elPeriodPct) {
+      elPeriodPct.textContent = fmtPct(totals.period_delta_pct);
+      elPeriodPct.className = "funds-pnl-pct " + periodCls;
+    }
+    if (elDayChip) {
+      elDayChip.textContent = fmtDelta(totals.day_delta_usdt);
+      elDayChip.className = "funds-pnl-side-val " + deltaClass(totals.day_delta_usdt);
+    }
+    if (elPnlBanner) {
+      elPnlBanner.className =
+        "funds-pnl-banner" + (periodCls ? " is-" + periodCls : "");
+    }
     if (elMeta) {
       const parts = [
         "交易日 " + (data.trading_day || "—"),