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

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

web/dist/index.html

@@ -126,6 +126,9 @@
         <label class="date-field">距离到期 ≥
           <select id="minHours" aria-label="距离到期最小小时数"></select>
         </label>
+        <label class="date-field">达标线 ≥
+          <select id="minLeverage" aria-label="杠杆达标线"></select>
+        </label>
       </div>
       <div class="row">
         <div class="tile"><div class="label">范围</div><div class="value" id="opsRange" style="font-size:1.05rem">—</div><div class="hint" id="opsSamples">—</div></div>
@@ -214,7 +217,7 @@
   </div>
   <script>
     const TOKEN_KEY = "mi_token";
-    const state = { page: "dash", range: "day", side: "both", moveMode: "abs", minHours: 12, lastMov: null, authRequired: false, loadedUsername: "admin" };
+    const state = { page: "dash", range: "day", side: "both", moveMode: "abs", minHours: 12, minLeverage: 100, lastMov: null, authRequired: false, loadedUsername: "admin" };
     function getToken() { try { return localStorage.getItem(TOKEN_KEY); } catch { return null; } }
     function setToken(t) { try { if (t) localStorage.setItem(TOKEN_KEY, t); else localStorage.removeItem(TOKEN_KEY); } catch {} }
     function authHeaders() {
@@ -246,6 +249,16 @@
         sel.appendChild(opt);
       }
     })();
+    (function initMinLeverage() {
+      const sel = document.getElementById("minLeverage");
+      for (let v = 90; v <= 300; v += 10) {
+        const opt = document.createElement("option");
+        opt.value = String(v);
+        opt.textContent = String(v);
+        if (v === state.minLeverage) opt.selected = true;
+        sel.appendChild(opt);
+      }
+    })();
 
     function showLogin() {
       document.getElementById("page-login").classList.remove("hidden");
@@ -557,6 +570,10 @@
       state.minHours = Number(document.getElementById("minHours").value) || 12;
       loadOps();
     });
+    document.getElementById("minLeverage").addEventListener("change", () => {
+      state.minLeverage = Number(document.getElementById("minLeverage").value) || 100;
+      loadOps();
+    });
 
     function drawChart(buckets, minLev) {
       const svg = document.getElementById("levChart");
@@ -704,6 +721,7 @@
         bucket_minutes: "60",
         date,
         min_hours: String(state.minHours || 12),
+        min_leverage: String(state.minLeverage || 100),
       });
       try {
         const d = await apiFetch("/api/stats/ops-map?" + q).then(r => {

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>}