fix(hedge): hide mode-specific fields and default to option-primary

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

lib/common/static/hedge_plan.js

@@ -37,7 +37,7 @@
     ooCloseModeEnabled: root.getAttribute("data-oo-close-mode-enabled") !== "0",
     ooCloseMode: "close_all",
     direction: "long",
-    optionPrimary: false,
+    optionPrimary: true,
     opLevTouched: false,
     opRatioTouched: false,
     tradingUsdc: null,
@@ -279,15 +279,18 @@
     });
     const ins = $("hp-po-fields-insurance");
     const op = $("hp-po-fields-option-primary");
+    // 保险模式只显示开仓价/张数/止盈止损;以期权为主只显示权利金等执行参数
     if (ins) {
       ins.classList.toggle("hidden", on);
       if (on) ins.setAttribute("hidden", "hidden");
       else ins.removeAttribute("hidden");
+      ins.style.display = on ? "none" : "";
     }
     if (op) {
       op.classList.toggle("hidden", !on);
       if (!on) op.setAttribute("hidden", "hidden");
       else op.removeAttribute("hidden");
+      op.style.display = on ? "" : "none";
     }
     const otmBtn = document.querySelector(".hp-money-otm");
     if (otmBtn) {
@@ -2533,5 +2536,6 @@
   applyBudgetBuffer(state.budgetBuffer);
   updateOoBudgetLine(null);
   bind();
+  syncOptionPrimaryUI();
   void refreshAll();
 })();

lib/common/static/instance_theme.css

@@ -3480,6 +3480,11 @@ html[data-theme="light"] .opt-be-dist-down {
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid rgba(255, 255, 255, 0.06);
 }
+/* display:grid 会盖掉 [hidden];模式切换必须显式 none */
+.hedge-plan-page-wrap .hp-po-fields.hidden,
+.hedge-plan-page-wrap .hp-po-fields[hidden] {
+  display: none !important;
+}
 .hedge-plan-page-wrap .hp-po-field {
   display: flex;
   flex-direction: column;

lib/hedge_plan/templates/hedge_plan_panel.html

@@ -43,7 +43,7 @@
   <div id="hp-tab-perp_options" class="hp-tab-panel" role="tabpanel">
     <div class="options-dual-grid" id="hp-po-layout">
       <div class="card hp-po-perp-card">
-        <h2><span id="hp-po-card-title">永续</span> · <span id="hp-perp-uly-label">ETH</span> <span class="muted hp-acct-tag" id="hp-perp-acct-tag">合约账户</span></h2>
+        <h2><span id="hp-po-card-title">执行参数</span> · <span id="hp-perp-uly-label">ETH</span> <span class="muted hp-acct-tag" id="hp-perp-acct-tag">合约账户</span></h2>
         <details class="tip-collapse hp-rule-collapse">
           <summary class="tip-collapse-summary">规则说明</summary>
           <div class="tip-collapse-body rule-tip">
@@ -57,18 +57,18 @@
           <button type="button" class="btn-secondary hp-uly-btn" data-uly="BTC">BTC</button>
         </div>
         <div class="form-row hp-po-mode-row" role="group" aria-label="永期模式">
-          <button type="button" class="btn-secondary hp-po-mode is-selected" data-option-primary="0">保险模式</button>
-          <button type="button" class="btn-secondary hp-po-mode" data-option-primary="1">以期权为主</button>
+          <button type="button" class="btn-secondary hp-po-mode" data-option-primary="0">保险模式</button>
+          <button type="button" class="btn-secondary hp-po-mode is-selected" data-option-primary="1">以期权为主</button>
         </div>
         <div class="hp-po-top">
           <div class="hp-oo-seg hp-po-dir-seg" role="group" aria-label="方向">
-            <button type="button" class="btn-secondary hp-po-dir is-selected" data-dir="long" title="做多"><span class="hp-oo-check" aria-hidden="true">✓</span>做多</button>
-            <button type="button" class="btn-secondary hp-po-dir" data-dir="short" title="做空"><span class="hp-oo-check" aria-hidden="true">✓</span>做空</button>
+            <button type="button" class="btn-secondary hp-po-dir is-selected" data-dir="long" title="做多=买Call+永续空"><span class="hp-oo-check" aria-hidden="true">✓</span>做多</button>
+            <button type="button" class="btn-secondary hp-po-dir" data-dir="short" title="做空=买Put+永续多"><span class="hp-oo-check" aria-hidden="true">✓</span>做空</button>
           </div>
           <span id="hp-po-mark" class="hp-po-mark" aria-live="polite">标记 —</span>
         </div>
         <p id="hp-perp-quote" class="muted hp-po-meta">加载中…</p>
-        <div class="hp-po-fields" id="hp-po-fields-insurance">
+        <div class="hp-po-fields hidden" id="hp-po-fields-insurance" hidden>
           <label class="hp-po-field">
             <span class="hp-po-field-lab">开仓价 <em>USDT</em></span>
             <input type="number" step="any" id="hp-entry" placeholder="入场价" autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-form-type="other" />
@@ -86,7 +86,7 @@
             <input type="number" step="any" id="hp-sl" placeholder="保护价" autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-form-type="other" />
           </label>
         </div>
-        <div class="hp-po-fields hidden" id="hp-po-fields-option-primary" hidden>
+        <div class="hp-po-fields" id="hp-po-fields-option-primary">
           <label class="hp-po-field">
             <span class="hp-po-field-lab">权利金 <em>USDC</em></span>
             <input type="number" step="any" id="hp-premium-budget" placeholder="预算(执行×0.95)" autocomplete="off" inputmode="decimal" data-lpignore="true" data-1p-ignore="true" data-form-type="other" />
@@ -126,13 +126,13 @@
         </div>
       </div>
       <div class="card hp-opt-card">
-        <h2>期权 · <span id="hp-opt-type-label">Put</span> <span class="muted hp-acct-tag" id="hp-opt-acct-tag">期权账户</span></h2>
-        <p id="hp-po-perp-quote-right" class="muted hp-po-meta hidden" hidden></p>
+        <h2>期权 · <span id="hp-opt-type-label">Call</span> <span class="muted hp-acct-tag" id="hp-opt-acct-tag">期权账户</span></h2>
+        <p id="hp-po-perp-quote-right" class="muted hp-po-meta"></p>
         <div class="form-row hp-opt-toolbar hp-po-opt-toolbar">
           <select id="hp-exp-select"><option value="">选择到期日</option></select>
           <button type="button" class="btn-secondary hp-money-btn active" data-money="itm" title="实值+平值">实值/平值</button>
           <button type="button" class="btn-secondary hp-money-btn" data-money="atm" title="仅平值">仅平值</button>
-          <button type="button" class="btn-secondary hp-money-btn hp-money-otm hidden" data-money="otm" title="虚值" hidden>虚值</button>
+          <button type="button" class="btn-secondary hp-money-btn hp-money-otm" data-money="otm" title="虚值">虚值</button>
           <button type="button" class="btn-secondary" id="hp-recommend-opt" title="推荐选约">推荐</button>
           <button type="button" class="btn-secondary" id="hp-load-chain">刷新链</button>
           <span id="hp-index-line" class="hp-po-index" aria-live="polite">指数 —</span>
@@ -368,4 +368,4 @@
     </div>
   </div>
 </div>
-<script src="/static/hedge_plan.js?v=38"></script>
+<script src="/static/hedge_plan.js?v=39"></script>