总览改为列表布局，工作台全宽显示内嵌客户端。

避免主栏 max-width 挤压 iframe，并延长 SSO 打开链有效期。

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

static/hub.js

@@ -6,60 +6,6 @@
     return (n > 0 ? "+" : "") + n.toFixed(2) + " U";
   }
 
-  function renderCard(row) {
-    const snap = row.snapshot || {};
-    const inst = snap.instance || {};
-    const pnl = (snap.pnl && snap.pnl.unrealized_usdt != null)
-      ? snap.pnl.unrealized_usdt
-      : snap.upl_total_usdc;
-    const brief = snap.positions_brief || snap.positions || [];
-    const online = !!row.online;
-    const status = online
-      ? '<span class="status-on">在线</span>'
-      : '<span class="status-off">离线</span>';
-    const mode = inst.mode || "—";
-    const err = row.error ? '<div class="muted">错误: ' + escapeHtml(row.error) + "</div>" : "";
-    let rows = "";
-    (brief || []).slice(0, 6).forEach(function (p) {
-      rows +=
-        "<tr><td>" +
-        escapeHtml(p.inst_id || "") +
-        "</td><td>" +
-        escapeHtml(String(p.sheets != null ? p.sheets : "")) +
-        "</td><td>" +
-        escapeHtml(fmtPnl(p.pnl_usdt)) +
-        "</td></tr>";
-    });
-    if (!rows) rows = '<tr><td colspan="3" class="muted">暂无持仓</td></tr>';
-    return (
-      '<article class="card">' +
-      "<h3>" +
-      escapeHtml(row.name || "") +
-      "</h3>" +
-      "<div>" +
-      status +
-      " · " +
-      escapeHtml(mode) +
-      " · 浮盈 " +
-      escapeHtml(fmtPnl(pnl)) +
-      "</div>" +
-      '<div class="muted">拉取: ' +
-      escapeHtml(row.pulled_at || "") +
-      "</div>" +
-      err +
-      "<table><thead><tr><th>合约</th><th>张</th><th>盈亏</th></tr></thead><tbody>" +
-      rows +
-      "</tbody></table>" +
-      '<p><a class="btn" href="/desk?id=' +
-      encodeURIComponent(row.id) +
-      '">内嵌打开</a> ' +
-      '<button type="button" class="btn" data-open-tab="' +
-      encodeURIComponent(row.id) +
-      '">新标签</button></p>' +
-      "</article>"
-    );
-  }
-
   function escapeHtml(s) {
     return String(s)
       .replace(/&/g, "&amp;")
@@ -68,6 +14,71 @@
       .replace(/"/g, "&quot;");
   }
 
+  function positionSummary(brief) {
+    const list = brief || [];
+    if (!list.length) return '<span class="muted">暂无持仓</span>';
+    const items = list.slice(0, 8).map(function (p) {
+      const id = escapeHtml(p.inst_id || "");
+      const sheets = escapeHtml(String(p.sheets != null ? p.sheets : "—"));
+      const pnl = escapeHtml(fmtPnl(p.pnl_usdt));
+      return "<li>" + id + " · " + sheets + "张 · " + pnl + "</li>";
+    });
+    const more =
+      list.length > 8
+        ? '<li class="muted">…共 ' + list.length + " 笔</li>"
+        : "";
+    return "<ul class=\"pos-brief\">" + items.join("") + more + "</ul>";
+  }
+
+  function renderRow(row) {
+    const snap = row.snapshot || {};
+    const inst = snap.instance || {};
+    const pnl =
+      snap.pnl && snap.pnl.unrealized_usdt != null
+        ? snap.pnl.unrealized_usdt
+        : snap.upl_total_usdc;
+    const brief = snap.positions_brief || snap.positions || [];
+    const online = !!row.online;
+    const status = online
+      ? '<span class="status-on">在线</span>'
+      : '<span class="status-off">离线</span>';
+    const err = row.error
+      ? '<div class="muted">错误: ' + escapeHtml(row.error) + "</div>"
+      : "";
+    return (
+      "<tr>" +
+      "<td><strong>" +
+      escapeHtml(row.name || "") +
+      "</strong>" +
+      err +
+      "</td>" +
+      "<td>" +
+      status +
+      "</td>" +
+      "<td>" +
+      escapeHtml(inst.mode || "—") +
+      "</td>" +
+      "<td>" +
+      escapeHtml(fmtPnl(pnl)) +
+      "</td>" +
+      "<td>" +
+      positionSummary(brief) +
+      "</td>" +
+      '<td class="muted">' +
+      escapeHtml(row.pulled_at || "—") +
+      "</td>" +
+      '<td><div class="overview-actions">' +
+      '<a class="btn" href="/desk?id=' +
+      encodeURIComponent(row.id) +
+      '">内嵌打开</a>' +
+      '<button type="button" class="btn" data-open-tab="' +
+      encodeURIComponent(row.id) +
+      '">新标签</button>' +
+      "</div></td>" +
+      "</tr>"
+    );
+  }
+
   async function refresh() {
     const status = document.getElementById("overview-status");
     const grid = document.getElementById("overview-grid");
@@ -79,9 +90,16 @@
       if (!d.ok) throw new Error(d.msg || "失败");
       const list = d.instances || [];
       if (!list.length) {
-        grid.innerHTML = '<p class="muted">暂无启用实例,请先到「实例」添加.</p>';
+        grid.innerHTML =
+          '<p class="muted">暂无启用实例,请先到「实例」添加.</p>';
       } else {
-        grid.innerHTML = list.map(renderCard).join("");
+        grid.innerHTML =
+          '<div class="overview-table-wrap"><table class="overview-table">' +
+          "<thead><tr>" +
+          "<th>名称</th><th>状态</th><th>模式</th><th>浮盈</th><th>持仓</th><th>拉取时间</th><th>操作</th>" +
+          "</tr></thead><tbody>" +
+          list.map(renderRow).join("") +
+          "</tbody></table></div>";
         grid.querySelectorAll("[data-open-tab]").forEach(function (btn) {
           btn.addEventListener("click", async function () {
             const id = btn.getAttribute("data-open-tab");