Keep options review paging in-card without layout jump.

Soft-load table rows on prev/next so height stays stable and the page below does not flash.

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

lib/common/static/options_review.js

@@ -256,12 +256,37 @@
     return clamped;
   }
 
+  function beginListLoad(wrapId, soft) {
+    var wrap = $(wrapId);
+    if (!wrap) return null;
+    if (soft) {
+      if (!wrap.style.minHeight) {
+        wrap.style.minHeight = Math.max(wrap.offsetHeight, 1) + "px";
+      }
+      wrap.classList.add("or-list-loading");
+    } else {
+      wrap.classList.remove("or-list-loading");
+      wrap.style.minHeight = "";
+    }
+    return wrap;
+  }
+
+  function endListLoad(wrap) {
+    if (!wrap) return;
+    wrap.classList.remove("or-list-loading");
+    wrap.style.minHeight = "";
+  }
+
   function loadTrades(opts) {
     opts = opts || {};
     var doSync = opts.sync !== false;
+    var soft = !!opts.soft;
     var tbody = $("or-trades-tbody");
     if (!tbody) return;
-    tbody.innerHTML = '<tr><td colspan="6" class="muted">加载中…</td></tr>';
+    var wrap = beginListLoad("or-trades-wrap", soft);
+    if (!soft) {
+      tbody.innerHTML = '<tr><td colspan="6" class="muted">加载中…</td></tr>';
+    }
     var p = baseQs();
     p.set("reviewed", "0");
     p.set("limit", String(PAGE_SIZE));
@@ -275,6 +300,7 @@
         if (doSync) setSyncStatus("本地记录已加载");
         if (!data.ok) {
           tbody.innerHTML = '<tr><td colspan="6" class="muted">加载失败</td></tr>';
+          endListLoad(wrap);
           return;
         }
         if (applyPagerMeta(data, "trades") && Number(data.total || 0) > 0) {
@@ -286,6 +312,7 @@
         if (!rows.length) {
           tbody.innerHTML =
             '<tr><td colspan="6" class="muted">暂无待复盘记录</td></tr>';
+          endListLoad(wrap);
           return;
         }
         tbody.innerHTML = rows
@@ -341,18 +368,24 @@
             hideTrade(Number(btn.getAttribute("data-id")));
           });
         });
+        endListLoad(wrap);
       })
       .catch(function () {
         tbody.innerHTML = '<tr><td colspan="6" class="muted">加载失败</td></tr>';
+        endListLoad(wrap);
       });
   }
 
   function loadReviewed(opts) {
     opts = opts || {};
     var doSync = opts.sync === true;
+    var soft = !!opts.soft;
     var tbody = $("or-reviewed-tbody");
     if (!tbody) return;
-    tbody.innerHTML = '<tr><td colspan="6" class="muted">加载中…</td></tr>';
+    var wrap = beginListLoad("or-reviewed-wrap", soft);
+    if (!soft) {
+      tbody.innerHTML = '<tr><td colspan="6" class="muted">加载中…</td></tr>';
+    }
     var p = baseQs();
     p.set("reviewed", "1");
     p.set("limit", String(PAGE_SIZE));
@@ -365,6 +398,7 @@
       .then(function (data) {
         if (!data.ok) {
           tbody.innerHTML = '<tr><td colspan="6" class="muted">加载失败</td></tr>';
+          endListLoad(wrap);
           return;
         }
         if (applyPagerMeta(data, "reviewed") && Number(data.total || 0) > 0) {
@@ -375,6 +409,7 @@
         reviewedCache = {};
         if (!rows.length) {
           tbody.innerHTML = '<tr><td colspan="6" class="muted">暂无复盘记录</td></tr>';
+          endListLoad(wrap);
           return;
         }
         tbody.innerHTML = rows
@@ -413,9 +448,11 @@
             openDetail(Number(tr.getAttribute("data-id")));
           });
         });
+        endListLoad(wrap);
       })
       .catch(function () {
         tbody.innerHTML = '<tr><td colspan="6" class="muted">加载失败</td></tr>';
+        endListLoad(wrap);
       });
   }
 
@@ -988,31 +1025,43 @@
     if (clearBtn) clearBtn.addEventListener("click", hideJournalForm);
     if (delBtn) delBtn.addEventListener("click", deleteEntry);
     if (prevBtn) {
-      prevBtn.addEventListener("click", function () {
+      prevBtn.addEventListener("click", function (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
         if (tradesPage <= 0) return;
         tradesPage -= 1;
-        loadTrades({ sync: false });
+        updateTradesPager();
+        loadTrades({ sync: false, soft: true });
       });
     }
     if (nextBtn) {
-      nextBtn.addEventListener("click", function () {
+      nextBtn.addEventListener("click", function (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
         if (tradesPage + 1 >= tradesPages) return;
         tradesPage += 1;
-        loadTrades({ sync: false });
+        updateTradesPager();
+        loadTrades({ sync: false, soft: true });
       });
     }
     if (reviewedPrev) {
-      reviewedPrev.addEventListener("click", function () {
+      reviewedPrev.addEventListener("click", function (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
         if (reviewedPage <= 0) return;
         reviewedPage -= 1;
-        loadReviewed({ sync: false });
+        updateReviewedPager();
+        loadReviewed({ sync: false, soft: true });
       });
     }
     if (reviewedNext) {
-      reviewedNext.addEventListener("click", function () {
+      reviewedNext.addEventListener("click", function (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
         if (reviewedPage + 1 >= reviewedPages) return;
         reviewedPage += 1;
-        loadReviewed({ sync: false });
+        updateReviewedPager();
+        loadReviewed({ sync: false, soft: true });
       });
     }
     if (detailClose) detailClose.addEventListener("click", hideDetail);