Add live expiry countdown for options positions on instance page and trading hub.

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

manual_trading_hub/static/app.js

@@ -2250,6 +2250,9 @@
       TimeCloseUI.tickLocalCountdowns();
     }
     ensureHubHoldDurationTimer();
+    if (window.OptionsExpiryCountdown && OptionsExpiryCountdown.ensureTimer) {
+      OptionsExpiryCountdown.ensureTimer();
+    }
 
     if (expandedExchangeId && fs && fsInner) {
       const row = rows.find((r) => String(r.id) === String(expandedExchangeId));
@@ -2264,6 +2267,9 @@
             TimeCloseUI.tickLocalCountdowns();
           }
           ensureHubHoldDurationTimer();
+          if (window.OptionsExpiryCountdown && OptionsExpiryCountdown.ensureTimer) {
+            OptionsExpiryCountdown.ensureTimer();
+          }
           fsInner.querySelectorAll(".btn-expand-back").forEach((btn) => {
             btn.onclick = (ev) => {
               ev.stopPropagation();
@@ -3472,10 +3478,16 @@
     return s.slice(0, 10) + "…" + s.slice(-8);
   }
 
+  function optionsExpiryCdHtml(expMs) {
+    const ms = expMs != null && expMs !== "" ? String(expMs) : "";
+    if (!ms) return "—";
+    return `<span class="opt-expiry-cd" data-opt-exp-ms="${esc(ms)}">—</span>`;
+  }
+
   function renderOptionsPositionsTable(pos) {
     if (!pos.length) return '<div class="empty-hint">暂无期权持仓</div>';
     let html = '<div class="table-wrap hub-options-table-wrap"><table class="hub-options-table"><thead><tr>';
-    html += "<th>合约</th><th>类型</th><th>张数</th><th>指数</th><th>到期平衡</th><th>平掉回本</th><th>浮盈</th><th>浮盈%</th>";
+    html += "<th>合约</th><th>类型</th><th>张数</th><th>到期倒计时</th><th>指数</th><th>到期平衡</th><th>平掉回本</th><th>浮盈</th><th>浮盈%</th>";
     html += "</tr></thead><tbody>";
     pos.forEach((p) => {
       const optType = (p.opt_type || "").toUpperCase() === "C" ? "Call" : (p.opt_type || "").toUpperCase() === "P" ? "Put" : (p.opt_type || "—");
@@ -3483,6 +3495,7 @@
         <td><code class="hub-options-inst" title="${esc(p.inst_id || "")}">${esc(shortOptionsInst(p.inst_id))}</code></td>
         <td>${esc(optType)}</td>
         <td>${esc(p.pos)}</td>
+        <td>${optionsExpiryCdHtml(p.exp_time_ms != null ? p.exp_time_ms : p.exp_time)}</td>
         <td>${p.idx_px != null ? fmt(p.idx_px, 0) : "—"}</td>
         <td>${p.expiry_be_px != null ? fmt(p.expiry_be_px, 0) : "—"}</td>
         <td>${p.close_be_px != null ? fmt(p.close_be_px, 0) : "—"}</td>