feat: add min hours-to-expiry filter on ops map (8-48h step 2)

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

web/src/pages/OpsMap.tsx

@@ -15,6 +15,8 @@ import { leverageSummary, moveSummary } from "../lib/opsSummary";
 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);
+
 function todayYmd() {
   const d = new Date();
   const y = d.getFullYear();
@@ -29,6 +31,7 @@ export default function OpsMapPage() {
   const [range, setRange] = useState<RangeKey>("day");
   const [side, setSide] = useState<SideKey>("both");
   const [date, setDate] = useState(todayYmd());
+  const [minHours, setMinHours] = useState(12);
   const [moveMode, setMoveMode] = useState<"abs" | "signed">("abs");
   const [data, setData] = useState<OpsMap | null>(null);
   const [err, setErr] = useState<string | null>(null);
@@ -52,7 +55,7 @@ export default function OpsMapPage() {
     if (!ready || needLogin) return;
     let alive = true;
     setLoading(true);
-    fetchOpsMap({ range, date, side, bucket_minutes: 60 })
+    fetchOpsMap({ range, date, side, bucket_minutes: 60, min_hours: minHours })
       .then((d) => {
         if (!alive) return;
         setData(d);
@@ -70,7 +73,7 @@ export default function OpsMapPage() {
     return () => {
       alive = false;
     };
-  }, [range, side, date, ready, needLogin]);
+  }, [range, side, date, minHours, ready, needLogin]);
 
   if (!ready) {
     return (
@@ -122,6 +125,20 @@ export default function OpsMapPage() {
           锚点日
           <input type="date" value={date} onChange={(e) => setDate(e.target.value)} />
         </label>
+        <label className="date-field">
+          距离到期 ≥
+          <select
+            value={minHours}
+            onChange={(e) => setMinHours(Number(e.target.value))}
+            aria-label="距离到期最小小时数"
+          >
+            {MIN_HOURS_OPTIONS.map((h) => (
+              <option key={h} value={h}>
+                {h}h
+              </option>
+            ))}
+          </select>
+        </label>
       </div>
 
       {err && <p style={{ color: "#e85d5d" }}>{err}</p>}