feat: add selectable leverage threshold on ops map (90-300 step 10)

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

web/src/api/client.ts

@@ -264,6 +264,7 @@ export async function fetchOpsMap(params: {
   side?: string;
   bucket_minutes?: number;
   min_hours?: number;
+  min_leverage?: number;
 }): Promise<OpsMap> {
   const q = new URLSearchParams();
   q.set("range", params.range);
@@ -271,6 +272,7 @@ export async function fetchOpsMap(params: {
   if (params.side) q.set("side", params.side);
   if (params.bucket_minutes) q.set("bucket_minutes", String(params.bucket_minutes));
   if (params.min_hours != null) q.set("min_hours", String(params.min_hours));
+  if (params.min_leverage != null) q.set("min_leverage", String(params.min_leverage));
   const r = await apiFetch(`/api/stats/ops-map?${q}`);
   if (!r.ok) throw new Error(r.status === 401 ? "unauthorized" : "ops-map failed");
   return r.json();

web/src/pages/OpsMap.tsx

@@ -16,6 +16,7 @@ type RangeKey = "day" | "week" | "month";
 type SideKey = "both" | "C" | "P";
 
 const MIN_HOURS_OPTIONS = Array.from({ length: (48 - 8) / 2 + 1 }, (_, i) => 8 + i * 2);
+const MIN_LEVERAGE_OPTIONS = Array.from({ length: (300 - 90) / 10 + 1 }, (_, i) => 90 + i * 10);
 
 function todayYmd() {
   const d = new Date();
@@ -32,6 +33,7 @@ export default function OpsMapPage() {
   const [side, setSide] = useState<SideKey>("both");
   const [date, setDate] = useState(todayYmd());
   const [minHours, setMinHours] = useState(12);
+  const [minLeverage, setMinLeverage] = useState(100);
   const [moveMode, setMoveMode] = useState<"abs" | "signed">("abs");
   const [data, setData] = useState<OpsMap | null>(null);
   const [err, setErr] = useState<string | null>(null);
@@ -55,7 +57,14 @@ export default function OpsMapPage() {
     if (!ready || needLogin) return;
     let alive = true;
     setLoading(true);
-    fetchOpsMap({ range, date, side, bucket_minutes: 60, min_hours: minHours })
+    fetchOpsMap({
+      range,
+      date,
+      side,
+      bucket_minutes: 60,
+      min_hours: minHours,
+      min_leverage: minLeverage,
+    })
       .then((d) => {
         if (!alive) return;
         setData(d);
@@ -73,7 +82,7 @@ export default function OpsMapPage() {
     return () => {
       alive = false;
     };
-  }, [range, side, date, minHours, ready, needLogin]);
+  }, [range, side, date, minHours, minLeverage, ready, needLogin]);
 
   if (!ready) {
     return (
@@ -156,6 +165,20 @@ export default function OpsMapPage() {
             ))}
           </select>
         </label>
+        <label className="date-field">
+          达标线 ≥
+          <select
+            value={minLeverage}
+            onChange={(e) => setMinLeverage(Number(e.target.value))}
+            aria-label="杠杆达标线"
+          >
+            {MIN_LEVERAGE_OPTIONS.map((v) => (
+              <option key={v} value={v}>
+                {v}
+              </option>
+            ))}
+          </select>
+        </label>
       </div>
 
       {err && <p style={{ color: "#e85d5d" }}>{err}</p>}