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

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

lib/common/static/instance_theme.css

@@ -2890,6 +2890,16 @@ html[data-theme="light"] .options-estimate-row {
 .opt-pos-card {
   margin-bottom: 10px;
 }
+.opt-expiry-cd {
+  font-variant-numeric: tabular-nums;
+  font-weight: 600;
+}
+.opt-expiry-cd--urgent {
+  color: #ffb347;
+}
+.opt-expiry-cd--expired {
+  color: var(--muted);
+}
 .settings-card--compact .options-settings-section {
   margin-bottom: 8px;
 }

lib/common/static/options_expiry_countdown.js

@@ -0,0 +1,58 @@
+/**
+ * 期权到期倒计时（实例期权页 + 中控监控/看板共用）
+ */
+(function (global) {
+  function normalizeExpMs(v) {
+    if (v == null || v === "") return null;
+    var n = Number(v);
+    if (!Number.isFinite(n) || n <= 0) return null;
+    if (n < 1e12) n *= 1000;
+    return n;
+  }
+
+  function formatCountdown(expMs, nowMs) {
+    var ms = normalizeExpMs(expMs);
+    if (ms == null) return "—";
+    var now = nowMs != null ? nowMs : Date.now();
+    var rem = Math.max(0, Math.floor((ms - now) / 1000));
+    if (rem <= 0) return "已到期";
+    var d = Math.floor(rem / 86400);
+    var h = Math.floor((rem % 86400) / 3600);
+    var m = Math.floor((rem % 3600) / 60);
+    var s = rem % 60;
+    var pad = function (x) {
+      return String(x).padStart(2, "0");
+    };
+    if (d > 0) return d + "天 " + pad(h) + ":" + pad(m) + ":" + pad(s);
+    return pad(h) + ":" + pad(m) + ":" + pad(s);
+  }
+
+  function tick(root) {
+    var scope = root && root.querySelectorAll ? root : document;
+    var now = Date.now();
+    scope.querySelectorAll("[data-opt-exp-ms]").forEach(function (el) {
+      var exp = el.getAttribute("data-opt-exp-ms");
+      var text = formatCountdown(exp, now);
+      el.textContent = text;
+      var expMs = normalizeExpMs(exp);
+      el.classList.toggle("opt-expiry-cd--urgent", expMs != null && expMs - now > 0 && expMs - now < 3600000);
+      el.classList.toggle("opt-expiry-cd--expired", text === "已到期");
+    });
+  }
+
+  var timer = null;
+  function ensureTimer() {
+    tick();
+    if (timer) return;
+    timer = setInterval(function () {
+      tick();
+    }, 1000);
+  }
+
+  global.OptionsExpiryCountdown = {
+    normalizeExpMs: normalizeExpMs,
+    format: formatCountdown,
+    tick: tick,
+    ensureTimer: ensureTimer,
+  };
+})(typeof window !== "undefined" ? window : globalThis);

lib/common/static/options_panel.js

@@ -431,6 +431,8 @@
     const upl = p.upl;
     const uplCls = upl > 0 ? "pos-pnl-profit" : upl < 0 ? "pos-pnl-loss" : "";
     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) : "";
     return (
       '<div class="pos-card opt-pos-card" data-inst="' + (p.inst_id || "") + '">' +
       '<div class="pos-card-head">' +
@@ -442,6 +444,9 @@
       '<div class="pos-meta">' +
       '<span class="pos-meta-item">行权价: ' + fmt(p.strike, 0) + "</span>" +
       '<span class="pos-meta-item">张数: ' + fmt(p.pos, 0) + " · 币量 " + fmt(p.eth_amount, 4) + "</span>" +
+      (expAttr
+        ? '<span class="pos-meta-item">到期倒计时: <span class="opt-expiry-cd" data-opt-exp-ms="' + expAttr + '">—</span></span>'
+        : "") +
       "</div>" +
       '<div class="pos-grid">' +
       '<div class="pos-cell"><span class="pos-label">权利金</span><span class="pos-value">' + fmt(p.premium_paid, 4) + " USDC</span></div>" +
@@ -509,6 +514,9 @@
         closePosition(btn.getAttribute("data-inst"), btn);
       });
     });
+    if (window.OptionsExpiryCountdown && OptionsExpiryCountdown.ensureTimer) {
+      OptionsExpiryCountdown.ensureTimer();
+    }
   }
 
   async function refreshStats() {