Show hedge targets in options monitoring

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

lib/common/static/hedge_plan.js

@@ -904,7 +904,7 @@
           "\"><code>" +
           contracts +
           "</code></td><td>" +
-          (p.status || "") +
+          '<span class="hp-plan-active">进行中</span>' +
           "</td><td>" +
           activeTargetLabel(p) +
           "</td><td>" +

lib/common/static/instance_theme.css

@@ -3238,6 +3238,10 @@ html[data-theme="light"] .opt-be-dist-down {
 .hedge-plan-page-wrap .hp-pnl-pos {
   color: #7ee787;
 }
+.hedge-plan-page-wrap .hp-plan-active {
+  color: #7ee787;
+  font-weight: 700;
+}
 .hedge-plan-page-wrap .hp-pnl-neg {
   color: #ff8a8a;
 }
@@ -4255,6 +4259,15 @@ html[data-theme="light"] .options-stats-pnl-summary .options-stat-item {
   color: #9ad0ff;
   font-variant-numeric: tabular-nums;
 }
+.options-page-wrap .opt-target-row--managed {
+  border-color: rgba(126, 231, 135, 0.38);
+  background: rgba(46, 160, 67, 0.08);
+}
+.options-page-wrap .opt-target-row--managed .opt-target-armed,
+.options-page-wrap .opt-target-mon-managed {
+  color: #7ee787;
+  font-weight: 600;
+}
 .options-page-wrap .opt-target-est {
   display: inline-flex;
   flex-wrap: wrap;
@@ -4320,6 +4333,13 @@ html[data-theme="light"] .options-stats-pnl-summary .options-stat-item {
   padding: 2px 8px;
   font-size: 0.7rem;
 }
+.opt-target-mon-item--managed {
+  border-color: rgba(126, 231, 135, 0.28);
+}
+.opt-target-mon-managed {
+  margin-left: auto;
+  font-size: 0.72rem;
+}
 .options-page-wrap .opt-bid-plain {
   color: #dbe6ff;
   font-variant-numeric: tabular-nums;

lib/common/static/options_panel.js

@@ -1217,6 +1217,23 @@
 
   function renderTargetDelegateRow(p) {
     const inst = p.inst_id || "";
+    const hedgeTarget = p.hedge_plan_target || null;
+    if (hedgeTarget && Number(hedgeTarget.target_index) > 0) {
+      const side = (p.opt_type || hedgeTarget.opt_type || "").toUpperCase() === "P" ? "Put ≤" : "Call ≥";
+      return (
+        '<div class="opt-target-row opt-target-row--managed">' +
+        '<span class="opt-target-row-label">对冲计划</span>' +
+        '<span class="opt-target-armed">计划 #' +
+        hedgeTarget.plan_id +
+        " · " +
+        side +
+        " " +
+        fmt(hedgeTarget.target_index, 1) +
+        "</span>" +
+        '<span class="muted opt-target-row-hint">进行中 · 由对冲计划监控，到位后仅平盈利腿</span>' +
+        "</div>"
+      );
+    }
     const tgt = p.target_index != null && p.target_index !== "" ? Number(p.target_index) : null;
     const armed = tgt != null && Number.isFinite(tgt) && tgt > 0;
     const ethAmt = posEthAmount(p);
@@ -1458,11 +1475,14 @@
     box.hidden = false;
     host.innerHTML = rows.map(function (t) {
       const side = (t.opt_type || "").toUpperCase() === "P" ? "Put ≤" : "Call ≥";
+      const managed = t.managed_by === "hedge_plan";
       return (
-        '<div class="opt-target-mon-item">' +
+        '<div class="opt-target-mon-item' + (managed ? " opt-target-mon-item--managed" : "") + '">' +
         '<code class="opt-target-mon-inst" title="' + (t.inst_id || "") + '">' + (t.inst_id || "") + "</code>" +
         '<span class="opt-target-mon-rule">' + side + " " + fmt(t.target_index, 1) + "</span>" +
-        '<button type="button" class="btn-secondary opt-target-mon-cancel" data-inst="' + (t.inst_id || "") + '">取消</button>' +
+        (managed
+          ? '<span class="opt-target-mon-managed">对冲计划 #' + (t.plan_id || "") + " · 进行中</span>"
+          : '<button type="button" class="btn-secondary opt-target-mon-cancel" data-inst="' + (t.inst_id || "") + '">取消</button>') +
         "</div>"
       );
     }).join("");
@@ -1634,16 +1654,28 @@
     if (seq !== positionsRefreshSeq) return;
     const list = resolvePositionsList(d);
     paintPositions(list);
-    const fromPos = list
-      .filter(function (p) { return p && p.target_index != null; })
-      .map(function (p) {
-        return {
+    const fromPos = list.reduce(function (targets, p) {
+      if (!p) return targets;
+      if (p.target_index != null) {
+        targets.push({
           id: p.target_monitor_id,
           inst_id: p.inst_id,
           opt_type: p.opt_type,
           target_index: p.target_index,
-        };
-      });
+        });
+      }
+      const hedgeTarget = p.hedge_plan_target;
+      if (hedgeTarget && hedgeTarget.target_index != null) {
+        targets.push({
+          inst_id: p.inst_id,
+          opt_type: p.opt_type || hedgeTarget.opt_type,
+          target_index: hedgeTarget.target_index,
+          plan_id: hedgeTarget.plan_id,
+          managed_by: hedgeTarget.managed_by,
+        });
+      }
+      return targets;
+    }, []);
     if (fromPos.length) {
       paintTargetMonitors(fromPos);
     } else {