Implement P1 local matcher/ledger and P2 strategy engine.

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

frontend/src/pages/Stats.tsx

@@ -1,8 +1,64 @@
+import { useEffect, useState } from "react";
+import { apiFetch } from "../api/client";
+
+type Summary = {
+  groups: number;
+  wins: number;
+  win_rate: number;
+  total_pnl: number;
+  total_fees: number;
+  total_slip: number;
+  close_reasons: Record<string, number>;
+  equity_curve: { group_id: string; realized_pnl: number }[];
+};
+
 export default function StatsPage() {
+  const [s, setS] = useState<Summary | null>(null);
+  const [err, setErr] = useState("");
+
+  useEffect(() => {
+    apiFetch<Summary>("/api/stats/summary")
+      .then(setS)
+      .catch((e) => setErr(e instanceof Error ? e.message : String(e)));
+  }, []);
+
   return (
     <div className="card">
       <h2 style={{ marginTop: 0 }}>统计</h2>
-      <p style={{ color: "var(--muted)" }}>胜率 / 盈亏 / 手续费曲线将在有成交后展示。</p>
+      {err ? <div className="err">{err}</div> : null}
+      {!s ? (
+        <p style={{ color: "var(--muted)" }}>加载中…</p>
+      ) : (
+        <>
+          <div className="kv">
+            <span>组数 / 胜率</span>
+            <span className="mono">
+              {s.groups} / {(s.win_rate * 100).toFixed(1)}%
+            </span>
+          </div>
+          <div className="kv">
+            <span>总盈亏</span>
+            <span className="mono">{s.total_pnl.toFixed(2)}</span>
+          </div>
+          <div className="kv">
+            <span>总手续费 / 滑点</span>
+            <span className="mono">
+              {s.total_fees.toFixed(2)} / {s.total_slip.toFixed(2)}
+            </span>
+          </div>
+          <div className="kv">
+            <span>平仓原因</span>
+            <span className="mono">{JSON.stringify(s.close_reasons)}</span>
+          </div>
+          <h3>按组盈亏</h3>
+          {s.equity_curve.map((x) => (
+            <div key={x.group_id} className="kv">
+              <span className="mono">{x.group_id}</span>
+              <span className="mono">{x.realized_pnl.toFixed(2)}</span>
+            </div>
+          ))}
+        </>
+      )}
     </div>
   );
 }