@tokenbuddy/tb-admin 1.0.33 → 1.0.34

package/src/ui-static.ts

@@ -52,18 +52,12 @@ export function adminUiHtml(): string {
     .top-link:hover{background:var(--panel);color:var(--ink)}
     .top-link.active{color:var(--ink);font-weight:760}
     .top-link.active:after{opacity:1;transform:scaleX(1)}
-    .content{width:min(1180px,calc(100vw - 48px));margin:0 auto;padding:20px 0 36px;display:grid;gap:16px}
+    .content{width:min(1560px,calc(100vw - 64px));margin:0 auto;padding:20px 0 36px;display:grid;gap:16px}
     .page{display:none}.page.active{display:grid;gap:16px}
     /* ---- Panels ------------------------------------------------------- */
     .panel,.bootstrap-card{border:1px solid var(--hairline);background:var(--panel);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}
     .panel-head{min-height:56px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--hairline);background:var(--panel)}
     .title{margin:0;color:var(--ink);font-size:20px;line-height:28px;font-weight:750}
-    /* ---- Refresh pill ------------------------------------------------- */
-    .list-status{display:flex;align-items:center;gap:12px;min-width:0;color:var(--muted);font-size:12px;font-weight:650}
-    .refresh-pill{border:1px solid var(--hairline-strong);border-radius:8px;background:#fff;padding:6px 10px;color:var(--primary);font-size:12px;font-weight:750}
-    .refresh-pill.refreshing{display:inline-flex;align-items:center;gap:7px;color:var(--primary-deep);background:var(--primary-soft)}
-    .refresh-pill.error{color:var(--danger);background:var(--danger-soft);border-color:#f4bdc9}
-    .refresh-pill .spinner{width:12px;height:12px;border-width:2px}
     /* ---- Buttons ------------------------------------------------------ */
     .btn{border:1px solid var(--hairline-strong);border-radius:8px;min-height:38px;padding:0 12px;background:#fff;color:var(--ink);font-size:13px;font-weight:750}
     .btn:hover{border-color:var(--primary);color:var(--primary)}
@@ -73,12 +67,14 @@ export function adminUiHtml(): string {
     .btn.icon{width:36px;padding:0;border-radius:8px;display:inline-grid;place-items:center}
     .btn.icon svg{width:17px;height:17px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
     /* ---- Seller list -------------------------------------------------- */
-    .app-list{--seller-grid:22px minmax(150px,1.4fr) minmax(120px,1fr) minmax(64px,.42fr) minmax(80px,.5fr) minmax(110px,.68fr) minmax(110px,.7fr) minmax(80px,.5fr) 36px;display:grid;gap:10px;padding:14px;background:var(--panel-subtle)}
-    #sellerRows{display:grid;gap:10px;width:100%;min-width:0}
-    .app-table-head,.app-row{display:grid;grid-template-columns:var(--seller-grid);align-items:center;gap:12px;width:100%;min-width:0;padding:0 18px}
+    .app-list{--seller-grid:18px minmax(142px,1.1fr) 64px 48px 58px 60px minmax(128px,.82fr) minmax(190px,1.25fr) 84px 62px minmax(132px,.9fr) 76px 112px 28px;display:grid;gap:8px;padding:14px;background:var(--panel-subtle);overflow-x:auto}
+    #sellerRows{display:grid;gap:8px;width:100%;min-width:0}
+    .app-table-head,.app-row{display:grid;grid-template-columns:var(--seller-grid);align-items:center;gap:10px;width:100%;min-width:1392px;padding:0 16px}
     .app-table-head{min-height:34px;color:var(--muted);font-size:var(--label-fs);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:var(--label-spacing)}
-    .app-row{border:1px solid var(--hairline);border-radius:8px;background:#fff;min-height:76px;text-align:left}
-    .app-row:hover{border-color:var(--hairline-strong);background:#fff}
+    .app-row{position:relative;border:1px solid var(--hairline);border-left-width:4px;border-radius:8px;background:#fff;min-height:66px;text-align:left}
+    .app-row:hover{border-color:var(--hairline-strong);background:#fff;box-shadow:0 8px 22px rgba(60,41,112,.06)}
+    .app-row.row-warn{border-left-color:var(--warning)}
+    .app-row.row-alert{border-left-color:var(--danger);background:#fffafb}
     /* Step 13 v1.1: 双源 (fly + registry) 4 类行视觉. dataSource 决定
        dataSource="fly"      → 灰/中性边, "未发布" 提示
        dataSource="registry" → 整行红边 + 软红底, "立即下线 (registry-only)" 按钮
@@ -88,15 +84,22 @@ export function adminUiHtml(): string {
     .app-row.app-row-fly-only:hover{background:#f1f3f8}
     .app-row.app-row-registry-only{border:2px solid var(--danger);background:var(--danger-soft);box-shadow:0 0 0 3px rgba(239,91,120,.08)}
     .app-row.app-row-registry-only:hover{background:#ffe3ea}
-    .datasource-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:16px;margin-left:6px;vertical-align:middle}
+    .datasource-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;line-height:16px;vertical-align:middle}
     .datasource-chip.both{background:#e7f6ee;color:#0a8754}
     .datasource-chip.fly{background:#e3e6ee;color:#4a5170}
     .datasource-chip.registry{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}
+    .datasource-chip.published{background:#e7f6ee;color:#0a8754}
+    .datasource-chip.unpublished{background:#e3e6ee;color:#4a5170}
+    .datasource-chip.registry_only{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}
+    .datasource-chip.draining{background:var(--warning-soft);color:#98630a;border:1px solid #f6d99b}
+    .datasource-chip.offline{background:#f4f1fb;color:#6b6384;border:1px solid var(--hairline-strong)}
+    .datasource-chip.pending{background:var(--tokens-soft);color:#1d4ed8;border:1px solid #bfd7ff}
+    .datasource-chip.checking,.datasource-chip.unknown{background:#f4f1fb;color:#6b6384;border:1px solid var(--hairline-strong)}
     .alert-reason{color:var(--danger);font-size:11px;line-height:1.4;font-weight:700;margin-top:4px;display:block}
-    .remove-hint-btn{margin-top:6px;background:var(--danger);color:#fff;border:0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;display:inline-block}
+    .remove-hint-btn{margin-top:6px;background:var(--danger);color:#fff;border:0;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}
     .remove-hint-btn:hover{background:#d63d5a}
-    .remove-hint-btn::before{content:"⚠ ";margin-right:2px}
-    .publish-hint-btn{margin-top:6px;background:#fff;color:var(--primary);border:1px solid var(--hairline-strong);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;cursor:pointer;display:inline-block}
+    .remove-hint-btn::before{content:"! ";margin-right:2px}
+    .publish-hint-btn{margin-top:6px;background:#fff;color:var(--primary);border:1px solid var(--hairline-strong);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}
     .publish-hint-btn:hover{background:#f5f3ff}
     /* Status dot — five spec tones (green/amber/red/blue/gray) */
     .app-dot{width:10px;height:10px;border-radius:999px;background:#c8ced8;box-shadow:0 0 0 4px #edf1f8}
@@ -105,19 +108,40 @@ export function adminUiHtml(): string {
     .app-dot.tone-red{background:var(--danger);box-shadow:0 0 0 4px rgba(239,91,120,.18)}
     .app-dot.tone-blue{background:var(--tokens);box-shadow:0 0 0 4px rgba(37,99,235,.18)}
     .app-dot.tone-gray{background:#8d86a3;box-shadow:0 0 0 4px rgba(141,134,163,.17)}
-    .app-name{display:grid;gap:6px;min-width:0}
-    .seller-title{display:inline-flex;gap:8px;align-items:center}
+    .app-name{display:block;min-width:0}
+    .seller-title{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;align-items:center;min-width:0;width:100%}
     .app-name strong,.field-cell strong,.field-cell span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-    .app-name strong{color:var(--ink);font-size:15px;font-weight:750}
-    .field-cell{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:var(--body-fs);line-height:var(--body-lh)}
-    .field-cell strong{color:var(--ink);font-family:var(--font-mono);font-size:var(--numeric-fs);font-weight:var(--numeric-weight)}
-    .speed-cell{display:grid;gap:3px;font-family:var(--font-mono);font-size:var(--numeric-fs);font-weight:var(--numeric-weight)}
+    .app-name strong{color:var(--ink);font-size:14px;font-weight:750}
+    .field-cell,.speed-cell{display:grid;gap:2px;min-width:0;color:var(--muted);font-size:var(--body-fs);line-height:var(--body-lh)}
+    .field-cell strong,.speed-cell strong{color:var(--ink);font-family:var(--font-mono);font-size:var(--numeric-fs);font-weight:var(--numeric-weight)}
+    .metric-label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
+    .metric-sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--faint);font-size:11px;line-height:15px;font-family:var(--font-mono)}
+    .metric-sub.danger{color:var(--danger);font-family:var(--font-sans);font-weight:700}
+    .op-value{color:var(--ink);font-family:var(--font-mono);font-size:var(--numeric-fs);font-weight:var(--numeric-weight)}
+    .op-chip{width:max-content;max-width:100%;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--hairline-strong);border-radius:7px;background:var(--panel-subtle);padding:3px 7px;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:850;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+    .op-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;flex:0 0 auto}
+    .op-chip.tone-green{border-color:#bde9dc;background:var(--success-soft);color:#0f766e}
+    .op-chip.tone-amber{border-color:#f6d99b;background:var(--warning-soft);color:#98630a}
+    .op-chip.tone-red{border-color:#f4bdc9;background:var(--danger-soft);color:#c0264e}
+    .op-chip.tone-blue{border-color:#bfd7ff;background:var(--tokens-soft);color:#1d4ed8}
+    .op-chip.tone-gray{border-color:var(--hairline-strong);background:#f4f1fb;color:#6b6384}
+    .status-pill{width:max-content;max-width:100%;border:1px solid var(--hairline-strong);border-radius:999px;background:var(--panel-subtle);padding:2px 8px;color:var(--muted);font-family:var(--font-mono);font-size:11px;font-weight:800;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+    .status-pill.tone-green{border-color:#bde9dc;background:var(--success-soft);color:#0f766e}
+    .status-pill.tone-amber{border-color:#f6d99b;background:var(--warning-soft);color:#98630a}
+    .status-pill.tone-red{border-color:#f4bdc9;background:var(--danger-soft);color:#c0264e}
+    .status-pill.tone-blue{border-color:#bfd7ff;background:var(--tokens-soft);color:#1d4ed8}
+    .mobile-metrics{display:none}
+    .balance-line{display:flex;align-items:center;gap:6px;min-width:0}
+    .balance-line .op-chip{max-width:100%}
     .muted-value{color:var(--faint)}
     .recharge-btn,.detail-btn{width:30px;height:30px;border:1px solid var(--hairline-strong);border-radius:8px;background:#fff;color:var(--primary);display:inline-grid;place-items:center;text-decoration:none;font-weight:900}
     .recharge-btn:hover,.detail-btn:hover{border-color:var(--primary);background:var(--primary-soft)}
     .row-actions{display:flex;gap:8px;justify-content:flex-end}
     .spec-tip{border:1px solid var(--hairline-strong);border-radius:7px;background:#fff;color:var(--primary);width:24px;height:24px;padding:0;display:inline-grid;place-items:center}
     .spec-tip svg{width:14px;height:14px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}
+    @media(min-width:901px){
+      .app-row>.field-cell>.metric-label,.app-row>.speed-cell>.metric-label{display:none}
+    }
     /* ---- Entry cards (Bootstrap summary) ----------------------------- */
     .bootstrap-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:16px}
     .entry-card{border:1px solid var(--hairline-strong);border-radius:12px;background:var(--panel);padding:16px;box-shadow:var(--shadow);display:grid;gap:7px}
@@ -132,9 +156,12 @@ export function adminUiHtml(): string {
     .modal{position:fixed;inset:0;background:rgba(32,26,56,.28);z-index:40;display:none}
     .modal.open{display:grid}
     .modal-shell{background:var(--canvas);min-height:100dvh;display:grid;grid-template-rows:auto 1fr}
-    .modal-head{height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px;border-bottom:1px solid var(--hairline);background:var(--panel)}
+    .modal-head{height:64px;display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--hairline);background:var(--panel)}
     .modal-title{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;line-height:28px;font-weight:800}
-    .modal-actions{display:flex;gap:8px;align-items:center}
+    .modal-actions{display:flex;gap:8px;align-items:center;margin-left:auto}
+    .modal-close{width:44px;height:44px;border:1px solid var(--hairline-strong);border-radius:10px;background:#fff;color:var(--muted);display:inline-grid;place-items:center;padding:0}
+    .modal-close:hover{border-color:var(--primary);background:var(--primary-soft);color:var(--primary-deep)}
+    .modal-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}
     .modal-body{padding:20px 24px 36px;display:grid;gap:16px;overflow:auto}
     .detail-grid{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:16px}
     .card{border:1px solid var(--hairline);border-radius:12px;background:#fff;padding:16px;box-shadow:var(--shadow)}
@@ -197,15 +224,21 @@ export function adminUiHtml(): string {
     .progress-toggle{color:var(--primary);font-size:var(--label-fs);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:var(--label-spacing)}
     .progress-log{margin:4px 0 0;max-height:150px;overflow:auto;border:1px solid var(--hairline);border-radius:8px;background:var(--ink);color:#f3f0ff;padding:9px;font-size:11px;white-space:pre-wrap;font-family:var(--font-mono)}
     .spinner{width:19px;height:19px;border:2px solid rgba(124,61,240,.18);border-top-color:var(--primary);border-radius:999px;animation:spin .75s linear infinite}
+    .inline-spinner{width:13px;height:13px;border:2px solid rgba(124,61,240,.18);border-top-color:var(--primary);border-radius:999px;animation:spin .75s linear infinite;display:inline-block;vertical-align:middle}
     @keyframes spin{to{transform:rotate(360deg)}}
     .hidden{display:none!important}
     /* ---- Mobile ------------------------------------------------------- */
     @media(max-width:900px){
       .topnav{padding:0 20px}
-      .content{width:min(100% - 28px,1180px)}
+      .content{width:min(100% - 28px,1560px)}
       .app-table-head{display:none}
-      .app-row{grid-template-columns:18px minmax(0,1fr) auto;gap:12px;padding:14px;min-height:44px}
+      .app-row{grid-template-columns:18px minmax(0,1fr) auto;gap:12px;padding:14px;min-height:44px;align-items:flex-start}
       .app-row .field-cell,.app-row .speed-cell{display:none}
+      .mobile-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}
+      .mini-metric{border:1px solid var(--hairline);border-radius:8px;background:#fff;padding:8px;display:grid;gap:3px;min-width:0}
+      .mini-metric label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
+      .mini-metric strong{color:var(--ink);font-family:var(--font-mono);font-size:12px;line-height:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+      .mini-metric span{color:var(--faint);font-size:11px;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
       .detail-grid,.form-grid,.section-grid,.bootstrap-grid{grid-template-columns:1fr}
       .field.full{grid-column:auto}
       .modal-head{padding:0 16px}
@@ -214,22 +247,22 @@ export function adminUiHtml(): string {
   </style>
 </head>
 <body>
-  <nav class="topnav"><div class="logo">TOKENBUDDY ADMIN</div><div class="top-links"><button class="top-link active" data-page="sellers">Sellers</button><button class="top-link" data-page="releases">Release Requests</button></div></nav>
+  <nav class="topnav"><div class="logo">TOKENBUDDY ADMIN</div></nav>
   <main class="content">
     <section id="page-sellers" class="page active">
       <div class="panel">
         <div class="panel-head">
           <div>
             <h1 class="title">Seller fleet</h1>
-            <div class="list-status"><span id="sellerRefreshState" class="refresh-pill">Starting</span></div>
           </div>
           <button id="createSeller" class="btn primary">Create Seller</button>
         </div>
         <div class="app-list">
           <div class="app-table-head" role="row">
-            <span></span><span>Seller</span><span>Upstream</span>
-            <span>Disc</span><span>Capacity</span><span>TTFT</span>
-            <span>Balance</span><span>Status</span><span></span>
+            <span></span><span>Seller</span><span>Pub</span><span>Region</span>
+            <span>Models</span><span>Conn</span><span>CPU/RAM</span>
+            <span>Upstream</span><span>Status</span><span>Disc</span><span>Balance</span>
+            <span>TTFT</span><span>Next</span><span></span>
           </div>
           <div id="sellerRows">
             <div class="loading-row" role="status" aria-label="Loading sellers">
@@ -239,22 +272,6 @@ export function adminUiHtml(): string {
         </div>
       </div>
     </section>
-    <section id="page-releases" class="page">
-      <div class="bootstrap-card">
-        <div class="panel-head">
-          <h1 class="title">Release Requests</h1>
-          <div class="modal-actions">
-            <button id="refreshReleases" class="btn">Refresh</button>
-          </div>
-        </div>
-        <p class="hint" style="color:var(--muted);font-size:12px;margin:0 0 12px;">
-          Pending and historical release requests you have submitted to the wallet-bootstrap
-          registry. Force-publish is available to the platform super-admin via the registry
-          admin web; vendors do not publish their own releases.
-        </p>
-        <div id="releasesGrid" class="bootstrap-grid"></div>
-      </div>
-    </section>
   </main>
   <section id="detailModal" class="modal">
     <div class="modal-shell">
@@ -273,12 +290,16 @@ export function adminUiHtml(): string {
           <button class="btn" data-status-action="offline">Offline</button>
           <button class="btn" data-status-action="activate">Activate</button>
           <button id="editDetail" class="btn primary">Edit config</button>
-          <button id="closeDetail" class="btn">Close</button>
         </div>
+        <button id="closeDetail" class="modal-close" title="Close detail" aria-label="Close detail">
+          <svg viewBox="0 0 24 24" aria-hidden="true">
+            <path d="M6 6l12 12"></path><path d="M18 6L6 18"></path>
+          </svg>
+        </button>
       </header>
       <div class="modal-body">
         <div id="detailStatus" class="status-line hidden"></div>
-        <div class="detail-grid">
+        <div id="detailGrid" class="detail-grid hidden">
           <div class="card"><h2>Seller configuration</h2><div id="configFields" class="form-grid"></div></div>
           <div class="card"><h2>Models</h2><div id="modelsTable"></div></div>
         </div>
@@ -348,108 +369,210 @@ async function api(path, options={}){
   }
 }
 function uiErrorMessage(err){ const message = err instanceof Error ? err.message : String(err || ""); if (/failed to fetch|networkerror|load failed|fetch failed/i.test(message)) return "Admin UI connection lost. Restart tb-admin ui and reload this page."; if (/operator_auth_required/i.test(message)) return "Admin profile authentication failed. Check the configured operator token."; if (/HTTP Error 401/i.test(message)) return "Authentication failed while loading admin data. Check the local admin profile."; return message || "Request failed."; }
-const sellerRefreshIntervalMs = 30000;
-let currentDetail = null; let sellerRowsCache = []; let editing = false; let deleteReady = false; let sellerRefreshInFlight = false; let sellerRefreshTimer = null; let sellerClockTimer = null; let sellerRefreshLoaded = false; let sellerNextRefreshAt = null; let sellerRefreshError = ""; let createJobTimer = null; let currentCreateJob = null; let expandedProgressSteps = new Set(); let createAppSuffix = "";
+const sellerStatusRefreshIntervalMs = 30000;
+const sellerDetailConcurrency = 2;
+let currentDetail = null; let sellerRowsCache = []; let editing = false; let deleteReady = false; let sellerInventoryInFlight = false; let sellerDetailQueue = []; let sellerDetailQueueKeys = new Set(); let sellerDetailInFlight = new Set(); let sellerDetailTimers = new Map(); let sellerClockTimer = null; let sellerRefreshLoaded = false; let sellerRefreshStage = "Starting"; let sellerRefreshError = ""; let createJobTimer = null; let currentCreateJob = null; let expandedProgressSteps = new Set(); let createAppSuffix = "";
 const esc = value => String(value ?? "").replace(/[&<>"']/g, c => ({ "&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#39;" }[c]));
 const missing = value => '<span class="muted-value">'+esc(value)+'</span>';
 const dash = () => '<span class="muted-value">'+window.__tbFmt.UNKNOWN_VALUE+'</span>';
-const infoIcon = '<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M4 7h7"></path><path d="M15 7h5"></path><path d="M13 5v4"></path><path d="M4 12h3"></path><path d="M11 12h9"></path><path d="M9 10v4"></path><path d="M4 17h10"></path><path d="M18 17h2"></path><path d="M16 15v4"></path></svg>';
 const balanceProbeTemplates = ["openrouter","deepseek","stepfun","siliconflow","novita","newapi_generic","usage_generic","none","auto"];
 const paymentMethods = ["clawtip","mock"];
 const loadingSpinner = label => '<div class="loading-row" role="status" aria-label="'+esc(label)+'"><span class="spinner" aria-hidden="true"></span></div>';
-document.querySelectorAll(".top-link").forEach(btn => btn.onclick = () => { document.querySelectorAll(".top-link").forEach(b => b.classList.remove("active")); btn.classList.add("active"); document.querySelectorAll(".page").forEach(p => p.classList.remove("active")); document.getElementById("page-" + btn.dataset.page).classList.add("active"); if (btn.dataset.page === "releases") loadBootstrap(); });
-async function loadSellers(options={}){ if (sellerRefreshInFlight) return; clearTimeout(sellerRefreshTimer); sellerRefreshTimer = null; sellerNextRefreshAt = null; const initial = Boolean(options.initial); sellerRefreshInFlight = true; sellerRefreshError = ""; updateSellerRefreshMeta(true); if (initial) document.getElementById("sellerRows").innerHTML = loadingSpinner("Loading sellers"); try { const rows = await api("/api/sellers"); renderSellerRows(rows); sellerRefreshLoaded = true; sellerRefreshError = ""; } catch (err) { sellerRefreshError = err.message || "Refresh failed"; if (initial) document.getElementById("sellerRows").innerHTML = '<div class="status-line">'+esc(sellerRefreshError)+'</div>'; } finally { sellerRefreshInFlight = false; scheduleSellerRefresh(); updateSellerRefreshMeta(false); } }
+async function loadSellers(options={}){
+  if (sellerInventoryInFlight) return;
+  const initial = Boolean(options.initial);
+  sellerInventoryInFlight = true;
+  sellerRefreshLoaded = false;
+  sellerRefreshError = "";
+  resetSellerDetailQueue();
+  if (initial) document.getElementById("sellerRows").innerHTML = loadingSpinner("Loading registry");
+  try {
+    sellerRefreshStage = "Loading registry";
+    updateSellerRefreshMeta();
+    const registryRows = await api("/api/sellers/registry");
+    renderSellerRows(registryRows);
+    sellerRefreshStage = "Loading Fly inventory";
+    updateSellerRefreshMeta();
+    const inventoryRows = await api("/api/sellers/inventory");
+    renderSellerRows(inventoryRows);
+    sellerRefreshLoaded = true;
+    sellerRefreshStage = "Refreshing details";
+    enqueueSellerDetails(inventoryRows);
+  } catch (err) {
+    sellerRefreshError = err.message || "Refresh failed";
+    sellerRefreshStage = "Load failed";
+    if (initial) document.getElementById("sellerRows").innerHTML = '<div class="status-line">'+esc(sellerRefreshError)+'</div>';
+  } finally {
+    sellerInventoryInFlight = false;
+    updateSellerRefreshMeta();
+  }
+}
+function statusRefreshRow(row){ return { id:row.id, name:row.name, app:row.app, url:row.url, registryStatus:row.registryStatus, nodeStatus:row.nodeStatus, region:row.region, upstreamDomain:row.upstreamDomain, upstreamStatus:row.upstreamStatus, upstreamBalanceUsdMicros:row.upstreamBalanceUsdMicros, upstreamBalanceCurrency:row.upstreamBalanceCurrency, upstreamBalanceSource:row.upstreamBalanceSource, upstreamBalanceFetchedAt:row.upstreamBalanceFetchedAt, upstreamBalanceError:row.upstreamBalanceError, upstreamRechargeUrl:row.upstreamRechargeUrl, discountRatio:row.discountRatio, capacityUsed:row.capacityUsed, capacityLimit:row.capacityLimit, resourceCpuPercent:row.resourceCpuPercent, resourceMemoryPercent:row.resourceMemoryPercent, resourceMemoryRssMb:row.resourceMemoryRssMb, resourceMemoryLimitMb:row.resourceMemoryLimitMb, ttftMs:row.ttftMs, avgInferenceMs:row.avgInferenceMs, lastInferenceMs:row.lastInferenceMs, avgTokensPerSecond:row.avgTokensPerSecond, lastTokensPerSecond:row.lastTokensPerSecond, latencySamples:row.latencySamples, lastSwitchAt:row.lastSwitchAt, modelsCount:row.modelsCount, specs:row.specs, error:row.error, dataSource:row.dataSource, registryAlert:row.registryAlert, alertReason:row.alertReason, publishHint:row.publishHint, removeHint:row.removeHint, flyApp:row.flyApp, publishStatus:row.publishStatus, detailStatus:row.detailStatus, detailUpdatedAt:row.detailUpdatedAt, detailNextRefreshAt:row.detailNextRefreshAt }; }
 function renderSellerRows(rows){ sellerRowsCache = rows; document.getElementById("sellerRows").innerHTML = rows.map(row => sellerRow(row)).join(""); document.querySelectorAll("[data-detail]").forEach(btn => btn.onclick = () => openDetail(btn.dataset.detail)); }
-function startSellerRefresh(){ loadSellers({ initial:true }); sellerClockTimer = setInterval(() => updateSellerRefreshMeta(sellerRefreshInFlight), 1000); window.addEventListener("beforeunload", () => { clearTimeout(sellerRefreshTimer); clearInterval(sellerClockTimer); }); }
-function scheduleSellerRefresh(){ clearTimeout(sellerRefreshTimer); sellerNextRefreshAt = new Date(Date.now() + sellerRefreshIntervalMs); sellerRefreshTimer = setTimeout(() => loadSellers(), sellerRefreshIntervalMs); }
-function updateSellerRefreshMeta(refreshing){ const state = document.getElementById("sellerRefreshState"); if (!state) return; const nextSeconds = sellerNextRefreshAt ? Math.max(0, Math.ceil((sellerNextRefreshAt.getTime() - Date.now()) / 1000)) : 0; state.classList.toggle("refreshing", Boolean(refreshing)); state.classList.toggle("error", Boolean(sellerRefreshError)); state.innerHTML = refreshing ? '<span class="spinner" aria-hidden="true"></span><span>Refreshing</span>' : esc(sellerRefreshError || (sellerRefreshLoaded ? "Next refresh: " + nextSeconds + "s" : "Starting")); }
+function startSellerRefresh(){ loadSellers({ initial:true }); sellerClockTimer = setInterval(() => { updateSellerRefreshMeta(); updateSellerRowRefreshCountdowns(); }, 1000); window.addEventListener("beforeunload", () => { resetSellerDetailQueue(); clearInterval(sellerClockTimer); }); }
+function sellerRowKey(row){ return String(row.id || row.app || row.url || ""); }
+function resetSellerDetailQueue(){ sellerDetailQueue = []; sellerDetailQueueKeys.clear(); sellerDetailInFlight.clear(); sellerDetailTimers.forEach(timer => clearTimeout(timer)); sellerDetailTimers.clear(); }
+function enqueueSellerDetails(rows){
+  rows.forEach(row => {
+    if (!shouldRefreshSellerDetail(row)) return;
+    const key = sellerRowKey(row);
+    if (!key || sellerDetailQueueKeys.has(key) || sellerDetailInFlight.has(key)) return;
+    sellerDetailQueue.push(key);
+    sellerDetailQueueKeys.add(key);
+    patchSellerRow(key, { detailStatus:"queued", detailNextRefreshAt:undefined });
+  });
+  pumpSellerDetailQueue();
+  updateSellerRefreshMeta();
+}
+function shouldRefreshSellerDetail(row){ return row && row.detailStatus !== "skipped" && row.publishStatus !== "registry_only" && row.dataSource !== "registry"; }
+function patchSellerRow(key, patch){ let changed = false; sellerRowsCache = sellerRowsCache.map(row => { if (sellerRowKey(row) !== key) return row; changed = true; return { ...row, ...patch }; }); if (changed) renderSellerRows(sellerRowsCache); }
+function patchSellerRegistryStatus(id, status){ let changed = false; sellerRowsCache = sellerRowsCache.map(row => { if (sellerRowKey(row) !== id && row.id !== id && row.name !== id && row.app !== id) return row; changed = true; return { ...row, registryStatus:status }; }); if (changed) renderSellerRows(sellerRowsCache); }
+function mergeSellerRowUpdate(updated){ const key = sellerRowKey(updated); if (!key) return; let changed = false; sellerRowsCache = sellerRowsCache.map(row => { if (sellerRowKey(row) !== key) return row; changed = true; return { ...row, ...updated }; }); if (changed) renderSellerRows(sellerRowsCache); }
+function latestSellerRow(key){ return sellerRowsCache.find(row => sellerRowKey(row) === key); }
+function scheduleSellerDetailRefresh(row){
+  if (!shouldRefreshSellerDetail(row)) return;
+  const key = sellerRowKey(row);
+  if (!key) return;
+  const existing = sellerDetailTimers.get(key);
+  if (existing) clearTimeout(existing);
+  const nextRefreshAt = new Date(Date.now() + sellerStatusRefreshIntervalMs).toISOString();
+  const timer = setTimeout(() => {
+    sellerDetailTimers.delete(key);
+    const latest = latestSellerRow(key);
+    if (!latest) return;
+    patchSellerRow(key, { detailStatus:"stale", detailNextRefreshAt:undefined });
+    enqueueSellerDetails([latest]);
+  }, sellerStatusRefreshIntervalMs);
+  sellerDetailTimers.set(key, timer);
+  patchSellerRow(key, { detailNextRefreshAt:nextRefreshAt });
+}
+async function pumpSellerDetailQueue(){
+  while (sellerDetailInFlight.size < sellerDetailConcurrency && sellerDetailQueue.length > 0) {
+    const key = sellerDetailQueue.shift();
+    sellerDetailQueueKeys.delete(key);
+    const row = latestSellerRow(key);
+    if (!row || !shouldRefreshSellerDetail(row)) continue;
+    sellerDetailInFlight.add(key);
+    patchSellerRow(key, { detailStatus:"loading", detailNextRefreshAt:undefined });
+    updateSellerRefreshMeta();
+    api("/api/sellers/status", { method:"POST", body: JSON.stringify({ rows:[statusRefreshRow(row)] }) })
+      .then(rows => {
+        const updated = Array.isArray(rows) ? rows[0] : null;
+        if (updated) {
+          mergeSellerRowUpdate(updated);
+          scheduleSellerDetailRefresh(updated);
+          sellerRefreshError = "";
+        }
+      })
+      .catch(err => {
+        sellerRefreshError = err.message || "Status refresh failed";
+        patchSellerRow(key, { detailStatus:"error", detailUpdatedAt:new Date().toISOString(), error:sellerRefreshError });
+        const latest = latestSellerRow(key);
+        if (latest) scheduleSellerDetailRefresh(latest);
+      })
+      .finally(() => {
+        sellerDetailInFlight.delete(key);
+        updateSellerRefreshMeta();
+        pumpSellerDetailQueue();
+      });
+  }
+}
+function updateSellerRefreshMeta(){ const state = document.getElementById("sellerRefreshState"); if (!state) return; const busy = sellerInventoryInFlight || sellerDetailInFlight.size > 0 || sellerDetailQueue.length > 0; state.classList.toggle("refreshing", Boolean(busy)); state.classList.toggle("error", Boolean(sellerRefreshError)); if (sellerRefreshError) { state.textContent = sellerRefreshError; return; } if (busy) { state.innerHTML = '<span class="spinner" aria-hidden="true"></span><span>'+esc(sellerRefreshStage || "Refreshing details")+'</span>'; return; } state.textContent = sellerRefreshLoaded ? "Inventory loaded · row timers active" : (sellerRefreshStage || "Loading inventory"); }
+function updateSellerRowRefreshCountdowns(){ if (!sellerRefreshLoaded || sellerRowsCache.length === 0) return; renderSellerRows(sellerRowsCache); }
+function publishStatusLabel(status){ if (status === "published") return "已发布"; if (status === "unpublished") return "未发布"; if (status === "registry_only") return "Registry-only"; if (status === "checking") return "发布待确认"; if (status === "draining") return "下线中"; if (status === "offline") return "已下线"; if (status === "pending") return "待发布"; return "发布未知"; }
+function visiblePublishStatus(row, relation){ const registry = row.registryStatus; if ((relation === "published" || relation === "checking") && ["draining","offline","pending"].includes(registry)) return registry; return relation; }
+function registryStatusDisplay(status){ const value = String(status || "unknown").toLowerCase(); if (["active","draining","offline","pending"].includes(value)) return value; return window.__tbFmt.UNKNOWN_VALUE; }
+function detailStatusLabel(status){ if (status === "queued") return "detail queued"; if (status === "loading") return "detail loading"; if (status === "fresh") return "detail fresh"; if (status === "stale") return "detail stale"; if (status === "error") return "detail error"; if (status === "skipped") return "detail skipped"; return "detail pending"; }
+function detailCountdown(row){ if (!row.detailNextRefreshAt) return ""; const ms = new Date(row.detailNextRefreshAt).getTime() - Date.now(); if (!Number.isFinite(ms)) return ""; if (ms <= 0) return "due now"; const seconds = Math.ceil(ms / 1000); return seconds >= 60 ? Math.ceil(seconds / 60) + "m" : seconds + "s"; }
+function sellerHostMatches(row, domain){ const normalized = String(domain || "").toLowerCase(); if (!normalized) return false; const rowHost = hostName(row.url); const appHost = row.app ? String(row.app).toLowerCase() + ".fly.dev" : ""; const flyHost = row.flyApp?.name ? String(row.flyApp.name).toLowerCase() + ".fly.dev" : ""; return normalized === rowHost || normalized === appHost || normalized === flyHost; }
+function usagePercent(value){ const n = Number(value); if (!Number.isFinite(n)) return "—"; return (Math.round(Math.max(0, Math.min(100, n)) * 10) / 10).toString().replace(/\.0$/, "") + "%"; }
+function percentTone(value){ const n = Number(value); if (!Number.isFinite(n)) return "gray"; if (n >= 90) return "red"; if (n >= 75) return "amber"; return "green"; }
+function worstTone(...tones){ if (tones.includes("red")) return "red"; if (tones.includes("amber")) return "amber"; if (tones.includes("blue")) return "blue"; if (tones.includes("green")) return "green"; return "gray"; }
+function capacityTone(used, limit){ const u = Number(used); const l = Number(limit); if (!Number.isFinite(u) || !Number.isFinite(l) || l <= 0) return "gray"; const ratio = u / l; if (ratio >= 1) return "red"; if (ratio >= .75) return "amber"; return "green"; }
+function latencyTone(ms){ const n = Number(ms); if (!Number.isFinite(n)) return "gray"; if (n >= 5000) return "red"; if (n >= 2000) return "amber"; return "green"; }
+function upstreamStatusTone(status){ const value = String(status || "unknown").toLowerCase(); if (value === "healthy") return "green"; if (value === "degraded") return "amber"; if (value === "unhealthy") return "red"; return "gray"; }
+function renderOpMetric(text, tone, title){ const value = text || "—"; if (tone === "green") return '<strong class="op-value"'+(title ? ' title="'+esc(title)+'"' : '')+'>'+esc(value)+'</strong>'; return '<span class="op-chip tone-'+esc(tone || "gray")+'"'+(title ? ' title="'+esc(title)+'"' : '')+'>'+esc(value)+'</span>'; }
+function renderStatusMetric(status, title){ const tone = upstreamStatusTone(status); const value = tone === "gray" ? "-" : window.__tbFmt.normalizeStatusLabel(status); return '<span class="op-chip tone-'+esc(tone)+'"'+(title ? ' title="'+esc(title)+'"' : '')+'>'+esc(value)+'</span>'; }
 function sellerRow(row){
   const fmt = window.__tbFmt;
-  // Step 13 v1.1: dataSource 决定行 class + 标红/灰 + 按钮 + chip.
-  // row.dataSource ∈ "fly" | "registry" | "both". 老 1.0.31 没这个字段,
-  // 兜底当 "both" (老 UI 看到的所有行, 默认都按已发布处理).
+  // publishStatus 决定用户可见发布态; dataSource 只作为排障线索.
+  // checking/unknown 必须保持中性, 不能提前显示成未发布或事故.
   const ds = row.dataSource || "both";
-  const rowClass = ds === "registry" ? "app-row app-row-registry-only"
-                 : ds === "fly" ? "app-row app-row-fly-only"
-                 : "app-row";
-  const dsChipLabel = ds === "registry" ? "Registry-only"
-                     : ds === "fly" ? "未发布"
-                     : "Both";
-  const dsChip = '<span class="datasource-chip '+esc(ds)+'" title="'+esc('Data source: ' + ds + '. 详见 docs/processes/seller-fleet-data-sources.md')+'">'+esc(dsChipLabel)+'</span>';
-  const tip = [row.description, row.region, row.app, row.specs?.memoryGb ? row.specs.memoryGb + "GB" : "", row.specs?.machines ? row.specs.machines + " machines" : "", row.modelsCount ? row.modelsCount + " models" : ""].filter(Boolean).join(" · ") || "No specs";
+  const publishRelation = row.publishStatus || (ds === "registry" ? "unknown" : ds === "fly" ? "unpublished" : "published");
+  const publish = visiblePublishStatus(row, publishRelation);
+  const publishLabel = publishStatusLabel(publish);
+  const dsChip = '<span class="datasource-chip '+esc(publish)+'" title="'+esc('Publish: ' + publish + ' · registry: ' + row.registryStatus + ' · source: ' + ds)+'">'+esc(publishLabel)+'</span>';
+  const cpuValue = row.specs?.cpuCores ?? row.specs?.cpus ?? row.specs?.cpu;
+  const cpuText = cpuValue === undefined || cpuValue === null || cpuValue === "" ? "—" : String(cpuValue) + " vCPU";
+  const memoryText = row.specs?.memoryMb ? (row.specs.memoryMb >= 1024 ? (Math.round(row.specs.memoryMb / 102.4) / 10) + " GB" : row.specs.memoryMb + " MB") : (row.specs?.memoryGb ? row.specs.memoryGb + " GB" : "—");
+  const cpuUsageText = usagePercent(row.resourceCpuPercent);
+  const memoryUsageText = usagePercent(row.resourceMemoryPercent);
+  const hasUsage = cpuUsageText !== "—" || memoryUsageText !== "—";
+  const resourcePrimary = (cpuUsageText === "—" ? "-" : cpuUsageText) + "/" + (memoryUsageText === "—" ? "-" : memoryUsageText);
+  const resourceTone = hasUsage ? worstTone(percentTone(row.resourceCpuPercent), percentTone(row.resourceMemoryPercent)) : "gray";
+  const machineText = row.specs?.machines ? ((row.specs.runningMachines ?? row.specs.machines) + "/" + row.specs.machines + " running") : (row.flyApp?.status ? "Fly " + row.flyApp.status : "Fly —");
+  const volumeText = row.specs?.volumeGb ? " · vol " + row.specs.volumeGb + " GB" : "";
+  const usageDetail = (hasUsage ? "usage CPU " + cpuUsageText + " · memory " + memoryUsageText : "usage unavailable") + (row.resourceMemoryRssMb ? " (" + row.resourceMemoryRssMb + " MB RSS" + (row.resourceMemoryLimitMb ? " / " + row.resourceMemoryLimitMb + " MB" : "") + ")" : "") + " · spec " + cpuText + " / " + memoryText + " · " + machineText + volumeText;
   const ttftText = fmt.formatDuration(row.ttftMs);
-  const ttft = "TTFT: " + (ttftText === fmt.UNKNOWN_VALUE ? "—" : ttftText);
   const avgText = fmt.formatSpeed(row.avgTokensPerSecond);
-  const avgSpeed = avgText === fmt.UNKNOWN_VALUE ? missing("AVG: —") : "AVG: " + esc(avgText);
+  const avgSpeed = avgText === fmt.UNKNOWN_VALUE ? "Tok/s —" : "Tok/s " + esc(avgText.replace(/ tok\\/s$/i, ""));
   const capacity = fmt.formatSellerCapacity(row.capacityUsed, row.capacityLimit);
+  const capacityText = capacity === fmt.UNKNOWN_VALUE ? "—" : capacity;
+  const connTone = capacityTone(row.capacityUsed, row.capacityLimit);
   const disc = fmt.formatDiscountRatio(row.discountRatio);
   const balanceRaw = row.upstreamBalanceUsdMicros;
-  const balanceText = (balanceRaw === undefined || balanceRaw === null) ? dash() : '<strong>'+esc(fmt.formatBalanceAmount(balanceRaw, row.upstreamBalanceCurrency || "USD"))+'</strong>';
-  const switchText = row.lastSwitchAt ? "Switch " + esc(fmt.formatTimeCompact(row.lastSwitchAt)) : "";
+  const hasBalance = balanceRaw !== undefined && balanceRaw !== null;
+  const lowBalance = hasBalance && Number(balanceRaw) < 10000000;
+  const balanceTone = hasBalance ? (lowBalance ? "red" : "green") : "gray";
+  const balanceDisplay = hasBalance ? fmt.formatBalanceAmount(balanceRaw, row.upstreamBalanceCurrency || "USD") : "—";
+  const balanceMissingTitle = row.upstreamBalanceError || "Balance probe has not returned data";
+  const balanceText = hasBalance ? renderOpMetric(balanceDisplay, balanceTone, lowBalance ? "Upstream balance below 10" : "Upstream balance ok") : '<span class="muted-value" title="'+esc(balanceMissingTitle)+'">-</span>';
+  const balancePlain = hasBalance ? fmt.formatBalanceAmount(balanceRaw, row.upstreamBalanceCurrency || "USD") : "-";
+  const balanceLabel = hasBalance ? (lowBalance ? "low balance" : "ok") : "-";
   // Step 13 v1.1: 绿点 (status + tone) 仍按 nodeStatus 决定 (probeManifest
   // 200 → active 绿点; 失败 → unknown 灰). registryStatus 单独 tooltip.
   const status = fmt.formatSellerStatus(row.nodeStatus);
   const tone = fmt.sellerStatusTone(row.nodeStatus);
-  const statusTip = "registry: " + esc(fmt.formatSellerStatus(row.registryStatus)) + " · upstream: " + esc(fmt.normalizeStatusLabel(row.upstreamStatus)) + " · source: " + esc(ds);
-  const sellerLine = [
-    disc !== fmt.UNKNOWN_VALUE ? "Disc " + esc(disc) : null,
-    capacity !== fmt.UNKNOWN_VALUE ? capacity : null,
-    ttftText !== fmt.UNKNOWN_VALUE ? ttft.replace("TTFT: ", "TTFT ") : null,
-    balanceText.includes("<strong>") ? "Balance " + esc(balanceText.replace(/<[^>]+>/g, "")) : null,
-    switchText || null
-  ].filter(Boolean).join(" · ");
-  // Step 13 v1.1: 4 类行的 status cell 文案不同.
-  //   both       → 正常 active / draining / offline
-  //   fly-only   → "未发布" (publishHint 提示走 vendor-bootstrap stage)
-  //   registry   → "**严重事故**" + alertReason 红字
-  let statusCell;
-  if (ds === "registry") {
-    statusCell = '<span class="field-cell"><strong class="registry-incident" title="'+esc(statusTip)+'">严重事故</strong>' +
+  const statusTip = "registry: " + esc(registryStatusDisplay(row.registryStatus)) + " · upstream: " + esc(fmt.normalizeStatusLabel(row.upstreamStatus)) + " · publish: " + esc(publish) + " · detail: " + esc(row.detailStatus || "pending");
+  const upstreamDisplay = sellerHostMatches(row, row.upstreamDomain) ? "—" : (row.upstreamDomain || "—");
+  const upstreamTone = upstreamStatusTone(row.upstreamStatus);
+  const discountText = disc === fmt.UNKNOWN_VALUE ? "—" : disc;
+  const regionText = row.region || row.specs?.region || "—";
+  const modelsText = row.modelsCount === undefined || row.modelsCount === null ? "—" : fmt.formatCount(row.modelsCount);
+  const ttftTone = latencyTone(row.ttftMs);
+  const ttftDisplay = ttftText === fmt.UNKNOWN_VALUE ? "—" : ttftText;
+  const refreshCountdown = detailCountdown(row);
+  const refreshLoading = row.detailStatus === "queued" || row.detailStatus === "loading";
+  const refreshText = refreshLoading ? ""
+                  : row.detailStatus === "skipped" ? "-"
+                  : row.detailUpdatedAt ? fmt.formatTimeCompact(row.detailUpdatedAt) + " / " + (refreshCountdown || "—")
+                  : "-";
+  const rowRiskTone = publishRelation === "registry_only" || lowBalance || upstreamTone === "red" || connTone === "red" || resourceTone === "red" || ttftTone === "red" || tone === "red" ? "alert"
+                    : publishRelation === "unpublished" || publish === "draining" || publish === "offline" || upstreamTone === "amber" || connTone === "amber" || resourceTone === "amber" || ttftTone === "amber" || tone === "amber" ? "warn"
+                    : "";
+  const rowClass = publishRelation === "registry_only" ? "app-row app-row-registry-only"
+                 : publishRelation === "unpublished" ? "app-row app-row-fly-only"
+                 : "app-row" + (rowRiskTone ? " row-" + rowRiskTone : "");
+  const publishExtras = publishRelation === "registry_only" ? '<strong class="registry-incident" title="'+esc(statusTip)+'">严重事故</strong>' +
       (row.alertReason ? '<span class="alert-reason">'+esc(row.alertReason)+'</span>' : '') +
-      (row.removeHint ? '<button class="remove-hint-btn" type="button" data-action="remove" data-seller-id="'+esc(row.id)+'" title="'+esc(row.removeHint)+'">'+esc(row.removeHint)+'</button>' : '') +
-    '</span>';
-  } else if (ds === "fly") {
-    statusCell = '<span class="field-cell"><strong title="'+esc(statusTip)+'">未发布</strong>' +
-      (row.publishHint ? '<button class="publish-hint-btn" type="button" data-action="publish" data-seller-id="'+esc(row.id)+'" title="'+esc(row.publishHint)+'">'+esc(row.publishHint)+'</button>' : '') +
-    '</span>';
-  } else {
-    statusCell = '<span class="field-cell"><strong title="'+esc(statusTip)+'">'+esc(status)+'</strong></span>';
-  }
-  return '<button class="'+esc(rowClass)+'" type="button" data-detail="'+esc(row.id)+'"><span class="app-dot tone-'+esc(tone)+'" aria-label="'+esc(status)+'"></span><span class="app-name"><span class="seller-title"><strong>'+esc(row.name)+'</strong>'+dsChip+'<span class="spec-tip" title="'+esc(tip)+'" aria-label="Seller specs">'+infoIcon+'</span></span><span class="muted-value" style="font-size:12px;font-family:var(--font-mono)">'+esc(sellerLine || row.app || row.id)+'</span></span><span class="field-cell"><strong>'+esc(row.upstreamDomain)+'</strong></span><span class="field-cell"><strong>'+esc(disc === fmt.UNKNOWN_VALUE ? "—" : disc)+'</strong></span><span class="field-cell"><strong>'+esc(capacity)+'</strong></span><span class="speed-cell"><strong>'+esc(ttftText === fmt.UNKNOWN_VALUE ? "—" : ttftText)+'</strong><span>'+avgSpeed+'</span></span><span class="field-cell"><span class="balance-line">'+balanceText+(row.upstreamRechargeUrl ? '<a class="recharge-btn" href="'+esc(row.upstreamRechargeUrl)+'" target="_blank" rel="noreferrer">↗</a>' : '')+'</span></span>'+statusCell+'<span class="row-actions"><span class="detail-btn">›</span></span></button>';
-}
-async function loadBootstrap(){
-  // Step 6 of the registry redesign: the legacy Bootstrap tab now
-  // surfaces vendor release requests. We keep the function name
-  // (loadBootstrap) so the existing click wiring continues to work,
-  // but the rendered content comes from the new
-  // /api/vendor/release-requests endpoint (added in ui-server.ts).
-  const fmt = window.__tbFmt;
-  try {
-    const data = await api("/api/vendor/release-requests");
-    const rows = (data.releaseRequests || []);
-    if (rows.length === 0) {
-      document.getElementById("releasesGrid").innerHTML = '<div class="status-line">No release requests yet. Submit one with <code>tb-admin vendor-bootstrap stage</code> + <code>release submit</code>.</div>';
-      return;
-    }
-    const table = '<table style="width:100%;border-collapse:collapse;font-size:13px;">' +
-      '<thead><tr><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">ID</th><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">Status</th><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">Sellers</th><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">Submitted</th><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">Version</th><th style="text-align:left;padding:6px 8px;color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:0.04em;">Error</th></tr></thead>' +
-      '<tbody>' + rows.map((r) => {
-        const summary = r.payloadSummary || { count: 0, sellerIds: [] };
-        const sellerList = (summary.sellerIds || []).join(", ") || "—";
-        const version = r.publishedVersion !== null && r.publishedVersion !== undefined ? "v" + esc(String(r.publishedVersion)) : "—";
-        return '<tr>' +
-          '<td style="padding:6px 8px;font-family:ui-monospace,monospace;">#' + esc(String(r.id)) + '</td>' +
-          '<td style="padding:6px 8px;">' + esc(r.status) + '</td>' +
-          '<td style="padding:6px 8px;">' + esc(String(summary.count)) + ' <span style="color:var(--muted);font-size:11px;">(' + esc(sellerList) + ')</span></td>' +
-          '<td style="padding:6px 8px;font-family:ui-monospace,monospace;">' + esc(fmt.formatTimeCompact(r.submittedAt)) + '</td>' +
-          '<td style="padding:6px 8px;">' + version + '</td>' +
-          '<td style="padding:6px 8px;color:var(--danger);">' + (r.errorMessage ? esc(r.errorMessage) : "—") + '</td>' +
-        '</tr>';
-      }).join("") + '</tbody></table>';
-    document.getElementById("releasesGrid").innerHTML = table;
-  } catch (err) {
-    document.getElementById("releasesGrid").innerHTML = '<div class="status-line">'+esc(uiErrorMessage(err))+'</div>';
-  }
+      (row.removeHint ? '<span class="remove-hint-btn" data-action="remove" data-seller-id="'+esc(row.id)+'" title="'+esc(row.removeHint)+'">'+esc(row.removeHint)+'</span>' : '')
+    : publishRelation === "unpublished" && row.publishHint ? '<span class="publish-hint-btn" data-action="publish" data-seller-id="'+esc(row.id)+'" title="'+esc(row.publishHint)+'">'+esc(row.publishHint)+'</span>' : '';
+  const publishCell = '<span class="field-cell"><span class="metric-label">Pub</span>'+dsChip+publishExtras+'</span>';
+  const regionCell = '<span class="field-cell"><span class="metric-label">Region</span><strong>'+esc(regionText)+'</strong></span>';
+  const modelsCell = '<span class="field-cell"><span class="metric-label">Models</span><strong>'+esc(modelsText)+'</strong></span>';
+  const connectionCell = '<span class="field-cell"><span class="metric-label">Connection</span>'+renderOpMetric(capacityText, connTone, "Active / max connections")+'</span>';
+  const resourcesCell = '<span class="field-cell"><span class="metric-label">Resources</span>'+renderOpMetric(resourcePrimary, resourceTone, usageDetail)+'</span>';
+  const upstreamCell = '<span class="field-cell"><span class="metric-label">Upstream</span><strong title="'+esc(row.upstreamDomain || "")+'">'+esc(upstreamDisplay)+'</strong></span>';
+  const upstreamStatusCell = '<span class="field-cell"><span class="metric-label">Status</span>'+renderStatusMetric(row.upstreamStatus, "Upstream status from seller /operator/status")+'</span>';
+  const discountCell = '<span class="field-cell"><span class="metric-label">Disc</span><strong>'+esc(discountText)+'</strong></span>';
+  const balanceCell = '<span class="field-cell"><span class="metric-label">Balance</span><span class="balance-line'+(lowBalance ? ' tone-red' : '')+'">'+balanceText+(row.upstreamRechargeUrl ? '<span class="recharge-btn" title="'+esc(row.upstreamRechargeUrl)+'">↗</span>' : '')+'</span></span>';
+  const speedCell = '<span class="speed-cell"><span class="metric-label">TTFT</span>'+renderOpMetric(ttftDisplay, ttftTone, avgSpeed+' · samples '+(row.latencySamples === undefined ? "—" : fmt.formatCount(row.latencySamples)))+'</span>';
+  const refreshContent = refreshLoading ? '<span class="inline-spinner" role="status" aria-label="'+esc(detailStatusLabel(row.detailStatus))+'" title="'+esc(detailStatusLabel(row.detailStatus))+'"></span>' : '<strong title="'+esc(row.detailUpdatedAt ? "updated " + fmt.formatTimeCompact(row.detailUpdatedAt) : "")+'">'+esc(refreshText)+'</strong>';
+  const refreshCell = '<span class="field-cell"><span class="metric-label">Next</span>'+refreshContent+'</span>';
+  const mobileRefreshValue = refreshLoading ? '<span class="inline-spinner" role="status" aria-label="'+esc(detailStatusLabel(row.detailStatus))+'" title="'+esc(detailStatusLabel(row.detailStatus))+'"></span>' : esc(refreshText);
+  const mobileUpstreamStatus = upstreamTone === "gray" ? "-" : fmt.normalizeStatusLabel(row.upstreamStatus);
+  const mobileMetrics = '<span class="mobile-metrics"><span class="mini-metric"><label>Connection</label><strong>'+esc(capacityText)+'</strong><span>'+esc(status)+'</span></span><span class="mini-metric"><label>Resources</label><strong>'+esc(resourcePrimary)+'</strong><span>'+esc(hasUsage ? cpuText + " / " + memoryText : machineText)+'</span></span><span class="mini-metric"><label>Upstream</label><strong>'+esc(mobileUpstreamStatus)+'</strong><span>'+esc(upstreamDisplay)+'</span></span><span class="mini-metric"><label>Balance</label><strong>'+esc(balancePlain)+'</strong><span>'+esc(hasBalance ? balanceLabel : "-")+'</span></span><span class="mini-metric"><label>Next</label><strong>'+mobileRefreshValue+'</strong><span>'+esc(refreshLoading ? "refreshing" : row.detailStatus || "pending")+'</span></span></span>';
+  return '<button class="'+esc(rowClass)+'" type="button" data-detail="'+esc(row.id)+'"><span class="app-dot tone-'+esc(tone)+'" aria-label="'+esc(status)+'" title="'+esc(statusTip)+'"></span><span class="app-name"><strong title="'+esc(row.name)+'">'+esc(row.name)+'</strong>'+mobileMetrics+'</span>'+publishCell+regionCell+modelsCell+connectionCell+resourcesCell+upstreamCell+upstreamStatusCell+discountCell+balanceCell+speedCell+refreshCell+'<span class="row-actions"><span class="detail-btn">›</span></span></button>';
 }
 function entryCardHtml(item){
   const secondary = item.secondary ? '<span class="secondary">'+item.secondary+'</span>' : "";
@@ -478,7 +601,7 @@ async function openBootstrapConfig(){
     document.getElementById("bootstrapModal").classList.add("open");
   }
 }
-async function openDetail(id){ editing = false; deleteReady = false; currentDetail = null; document.getElementById("detailTitle").textContent = id + " detail"; showDetailStatus("Loading seller data", true); document.getElementById("configFields").innerHTML = loadingSpinner("Loading configuration"); document.getElementById("modelsTable").innerHTML = loadingSpinner("Loading models"); document.getElementById("detailModal").classList.add("open"); try { currentDetail = await api("/api/sellers/"+encodeURIComponent(id)); renderDetail(); } catch (err) { showDetailStatus(err.message || "Failed to load seller detail", false); } }
+async function openDetail(id){ editing = false; deleteReady = false; currentDetail = null; document.getElementById("detailTitle").textContent = id + " detail"; document.getElementById("detailGrid").classList.add("hidden"); document.getElementById("configFields").innerHTML = ""; document.getElementById("modelsTable").innerHTML = ""; showDetailStatus("Loading seller data", true); document.getElementById("detailModal").classList.add("open"); try { currentDetail = await api("/api/sellers/"+encodeURIComponent(id)); renderDetail(); } catch (err) { document.getElementById("detailGrid").classList.add("hidden"); showDetailStatus(err.message || "Failed to load seller detail", false); } }
 function renderDetail(){
   const fmt = window.__tbFmt;
   const d = currentDetail;
@@ -486,8 +609,9 @@ function renderDetail(){
   document.getElementById("editDetail").textContent = editing ? "Save changes" : "Edit config";
   document.getElementById("deleteSeller").title = deleteReady ? "Confirm destroy deployment" : "Delete deployment";
   showDetailStatus(d.row.error || "", false);
+  document.getElementById("detailGrid").classList.remove("hidden");
   const c = d.configuration;
-  const fields = [["registryStatus", fmt.formatSellerStatus(c.registryStatus)],["region", c.region],["upstreamUrl", c.upstreamUrl],["upstreamApiKey", c.upstreamApiKeyMasked],["upstreamStatus", fmt.normalizeStatusLabel(c.upstreamStatus)],["ttftMs", fmt.formatDuration(d.row.ttftMs)],["avgTokensPerSecond", fmt.formatSpeed(d.row.avgTokensPerSecond)],["lastTokensPerSecond", fmt.formatSpeed(d.row.lastTokensPerSecond)],["lastInferenceMs", fmt.formatDuration(d.row.lastInferenceMs)],["latencySamples", d.row.latencySamples === undefined ? "—" : esc(fmt.formatCount(d.row.latencySamples))],["upstreamBalance", c.upstreamBalance],["upstreamBalanceSource", c.upstreamBalanceSource],["upstreamBalanceFetchedAt", c.upstreamBalanceFetchedAt ? fmt.formatTimeFull(c.upstreamBalanceFetchedAt) : "—"],["upstreamBalanceError", c.upstreamBalanceError],["upstreamBalanceProbeTemplate", c.upstreamBalanceProbeTemplate],["upstreamBalanceProbeUrl", c.upstreamBalanceProbeUrl],["upstreamBalanceProbeUserId", c.upstreamBalanceProbeUserId],["upstreamBalanceProbeRechargeUrl", c.upstreamBalanceProbeRechargeUrl],["markupRatio", c.markupRatio],["discountRatio", c.discountRatio],["maxConnections", c.maxConnections],["maxQueueDepth", c.maxQueueDepth]];
+  const fields = [["registryStatus", registryStatusDisplay(c.registryStatus || d.row.registryStatus)],["region", c.region],["upstreamUrl", c.upstreamUrl],["upstreamApiKey", c.upstreamApiKeyMasked],["upstreamStatus", fmt.normalizeStatusLabel(c.upstreamStatus)],["ttftMs", fmt.formatDuration(d.row.ttftMs)],["avgTokensPerSecond", fmt.formatSpeed(d.row.avgTokensPerSecond)],["lastTokensPerSecond", fmt.formatSpeed(d.row.lastTokensPerSecond)],["lastInferenceMs", fmt.formatDuration(d.row.lastInferenceMs)],["latencySamples", d.row.latencySamples === undefined ? "—" : esc(fmt.formatCount(d.row.latencySamples))],["upstreamBalance", c.upstreamBalance],["upstreamBalanceSource", c.upstreamBalanceSource],["upstreamBalanceFetchedAt", c.upstreamBalanceFetchedAt ? fmt.formatTimeFull(c.upstreamBalanceFetchedAt) : "—"],["upstreamBalanceError", c.upstreamBalanceError],["upstreamBalanceProbeTemplate", c.upstreamBalanceProbeTemplate],["upstreamBalanceProbeUrl", c.upstreamBalanceProbeUrl],["upstreamBalanceProbeUserId", c.upstreamBalanceProbeUserId],["upstreamBalanceProbeRechargeUrl", c.upstreamBalanceProbeRechargeUrl],["markupRatio", c.markupRatio],["discountRatio", c.discountRatio],["maxConnections", c.maxConnections],["maxQueueDepth", c.maxQueueDepth]];
   document.getElementById("configFields").innerHTML = detailFieldsHtml(fields);
   const billingOptions = Array.from(new Set(d.models.map(m => m.billingModel).filter(Boolean)));
   document.getElementById("modelsTable").innerHTML = '<table><thead><tr><th>Upstream model</th><th>Billing model</th><th>Input price</th><th>Output price</th><th>TTFT</th><th>AVG speed</th><th>Samples</th></tr></thead><tbody>'+d.models.map(m => '<tr><td>'+esc(m.upstreamModel)+'</td><td>'+(editing ? selectHtml(m.upstreamModel, m.billingModel, billingOptions) : esc(m.billingModel))+'</td><td>'+esc(m.inputPrice || "—")+'</td><td>'+esc(m.outputPrice || "—")+'</td><td>'+esc(m.ttftMs === undefined ? "—" : fmt.formatDuration(m.ttftMs))+'</td><td>'+esc(m.avgTokensPerSecond === undefined ? "—" : fmt.formatSpeed(m.avgTokensPerSecond))+'</td><td>'+esc(m.latencySamples === undefined ? "—" : fmt.formatCount(m.latencySamples))+'</td></tr>').join("")+'</tbody></table>';
@@ -498,10 +622,13 @@ function detailFieldsHtml(fields){ return fields.filter(([key,value]) => !isMiss
 function isMissingDetailField(key,value){ const fmt = window.__tbFmt; return value === undefined || value === null || value === "" || value === fmt.UNKNOWN_VALUE || (key === "registryStatus" && value === "unknown"); }
 function fieldHtml(key,value, editable, options={}){ const fieldId = "field-" + String(key).replace(/[^a-z0-9_-]/gi, "-") + "-" + Math.random().toString(36).slice(2); const label = options.label || key; const labelText = label + (options.required ? ' <span class="required-star">*</span>' : ''); const display = value === undefined || value === null ? "" : value; const className = "field" + (options.full ? " full" : ""); const help = options.help ? '<p class="field-help">'+esc(options.help)+'</p>' : ""; const hiddenInput = '<input type="hidden" data-field="'+esc(key)+'" value="'+esc(display)+'">'; if (options.hidden) return hiddenInput; if (!editable || options.readonly) return '<div class="'+className+'"><label>'+labelText+'</label><div class="readonly-value" title="'+esc(display)+'" data-readonly-field="'+esc(key)+'">'+esc(display || window.__tbFmt.UNKNOWN_VALUE)+'</div>'+(options.submit ? hiddenInput : "")+help+'</div>'; if (key === "upstreamBalanceProbeTemplate") return '<div class="'+className+'"><label for="'+esc(fieldId)+'">'+labelText+'</label><select id="'+esc(fieldId)+'" name="'+esc(key)+'" aria-label="'+esc(label)+'" autocomplete="off" data-field="'+esc(key)+'" data-original="'+esc(display)+'">'+balanceProbeTemplates.map(t => '<option value="'+esc(t)+'" '+(t === display ? "selected" : "")+'>'+esc(t)+'</option>').join("")+'</select>'+help+'</div>'; const type = options.type || (String(key).toLowerCase().includes("key") ? "password" : "text"); const attrs = options.type === "number" ? ' type="number" step="any"' : ' type="'+esc(type)+'"'; const placeholder = options.placeholder ? ' placeholder="'+esc(options.placeholder)+'"' : ""; return '<div class="'+className+'"><label for="'+esc(fieldId)+'">'+labelText+'</label><input'+attrs+placeholder+' id="'+esc(fieldId)+'" name="'+esc(key)+'" aria-label="'+esc(label)+'" autocomplete="off" data-field="'+esc(key)+'" data-original="'+esc(display)+'" value="'+esc(display)+'">'+help+'</div>'; }
 function selectHtml(upstreamModel, billingModel, options){ const values = options.includes(billingModel) ? options : [billingModel, ...options].filter(Boolean); return '<select name="billingModel" aria-label="billingModel" autocomplete="off" data-model="'+esc(upstreamModel)+'">'+values.map(value => '<option '+(value === billingModel ? "selected" : "")+'>'+esc(value)+'</option>').join("")+'</select>'; }
-document.getElementById("editDetail").onclick = async () => { if (!editing){ editing = true; renderDetail(); return; } const patch = {}; document.querySelectorAll("[data-field]").forEach(input => { const value = input.value; if (value === "" || value === input.dataset.original) return; patch[input.dataset.field] = numeric(value); }); const aliases = {}; document.querySelectorAll("[data-model]").forEach(input => aliases[input.dataset.model] = input.value); patch.modelAliases = aliases; const result = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)+"/config", { method:"PUT", body: JSON.stringify(patch) }); showDetailStatus(result.ok ? "Saved" : (result.stderr || "Save failed"), false); currentDetail = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)); editing = false; renderDetail(); loadSellers(); };
+function registryStatusForAction(action){ if (action === "drain") return "draining"; if (action === "activate") return "active"; return "offline"; }
+function setStatusActionBusy(busy){ document.querySelectorAll("[data-status-action]").forEach(btn => { btn.disabled = Boolean(busy); }); }
+function setDetailSavingBusy(busy){ const edit = document.getElementById("editDetail"); edit.disabled = Boolean(busy); edit.textContent = busy ? "Saving" : (editing ? "Save changes" : "Edit config"); document.querySelectorAll("#detailGrid [data-field], #detailGrid [data-model], [data-status-action], #deleteSeller").forEach(input => { input.disabled = Boolean(busy); }); }
+document.getElementById("editDetail").onclick = async () => { if (!editing){ editing = true; renderDetail(); return; } const patch = {}; document.querySelectorAll("[data-field]").forEach(input => { const value = input.value; if (value === "" || value === input.dataset.original) return; patch[input.dataset.field] = numeric(value); }); const aliases = {}; document.querySelectorAll("[data-model]").forEach(input => aliases[input.dataset.model] = input.value); patch.modelAliases = aliases; try { setDetailSavingBusy(true); showDetailStatus("Saving seller config", true); const result = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)+"/config", { method:"PUT", body: JSON.stringify(patch) }); if (!result.ok) throw new Error(result.stderr || "Save failed"); currentDetail = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)); editing = false; renderDetail(); loadSellers(); } catch (err) { showDetailStatus(err.message || "Save failed", false); } finally { setDetailSavingBusy(false); } };
 document.getElementById("deleteSeller").onclick = async () => { if (!currentDetail) return; if (deleteReady && !confirm("Destroy deployment for "+currentDetail.row.name+"?")) return; const result = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)+"/deployment", { method:"DELETE", body: JSON.stringify({ confirm: deleteReady }) }); showDetailStatus(result.stdout || (deleteReady ? "Deployment destroy requested." : "Dry-run ready. Click delete again to confirm destroy."), false); deleteReady = !deleteReady; document.getElementById("deleteSeller").title = deleteReady ? "Confirm destroy deployment" : "Delete deployment"; };
 document.getElementById("closeDetail").onclick = () => { deleteReady = false; document.getElementById("detailModal").classList.remove("open"); };
-document.querySelectorAll("[data-status-action]").forEach(btn => btn.onclick = async () => { if (!currentDetail) return; const action = btn.dataset.statusAction; if (!confirm("Set "+currentDetail.row.name+" registry status via "+action+"?")) return; const result = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)+"/"+action, { method:"POST" }); showDetailStatus(result.stdout || (result.ok ? "Registry status updated." : result.stderr || "Status update failed."), false); currentDetail = await api("/api/sellers/"+encodeURIComponent(currentDetail.row.id)); renderDetail(); loadSellers(); });
+document.querySelectorAll("[data-status-action]").forEach(btn => btn.onclick = async () => { if (!currentDetail) return; const action = btn.dataset.statusAction; const id = currentDetail.row.id; const status = registryStatusForAction(action); try { setStatusActionBusy(true); showDetailStatus("Updating registry status", true); const result = await api("/api/sellers/"+encodeURIComponent(id)+"/"+action, { method:"POST" }); if (!result.ok) throw new Error(result.stderr || "Status update failed."); patchSellerRegistryStatus(id, status); deleteReady = false; currentDetail = null; document.getElementById("detailModal").classList.remove("open"); } catch (err) { showDetailStatus(err.message || "Status update failed.", false); } finally { setStatusActionBusy(false); } });
 document.getElementById("createSeller").onclick = () => { buildCreateForm(); document.getElementById("createModal").classList.add("open"); };
 document.getElementById("closeCreate").onclick = () => document.getElementById("createModal").classList.remove("open");
 function buildCreateForm(){ clearInterval(createJobTimer); createJobTimer = null; currentCreateJob = null; expandedProgressSteps = new Set(); createAppSuffix = randomAppSuffix(); document.getElementById("submitCreate").disabled = false; document.getElementById("submitCreate").textContent = "Create seller"; document.getElementById("createStatus").textContent = ""; document.getElementById("createStatus").classList.add("hidden"); document.getElementById("createStatus").classList.remove("loading"); document.getElementById("createProgress").classList.add("hidden"); document.getElementById("createProgress").innerHTML = ""; setCreateFormDisabled(false); const defaults = createDefaults(); document.getElementById("createFields").innerHTML = createFormHtml(defaults); setupCreateFormBehavior(); setupPaymentTabs(); }
@@ -534,14 +661,6 @@ function renderCreateJob(job){ if (!job) return; currentCreateJob = job; const d
 function progressStep(event){ const result = event.result || {}; const log = [result.command ? "$ " + result.command.join(" ") : "", result.stdout || "", result.stderr || ""].filter(Boolean).join("\\n").slice(0, 1600); const expanded = expandedProgressSteps.has(event.stepId); const spinner = event.status === "running" ? '<span class="spinner" aria-hidden="true"></span>' : ""; return '<button type="button" class="progress-step '+esc(event.status)+'" data-progress-step="'+esc(event.stepId)+'" aria-expanded="'+String(expanded)+'"><div class="progress-title">'+spinner+'<strong>'+esc(event.title)+'</strong></div><div class="progress-meta"><span>'+esc(event.message || event.status)+'</span>'+(log ? '<span class="progress-toggle">'+(expanded ? "Hide details" : "Show details")+'</span>' : '')+'</div>'+(log && expanded ? '<pre class="progress-log">'+esc(log)+'</pre>' : '')+'</button>'; }
 function setCreateFormDisabled(disabled){ document.querySelectorAll("#createFields [data-field], #createFields [data-payment-tab], #createFields [data-payment-toggle]").forEach(input => { input.disabled = Boolean(disabled); }); if (!disabled) updatePaymentPanels(); }
 document.getElementById("createProgress").onclick = event => { const step = event.target.closest("[data-progress-step]"); if (!step) return; const id = step.dataset.progressStep; if (expandedProgressSteps.has(id)) expandedProgressSteps.delete(id); else expandedProgressSteps.add(id); if (currentCreateJob) renderCreateJob(currentCreateJob); };
-const refreshBootstrapEl = document.getElementById("refreshBootstrap");
-if (refreshBootstrapEl) {
-  refreshBootstrapEl.onclick = loadBootstrap;
-}
-const refreshReleasesEl = document.getElementById("refreshReleases");
-if (refreshReleasesEl) {
-  refreshReleasesEl.onclick = loadBootstrap;
-}
 document.getElementById("closeBootstrapConfig").onclick = () => document.getElementById("bootstrapModal").classList.remove("open");
 function fieldValue(input){ return numeric(input.value); }
 function numeric(value){ const n = Number(value); return value !== "" && Number.isFinite(n) ? n : value; }