Show option bid as price/size and option leverage on plan and trades.

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

frontend/src/api/client.ts

@@ -273,6 +273,8 @@ export type PlanState = {
     option_qty_eth?: number;
     option_qty_contracts?: number;
     option_mark_px?: number | null;
+    option_bid_sz?: number | null;
+    option_leverage?: number | null;
     strike?: number | null;
     expiry_ymd?: string | null;
     expiry_ms?: number | null;

frontend/src/pages/Plan.tsx

@@ -14,6 +14,14 @@ function fmtTop(px: number | null | undefined, sz: number | null | undefined) {
   return `${fmt(px)}(${s})`;
 }
 
+/** 持仓买一：价格/流动性张数，如 17.00/4000 */
+function fmtBidLiq(px: number | null | undefined, sz: number | null | undefined) {
+  if (px == null || Number.isNaN(px)) return "—";
+  if (sz == null || Number.isNaN(sz)) return fmt(px);
+  const s = sz >= 100 ? sz.toFixed(0) : sz >= 10 ? sz.toFixed(1) : sz.toFixed(2);
+  return `${fmt(px)}/${s}`;
+}
+
 function pnlClass(n: number | null | undefined) {
   if (n == null || Number.isNaN(n) || n === 0) return "";
   return n > 0 ? "pos-pnl-profit" : "pos-pnl-loss";
@@ -638,6 +646,9 @@ export default function PlanPage() {
                     <span className="pos-meta-item mono">
                       {fmt(pos?.option_qty_eth, 2)} ETH · {fmt(pos?.option_qty_contracts, 0)} 张
                     </span>
+                    <span className="pos-meta-item mono" title="开仓指数÷开仓均价">
+                      杠杆 {fmt(pos?.option_leverage, 0)}x
+                    </span>
                   </div>
                   <div className="pos-grid">
                     <div className="pos-cell">
@@ -646,7 +657,9 @@ export default function PlanPage() {
                     </div>
                     <div className="pos-cell">
                       <span className="pos-label">买一</span>
-                      <span className="pos-value mono">{fmt(pos?.option_mark_px)}</span>
+                      <span className="pos-value mono">
+                        {fmtBidLiq(pos?.option_mark_px, pos?.option_bid_sz)}
+                      </span>
                     </div>
                     <div className="pos-cell">
                       <span className="pos-label">

frontend/src/pages/Trades.tsx

@@ -47,6 +47,7 @@ type Group = {
   entry_index_px?: number | null;
   close_index_px?: number | null;
   move_points?: number | null;
+  option_leverage?: number | null;
   exec_mode?: string | null;
   expiry_settle?: ExpirySettle | null;
   pnl_summary?: PnlSummary;
@@ -207,6 +208,9 @@ export default function TradesPage() {
             开 {fmtTime(openMs)} · 平 {fmtTime(closeMs)} · 周期{" "}
             {fmtHold(g.hold_ms)}
             {g.move_points != null ? ` · 波动 ${fmtMovePoints(g.move_points)}` : ""}
+            {g.option_leverage != null
+              ? ` · 期权杠杆 ${fmt(g.option_leverage, 0)}x`
+              : ""}
           </span>
         </div>
         <div className={`trade-row-pnl mono ${pnlClass(listPnl)}`}>
@@ -255,6 +259,7 @@ export default function TradesPage() {
                     <th>开仓时间</th>
                     <th>平仓时间</th>
                     <th>持仓时长</th>
+                    <th>期权杠杆</th>
                     <th>波动点数</th>
                     <th>盈亏金额</th>
                     <th>平仓方式</th>
@@ -281,6 +286,11 @@ export default function TradesPage() {
                         <td className="mono">{fmtTime(openMs)}</td>
                         <td className="mono">{fmtTime(closeMs)}</td>
                         <td className="mono">{fmtHold(g.hold_ms)}</td>
+                        <td className="mono">
+                          {g.option_leverage != null
+                            ? `${fmt(g.option_leverage, 0)}x`
+                            : "—"}
+                        </td>
                         <td className="mono">{fmtMovePoints(g.move_points)}</td>
                         <td className={`mono ${pnlClass(listPnl)}`}>
                           {fmt(listPnl)}
@@ -402,6 +412,14 @@ export default function TradesPage() {
                         {fmtHold(selectedGroup.hold_ms)}
                       </span>
                     </div>
+                    <div className="kv">
+                      <span>期权杠杆</span>
+                      <span className="mono">
+                        {selectedGroup.option_leverage != null
+                          ? `${fmt(selectedGroup.option_leverage, 0)}x`
+                          : "—"}
+                      </span>
+                    </div>
                     <div className="kv">
                       <span>波动点数</span>
                       <span className="mono">