Show option net P/L from bid recycle minus premium.

Rename floating P/L to net P/L, align ROI, and display bid depth as price/liquidity for only the levels needed to close.

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

lib/common/static/options_panel.js

@@ -372,16 +372,46 @@
     return price + "/" + size;
   }
 
+  /** 买盘深度:价格/流动性;仅展示平仓所需档位(买一不够才出买二…). */
   function fmtCloseLevels(preview, tickSz) {
     const levels = ((preview && preview.levels) || []).slice(0, 5);
     if (!levels.length) return "—";
     return levels.map(function (x, idx) {
       const levelNo = x.level != null ? x.level : idx + 1;
+      const liq = x.available_sheets != null ? x.available_sheets : x.sz;
       const pxTxt = fmtOptionPx(x.px, tickSz);
-      return "买" + levelNo + " " + pxTxt;
+      if (liq === null || liq === undefined || liq === "" || Number.isNaN(Number(liq))) {
+        return "买" + levelNo + " " + pxTxt;
+      }
+      const s = Number(liq);
+      const size = Math.abs(s - Math.round(s)) < 1e-9 ? String(Math.round(s)) : String(s);
+      return "买" + levelNo + " " + pxTxt + "/" + size;
     }).join(" · ");
   }
 
+  function netPnlFromPos(p) {
+    const preview = (p && p.close_preview) || {};
+    if (preview.estimated_pnl != null && !Number.isNaN(Number(preview.estimated_pnl))) {
+      return Number(preview.estimated_pnl);
+    }
+    const recv = Number(preview.total_received);
+    const prem = Number(p && p.premium_paid);
+    if (preview.total_received != null && !Number.isNaN(recv) && !Number.isNaN(prem)) {
+      return recv - prem;
+    }
+    return null;
+  }
+
+  function netRoiFromPos(p, net) {
+    const preview = (p && p.close_preview) || {};
+    if (preview.estimated_pnl_ratio_pct != null && !Number.isNaN(Number(preview.estimated_pnl_ratio_pct))) {
+      return Number(preview.estimated_pnl_ratio_pct);
+    }
+    const prem = Number(p && p.premium_paid);
+    if (net == null || Number.isNaN(prem) || prem <= 0) return null;
+    return (net / prem) * 100;
+  }
+
   function fmtUsdc(v) {
     if (v === null || v === undefined || Number.isNaN(Number(v))) return "—";
     return Number(v).toFixed(2);
@@ -821,8 +851,9 @@
   }
 
   function renderPositionCardInner(p) {
-    const upl = p.upl;
-    const uplCls = upl > 0 ? "pos-pnl-profit" : upl < 0 ? "pos-pnl-loss" : "";
+    const net = netPnlFromPos(p);
+    const roi = netRoiFromPos(p, net);
+    const uplCls = pnlCls(net);
     const sideCls = (p.opt_type || "").toUpperCase() === "P" ? "pos-side-short" : "pos-side-long";
     const expMs = p.exp_time_ms != null ? p.exp_time_ms : p.exp_time;
     const expAttr = expMs != null && expMs !== "" ? String(expMs) : "";
@@ -853,9 +884,10 @@
       '<div class="pos-cell"><span class="pos-label">指数价</span><span class="pos-value">' + fmt(p.idx_px, 0) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">到期平衡</span><span class="pos-value">' + fmt(p.expiry_be_px, 0) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">平掉回本</span><span class="pos-value">' + fmt(p.close_be_px, 0) + "</span></div>" +
-      '<div class="pos-cell"><span class="pos-label">浮盈亏</span><span class="pos-value ' + uplCls + '">' + fmt(p.upl, 2) + "</span></div>" +
+      '<div class="pos-cell"><span class="pos-label">净盈亏</span><span class="pos-value ' + uplCls + '">' +
+      (net == null ? "—" : fmt(net, 2)) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">收益率</span><span class="pos-value ' + uplCls + '">' +
-      (p.upl_ratio_pct != null ? fmt(p.upl_ratio_pct, 2) + "%" : "—") + "</span></div>" +
+      (roi == null ? "—" : fmt(roi, 2) + "%") + "</span></div>" +
       '<div class="pos-cell opt-pos-cell--depth"><span class="pos-label">买盘深度</span><span class="pos-value opt-bid-plain">' + fmtCloseLevels(closePreview, tickSz) + "</span></div>" +
       '<div class="pos-cell opt-pos-cell--close"><span class="pos-label">按买盘回收</span><span class="pos-value">' + fmtClosePreview(closePreview, p.premium_paid) + "</span></div>" +
       "</div>" +
@@ -957,8 +989,9 @@
   }
 
   function renderPositionAccordionItem(p, expanded) {
-    const upl = p.upl;
-    const uplCls = upl > 0 ? "pos-pnl-profit" : upl < 0 ? "pos-pnl-loss" : "";
+    const net = netPnlFromPos(p);
+    const roi = netRoiFromPos(p, net);
+    const uplCls = pnlCls(net);
     const sideCls = (p.opt_type || "").toUpperCase() === "P" ? "pos-side-short" : "pos-side-long";
     const expMs = p.exp_time_ms != null ? p.exp_time_ms : p.exp_time;
     const expAttr = expMs != null && expMs !== "" ? String(expMs) : "";
@@ -978,9 +1011,9 @@
       (expAttr
         ? '<span class="opt-pos-bar-cd">到期 <span class="opt-expiry-cd" data-opt-exp-ms="' + expAttr + '">—</span></span>'
         : "") +
-      '<span class="opt-pos-bar-pnl ' + uplCls + '">' + fmt(p.upl, 2) + " USDC</span>" +
+      '<span class="opt-pos-bar-pnl ' + uplCls + '">' + (net == null ? "—" : fmt(net, 2) + " USDC") + "</span>" +
       '<span class="opt-pos-bar-roi ' + uplCls + '">' +
-      (p.upl_ratio_pct != null ? fmt(p.upl_ratio_pct, 2) + "%" : "—") + "</span>" +
+      (roi == null ? "—" : fmt(roi, 2) + "%") + "</span>" +
       "</span>" +
       "</button>" +
       '<div class="opt-pos-accordion-body"' + (expanded ? "" : ' hidden') + '>' +

lib/common/static/options_position_cards.js

@@ -41,15 +41,49 @@
     return "";
   }
 
+  function fmtPxSz(px, sz, tickSz) {
+    if (px === null || px === undefined || Number.isNaN(Number(px))) return "—";
+    let price = fmtOptionPx(px, tickSz);
+    if (sz === null || sz === undefined || sz === "" || Number.isNaN(Number(sz))) return price;
+    const s = Number(sz);
+    const size = Math.abs(s - Math.round(s)) < 1e-9 ? String(Math.round(s)) : String(s);
+    return price + "/" + size;
+  }
+
+  /** 买盘深度:价格/流动性;仅展示平仓所需档位(买一不够才出买二…). */
   function fmtCloseLevels(preview, tickSz) {
     const levels = ((preview && preview.levels) || []).slice(0, 5);
     if (!levels.length) return "—";
     return levels.map(function (x, idx) {
       const levelNo = x.level != null ? x.level : idx + 1;
-      return "买" + levelNo + " " + fmtOptionPx(x.px, tickSz);
+      const liq = x.available_sheets != null ? x.available_sheets : x.sz;
+      return "买" + levelNo + " " + fmtPxSz(x.px, liq, tickSz);
     }).join(" · ");
   }
 
+  function netPnlFromPos(p) {
+    const preview = (p && p.close_preview) || {};
+    if (preview.estimated_pnl != null && !Number.isNaN(Number(preview.estimated_pnl))) {
+      return Number(preview.estimated_pnl);
+    }
+    const recv = Number(preview.total_received);
+    const prem = Number(p && p.premium_paid);
+    if (preview.total_received != null && !Number.isNaN(recv) && !Number.isNaN(prem)) {
+      return recv - prem;
+    }
+    return null;
+  }
+
+  function netRoiFromPos(p, net) {
+    const preview = (p && p.close_preview) || {};
+    if (preview.estimated_pnl_ratio_pct != null && !Number.isNaN(Number(preview.estimated_pnl_ratio_pct))) {
+      return Number(preview.estimated_pnl_ratio_pct);
+    }
+    const prem = Number(p && p.premium_paid);
+    if (net == null || Number.isNaN(prem) || prem <= 0) return null;
+    return (net / prem) * 100;
+  }
+
   function fmtClosePreview(preview, premiumPaid, hub) {
     if (!preview || preview.total_received == null) return "—";
     const recvTxt = fmtUsdc(preview.total_received);
@@ -73,8 +107,9 @@
     opts = opts || {};
     const hub = !!opts.hub;
     const readOnly = !!opts.readOnly;
-    const upl = p.upl;
-    const uplCls = pnlCls(upl, hub);
+    const net = netPnlFromPos(p);
+    const roi = netRoiFromPos(p, net);
+    const uplCls = pnlCls(net, hub);
     const sideCls = (p.opt_type || "").toUpperCase() === "P" ? "pos-side-short" : "pos-side-long";
     const expMs = p.exp_time_ms != null ? p.exp_time_ms : p.exp_time;
     const expAttr = expMs != null && expMs !== "" ? String(expMs) : "";
@@ -111,9 +146,10 @@
       '<div class="pos-cell"><span class="pos-label">指数价</span><span class="pos-value">' + fmt(p.idx_px, 0) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">到期平衡</span><span class="pos-value">' + fmt(p.expiry_be_px, 0) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">平掉回本</span><span class="pos-value">' + fmt(p.close_be_px, 0) + "</span></div>" +
-      '<div class="pos-cell"><span class="pos-label">浮盈亏</span><span class="pos-value ' + uplCls + '">' + fmt(p.upl, 2) + "</span></div>" +
+      '<div class="pos-cell"><span class="pos-label">净盈亏</span><span class="pos-value ' + uplCls + '">' +
+      (net == null ? "—" : fmt(net, 2)) + "</span></div>" +
       '<div class="pos-cell"><span class="pos-label">收益率</span><span class="pos-value ' + uplCls + '">' +
-      (p.upl_ratio_pct != null ? fmt(p.upl_ratio_pct, 2) + "%" : "—") + "</span></div>" +
+      (roi == null ? "—" : fmt(roi, 2) + "%") + "</span></div>" +
       '<div class="pos-cell opt-pos-cell--depth"><span class="pos-label">买盘深度</span><span class="pos-value opt-bid-plain">' + fmtCloseLevels(closePreview, tickSz) + "</span></div>" +
       '<div class="pos-cell opt-pos-cell--close"><span class="pos-label">按买盘回收</span><span class="pos-value">' + fmtClosePreview(closePreview, p.premium_paid, hub) + "</span></div>" +
       "</div>" +