Allow entering sheet counts for each options-options hedge leg.

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

lib/common/static/hedge_plan.js

@@ -494,26 +494,64 @@
   }
 
   function renderOoLegs() {
-    const el = $("hp-oo-legs");
+    function fill(tag, c, infoId, sheetsId) {
-    if (!el) return;
+      const info = $(infoId);
-    function one(tag, c) {
+      const sheets = $(sheetsId);
-      if (!c) return tag + ": —";
+      if (!info) return;
-      return (
+      if (!c) {
+        info.textContent = tag + ": 尚未选用";
+        if (sheets) {
+          sheets.disabled = true;
+          sheets.value = "1";
+        }
+        return;
+      }
+      info.innerHTML =
         tag +
-        ": " +
+        ": <strong>" +
         c.opt_type +
         " K" +
         c.strike +
-        " " +
+        "</strong> " +
         (c.moneyness_label || "") +
-        " ask=" +
+        " · 卖一 " +
         fmtPxSz(c.ask, c.ask_sz, c.ask_estimated, c.tick_sz) +
-        " (" +
+        " <code>" +
         c.inst_id +
-        ")"
+        "</code>";
-      );
+      if (sheets) sheets.disabled = false;
     }
-    el.innerHTML = one("腿A", state.legA) + "<br/>" + one("腿B", state.legB);
+    fill("腿A", state.legA, "hp-oo-leg-a-info", "hp-oo-sheets-a");
+    fill("腿B", state.legB, "hp-oo-leg-b-info", "hp-oo-sheets-b");
+    updateOoPremiumLine();
+  }
+
+  function ooSheets(id) {
+    const n = Number(($(id) && $(id).value) || 1);
+    return n > 0 ? n : 1;
+  }
+
+  function updateOoPremiumLine() {
+    const line = $("hp-oo-prem-line");
+    if (!line) return;
+    if (!state.legA && !state.legB) {
+      line.textContent = "";
+      return;
+    }
+    function prem(c, sheets) {
+      if (!c) return 0;
+      return Number(c.ask || 0) * sheets * Number(c.ct_mult || 0.01);
+    }
+    const a = prem(state.legA, ooSheets("hp-oo-sheets-a"));
+    const b = prem(state.legB, ooSheets("hp-oo-sheets-b"));
+    line.textContent =
+      "预估权利金 A " +
+      fmt(a, 4) +
+      " + B " +
+      fmt(b, 4) +
+      " ≈ " +
+      fmt(a + b, 4) +
+      " USDC";
   }
 
   function legPayload(c, sheets) {
@@ -543,7 +581,15 @@
     if ($("hp-target")) $("hp-target").value = "";
     if ($("hp-sel-inst")) $("hp-sel-inst").textContent = "—";
     if ($("hp-premium-line")) $("hp-premium-line").textContent = "";
-    if ($("hp-oo-legs")) $("hp-oo-legs").textContent = "尚未选用两腿";
+    if ($("hp-oo-sheets-a")) {
+      $("hp-oo-sheets-a").value = "1";
+      $("hp-oo-sheets-a").disabled = true;
+    }
+    if ($("hp-oo-sheets-b")) {
+      $("hp-oo-sheets-b").value = "1";
+      $("hp-oo-sheets-b").disabled = true;
+    }
+    renderOoLegs();
     void refreshAll();
   }
 
@@ -561,8 +607,8 @@
           plan_type: "options_options",
           target_price: target,
           index_px: (state.chain && state.chain.index_px) || target,
-          leg_a: legPayload(state.legA, 1),
+          leg_a: legPayload(state.legA, ooSheets("hp-oo-sheets-a")),
-          leg_b: legPayload(state.legB, 1),
+          leg_b: legPayload(state.legB, ooSheets("hp-oo-sheets-b")),
         };
       } else {
         if (!state.selected) throw new Error("请选用期权腿");
@@ -708,6 +754,10 @@
     if ($("hp-exp-select")) $("hp-exp-select").addEventListener("change", renderListStrikes);
     if ($("hp-oo-exp-select")) $("hp-oo-exp-select").addEventListener("change", renderTStrikes);
     if ($("hp-sheets")) $("hp-sheets").addEventListener("input", updatePremiumLine);
+    ["hp-oo-sheets-a", "hp-oo-sheets-b"].forEach(function (id) {
+      const el = $(id);
+      if (el) el.addEventListener("input", updateOoPremiumLine);
+    });
     if ($("hp-preview-btn"))
       $("hp-preview-btn").addEventListener("click", function () {
         state.mode = "perp_options";

lib/common/static/instance_theme.css

@@ -3234,6 +3234,26 @@ html[data-theme="light"] .opt-be-dist-down {
 .hedge-plan-page-wrap .hp-pnl-neg {
   color: #ff8a8a;
 }
+.hedge-plan-page-wrap .hp-oo-legs {
+  margin-top: 8px;
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.hedge-plan-page-wrap .hp-oo-leg-row {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  padding: 8px 10px;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.03);
+  border: 1px solid rgba(255, 255, 255, 0.06);
+}
+.hedge-plan-page-wrap .hp-oo-leg-row input[type="number"] {
+  width: 72px;
+}
 .hedge-plan-page-wrap .form-row label,
 .hedge-plan-page-wrap .form-row select,
 .hedge-plan-page-wrap .form-row input,

lib/hedge_plan/templates/hedge_plan_panel.html

@@ -124,7 +124,22 @@
         </div>
         <div id="hp-oo-index" class="muted hp-quote-line"></div>
         <div id="hp-oo-bal-line" class="muted hp-quote-line"></div>
-        <div id="hp-oo-legs" class="muted" style="margin-top:8px;line-height:1.6">尚未选用两腿</div>
+        <p class="muted hp-unit-hint">单位说明:目标价=指数价(USD) · 张数=<strong>期权张</strong>(整张) · 权利金结算币=USDC</p>
+        <div id="hp-oo-legs" class="hp-oo-legs">
+          <div class="hp-oo-leg-row" data-leg="a">
+            <div class="muted" id="hp-oo-leg-a-info">腿A: 尚未选用</div>
+            <label>张数 <span class="hp-unit">期权张</span>
+              <input type="number" step="1" min="1" id="hp-oo-sheets-a" value="1" disabled />
+            </label>
+          </div>
+          <div class="hp-oo-leg-row" data-leg="b">
+            <div class="muted" id="hp-oo-leg-b-info">腿B: 尚未选用</div>
+            <label>张数 <span class="hp-unit">期权张</span>
+              <input type="number" step="1" min="1" id="hp-oo-sheets-b" value="1" disabled />
+            </label>
+          </div>
+          <p class="muted" id="hp-oo-prem-line"></p>
+        </div>
       </div>
       <div class="card">
         <h2>期权 T 型报价</h2>
@@ -195,4 +210,4 @@
     </div>
   </div>
 </div>
-<script src="/static/hedge_plan.js?v=7"></script>
+<script src="/static/hedge_plan.js?v=8"></script>

lib/instance/templates/embed_shell.html

@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="/static/instance_theme_early.css?v=4">
     <link rel="stylesheet" href="/static/account_risk_badge.css?v=4">
     <link rel="stylesheet" href="/static/instance_page.css?v=6">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=86">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=87">
     <script src="/static/account_risk_badge.js?v=4"></script>
     <meta name="theme-color" content="#0b0d14">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>

lib/instance/templates/index.html

@@ -17,7 +17,7 @@
     <link rel="manifest" href="/static/icons/manifest.webmanifest">
     <title>{{ exchange_display }} · 加密货币 | 交易监控复盘系统</title>
     <link rel="stylesheet" href="/static/instance_page.css?v=3">
-    <link rel="stylesheet" href="/static/instance_theme.css?v=86">
+    <link rel="stylesheet" href="/static/instance_theme.css?v=87">
 
 </head>
 <body