npm - @tokenbuddy/tb-admin - Versions diffs - 1.0.36 → 1.0.38 - Mend

@tokenbuddy/tb-admin 1.0.36 → 1.0.38

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (93) hide show

package/dist/src/cli.js +98 -25
package/dist/src/config.d.ts +8 -2
package/dist/src/config.js +17 -5
package/dist/src/display-format.js +6 -14
package/dist/src/init-command.d.ts +50 -0
package/dist/src/init-command.js +347 -0
package/dist/src/providers/fly-io.d.ts +3 -0
package/dist/src/providers/fly-io.js +137 -0
package/dist/src/providers/provider-definition.d.ts +38 -0
package/dist/src/providers/provider-definition.js +2 -0
package/dist/src/seller.d.ts +2 -0
package/dist/src/seller.js +30 -13
package/dist/src/server-cmd.d.ts +1 -0
package/dist/src/server-cmd.js +9 -2
package/dist/src/ui-actions.d.ts +3 -0
package/dist/src/ui-actions.js +199 -27
package/dist/src/ui-command.js +3 -2
package/dist/src/ui-state.d.ts +1 -3
package/dist/src/ui-state.js +4 -8
package/dist/src/ui-static.js +43 -15
package/dist/src/workdir.d.ts +21 -0
package/dist/src/workdir.js +50 -0
package/package.json +9 -3
package/templates/providers/fly.io/admin.toml.example +18 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/README.md +18 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/admin-web.example.env +3 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/cloudflare-r2.example.env +6 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/registry-signing-key.example.json +6 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/registry.example.json +14 -0
package/templates/providers/fly.io/deploy-secrets/bootstrap/tb-registry.example.yaml +14 -0
package/templates/providers/fly.io/deploy-secrets/seller-configs/README.md +13 -0
package/templates/providers/fly.io/deploy-secrets/seller-configs/seller.example.yaml +35 -0
package/templates/providers/fly.io/env/deploy.env.example +12 -0
package/templates/providers/fly.io/fly/fly.tb-registry.toml +31 -0
package/templates/providers/fly.io/fly/fly.tb-seller.toml +25 -0
package/templates/providers/fly.io/provider.toml.example +10 -0
package/dist/src/bootstrap-registry.d.ts.map +0 -1
package/dist/src/bootstrap-registry.js.map +0 -1
package/dist/src/cli.d.ts.map +0 -1
package/dist/src/cli.js.map +0 -1
package/dist/src/client.d.ts.map +0 -1
package/dist/src/client.js.map +0 -1
package/dist/src/config.d.ts.map +0 -1
package/dist/src/config.js.map +0 -1
package/dist/src/display-format.d.ts.map +0 -1
package/dist/src/display-format.js.map +0 -1
package/dist/src/index.d.ts.map +0 -1
package/dist/src/index.js.map +0 -1
package/dist/src/provider.d.ts.map +0 -1
package/dist/src/provider.js.map +0 -1
package/dist/src/seller.d.ts.map +0 -1
package/dist/src/seller.js.map +0 -1
package/dist/src/server-cmd.d.ts.map +0 -1
package/dist/src/server-cmd.js.map +0 -1
package/dist/src/ui-actions.d.ts.map +0 -1
package/dist/src/ui-actions.js.map +0 -1
package/dist/src/ui-command.d.ts.map +0 -1
package/dist/src/ui-command.js.map +0 -1
package/dist/src/ui-server.d.ts.map +0 -1
package/dist/src/ui-server.js.map +0 -1
package/dist/src/ui-state.d.ts.map +0 -1
package/dist/src/ui-state.js.map +0 -1
package/dist/src/ui-static.d.ts.map +0 -1
package/dist/src/ui-static.js.map +0 -1
package/dist/src/upstream-balance-probe.d.ts.map +0 -1
package/dist/src/upstream-balance-probe.js.map +0 -1
package/dist/src/vendor-client.d.ts.map +0 -1
package/dist/src/vendor-client.js.map +0 -1
package/dist/src/vendor-commands.d.ts.map +0 -1
package/dist/src/vendor-commands.js.map +0 -1
package/src/bootstrap-registry.ts +0 -90
package/src/cli.ts +0 -1614
package/src/client.ts +0 -179
package/src/config.ts +0 -194
package/src/display-format.ts +0 -411
package/src/index.ts +0 -11
package/src/provider.ts +0 -150
package/src/seller.ts +0 -538
package/src/server-cmd.ts +0 -362
package/src/ui-actions.ts +0 -1040
package/src/ui-command.ts +0 -44
package/src/ui-server.ts +0 -353
package/src/ui-state.ts +0 -1318
package/src/ui-static.ts +0 -673
package/src/upstream-balance-probe.ts +0 -13
package/src/vendor-client.ts +0 -23
package/src/vendor-commands.ts +0 -65
package/tests/admin.test.ts +0 -2162
package/tests/seller.test.ts +0 -388
package/tests/ui-state-fleet.test.ts +0 -526
package/tests/ui-static-row.test.ts +0 -467
package/tests/vendor-cli.test.ts +0 -241
package/tsconfig.json +0 -8

package/src/ui-static.ts DELETED Viewed

@@ -1,673 +0,0 @@
-// tb-admin UI — HTML/CSS/JS bundle served by `tb-admin ui`.
-//
-// Visual system follows `DESIGN.md` (TokenBuddy UI design standard).
-// Data display helpers live in `./display-format.js` and are inlined
-// into the page script via `displayFormatBundle()` below.
-import { displayFormatBundle } from "./display-format.js";
-export function adminUiHtml(): string {
-  return `<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>TokenBuddy Admin</title>
-  <style>
-    /* ---- Tokens (aligned with DESIGN.md) ----------------------------- */
-    :root {
-      color-scheme: light;
-      --canvas:#f8f7ff;--canvas-soft:#fbfaff;--panel:#ffffff;--panel-subtle:#fdfcff;
-      --ink:#201a38;--text:#312a4f;--muted:#6b6384;--faint:#8d86a3;
-      --hairline:#eee9fb;--hairline-strong:#ded6f2;
-      --primary:#7c3df0;--primary-deep:#5b35d7;--primary-soft:#f1ebff;
-      --router:#6d42e8;--spend:#0f766e;--spend-soft:#e8fbf7;
-      --tokens:#2563eb;--tokens-soft:#eaf2ff;
-      --inventory:#9333ea;--inventory-soft:#f7ecff;
-      --success:#10b981;--success-soft:#e8fff6;
-      --warning:#f59e0b;--warning-soft:#fff7df;
-      --danger:#ef5b78;--danger-soft:#fff0f3;
-      --shadow:0 12px 36px rgba(60,41,112,.08);
-      /* typography tokens */
-      --label-fs:11px;--label-lh:14px;--label-spacing:.08em;--label-weight:800;
-      --body-fs:13px;--body-lh:18px;
-      --metric-fs:16px;--metric-lh:22px;--metric-weight:800;
-      --numeric-fs:12px;--numeric-weight:700;
-      --font-sans:Inter,Geist,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-      --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
-      font-family:var(--font-sans);letter-spacing:0;
-    }
-    *{box-sizing:border-box}html{scroll-behavior:smooth}
-    body{margin:0;min-height:100dvh;color:var(--text);background:var(--canvas);font-variant-numeric:tabular-nums}
-    button,input,select,textarea{font:inherit}button{cursor:pointer}
-    button,a,input,select{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
-    button:active,a:active{transform:translateY(1px)}
-    button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
-    /* ---- App shell ---------------------------------------------------- */
-    .topnav{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--hairline);background:var(--canvas);position:sticky;top:0;z-index:20}
-    .logo{color:var(--ink);font-family:var(--font-mono);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
-    .top-links{display:flex;gap:6px;font-weight:650}
-    .top-link{position:relative;border:0;border-radius:8px;background:transparent;color:var(--muted);min-height:36px;padding:0 11px;font-size:13px;font-weight:650}
-    .top-link:after{content:"";position:absolute;left:11px;right:11px;bottom:-7px;height:2px;border-radius:999px;background:var(--primary);opacity:0;transform:scaleX(.55);transition:opacity .18s ease,transform .18s ease}
-    .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(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}
-    /* ---- 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)}
-    .btn.primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 8px 18px rgba(124,61,240,.16)}
-    .btn.primary:hover{background:var(--primary-deep);color:#fff}
-    .btn.danger{color:var(--danger)}
-    .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: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{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)" 按钮
-       dataSource="both"     → 正常边, 跟 1.0.31 老样式一致
-    */
-    .app-row.app-row-fly-only{border-color:#cdd2db;background:#f8f9fc}
-    .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;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;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;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}
-    .app-dot.tone-green{background:var(--success);box-shadow:0 0 0 4px rgba(16,185,129,.18)}
-    .app-dot.tone-amber{background:var(--warning);box-shadow:0 0 0 4px rgba(245,158,11,.2)}
-    .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: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: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}
-    .entry-card.router{background:var(--panel);border-color:var(--hairline-strong);box-shadow:var(--shadow)}
-    .entry-card.spend{background:var(--spend-soft);border-color:#cceee6;box-shadow:none}
-    .entry-card.tokens{background:var(--tokens-soft);border-color:#d9e7ff;box-shadow:none}
-    .entry-card.inventory{background:var(--inventory-soft);border-color:#ead5ff;box-shadow:none}
-    .entry-card label{color:var(--muted);font-size:var(--label-fs);font-weight:var(--label-weight);text-transform:uppercase;letter-spacing:var(--label-spacing)}
-    .entry-card strong{color:var(--ink);font-family:var(--font-mono);font-size:var(--metric-fs);line-height:var(--metric-lh);font-weight:var(--metric-weight)}
-    .entry-card .secondary{color:var(--muted);font-size:12px;line-height:16px;font-family:var(--font-mono)}
-    /* ---- Modal -------------------------------------------------------- */
-    .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;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;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)}
-    .card h2{margin:0 0 12px;color:var(--ink);font-size:16px;line-height:22px;font-weight:750}
-    .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
-    .create-form{display:grid;gap:16px}
-    .create-section{border:1px solid var(--hairline);border-radius:12px;background:#fff;padding:16px;display:grid;gap:12px;box-shadow:var(--shadow)}
-    .create-section h2{margin:0;color:var(--ink);font-size:16px;line-height:22px;font-weight:750}
-    .section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
-    /* ---- Tabs & payment --------------------------------------------- */
-    .payment-tabs{display:flex;gap:8px;flex-wrap:wrap}
-    .payment-tab{border:1px solid var(--hairline-strong);border-radius:8px;background:#fff;color:var(--primary);min-height:34px;padding:0 12px;font-weight:800}
-    .payment-tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}
-    .payment-panel{border:1px solid var(--hairline);border-radius:8px;background:var(--panel-subtle);padding:14px;display:grid;gap:14px}
-    .payment-head{display:flex;align-items:center;justify-content:space-between;gap:14px}
-    .payment-head h3{margin:0;color:var(--ink);font-size:14px}
-    .pill-switch{border:1px solid var(--hairline-strong);border-radius:8px;background:#fff;color:var(--muted);min-height:34px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;font-weight:800}
-    .pill-switch:before{content:"";width:18px;height:18px;border-radius:999px;background:#d8d0ea;box-shadow:inset 0 0 0 4px #fff}
-    .pill-switch.enabled{border-color:#8bd9ba;background:var(--success-soft);color:#087755}
-    .pill-switch.enabled:before{background:var(--success)}
-    .field.full{grid-column:1/-1}
-    .field-help{margin:0;color:var(--muted);font-size:12px;line-height:1.45}
-    .required-star{color:#c0264e}
-    .generated-summary{border:1px solid var(--hairline);border-radius:8px;background:#fff;padding:10px 12px;color:var(--muted);font-size:12px;line-height:1.5}
-    .field{display:grid;gap:7px}
-    .field label{font-size:var(--label-fs);font-weight:var(--label-weight);color:var(--muted);letter-spacing:var(--label-spacing);text-transform:uppercase}
-    .field input,.field select,.readonly-value{min-height:40px;border:1px solid var(--hairline-strong);border-radius:8px;padding:0 10px;background:#fff;color:var(--ink)}
-    .field input,.field select{font:inherit}
-    .field input:disabled,.field select:disabled{background:#f3f0fb;color:#958daa}
-    .model-toggle{width:18px;height:18px;accent-color:var(--primary)}
-    .model-toggle:disabled{cursor:default}
-    .readonly-value{display:flex;align-items:center;background:var(--panel-subtle);color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
-    .field input[readonly]{background:var(--panel-subtle);color:var(--muted)}
-    /* ---- Tables (audit) ---------------------------------------------- */
-    table{width:100%;border-collapse:collapse;font-size:var(--body-fs)}
-    th,td{text-align:left;border-bottom:1px solid var(--hairline);padding:10px;color:#50496a}
-    th{color:var(--muted);font-size:var(--label-fs);text-transform:uppercase;letter-spacing:var(--label-spacing)}
-    /* ---- Status banners ---------------------------------------------- */
-    .status-line,.loading-row{padding:10px 14px;border:1px solid var(--hairline-strong);border-radius:8px;background:#fff;color:var(--muted);font-size:var(--body-fs)}
-    .status-line.loading,.loading-row{border-color:var(--hairline-strong);background:var(--primary-soft);color:var(--primary)}
-    .loading-row{min-height:76px;display:grid;place-items:center}
-    .status-line.loading{min-height:42px;display:flex;align-items:center;justify-content:center}
-    .form-grid>.loading-row{grid-column:1/-1}
-    /* ---- Create progress -------------------------------------------- */
-    .create-progress{position:relative;display:grid;gap:12px;padding-left:30px}
-    .create-progress:before{content:"";position:absolute;left:15px;top:22px;bottom:22px;width:2px;background:#e6def8}
-    .progress-step{position:relative;border:1px solid var(--hairline);border-radius:8px;background:#fff;padding:12px 14px;display:grid;gap:6px;text-align:left;color:inherit}
-    .progress-step:before{content:"";position:absolute;left:-23px;top:18px;width:12px;height:12px;border-radius:999px;background:#c7bedf;border:3px solid var(--canvas)}
-    .progress-step strong{color:var(--ink);font-size:var(--body-fs);font-weight:750}
-    .progress-step span{color:var(--muted);font-size:12px}
-    .progress-step.running{border-color:var(--hairline-strong);background:var(--primary-soft)}
-    .progress-step.running:before{background:var(--primary)}
-    .progress-step.succeeded{border-color:rgba(16,185,129,.4)}
-    .progress-step.succeeded:before{background:var(--success)}
-    .progress-step.failed{border-color:#f4bdc9;background:var(--danger-soft)}
-    .progress-step.failed:before{background:var(--danger)}
-    .progress-step.skipped{background:var(--panel-subtle)}
-    .progress-step.skipped:before{background:#b9afd8}
-    .progress-title{display:flex;align-items:center;gap:8px}
-    .progress-title .spinner{width:14px;height:14px;border-width:2px}
-    .progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px}
-    .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,1560px)}
-      .app-table-head{display:none}
-      .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}
-      .modal-body{padding:18px 16px 34px}
-    }
-  </style>
-</head>
-<body>
-  <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>
-          <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>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">
-              <span class="spinner" aria-hidden="true"></span>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  </main>
-  <section id="detailModal" class="modal">
-    <div class="modal-shell">
-      <header class="modal-head">
-        <div class="modal-title">
-          <span id="detailTitle">seller detail</span>
-          <button id="deleteSeller" class="btn icon danger" title="Delete deployment" aria-label="Delete deployment">
-            <svg viewBox="0 0 24 24" aria-hidden="true">
-              <path d="M3 6h18"></path><path d="M8 6V4h8v2"></path>
-              <path d="M6 6l1 16h10l1-16"></path><path d="M10 11v6"></path><path d="M14 11v6"></path>
-            </svg>
-          </button>
-        </div>
-        <div class="modal-actions">
-          <button class="btn" data-status-action="drain">Drain</button>
-          <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>
-        </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 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>
-      </div>
-    </div>
-  </section>
-  <section id="createModal" class="modal">
-    <div class="modal-shell">
-      <header class="modal-head">
-        <div class="modal-title">New seller</div>
-        <div class="modal-actions">
-          <button id="submitCreate" class="btn primary">Create seller</button>
-          <button id="closeCreate" class="btn">Close</button>
-        </div>
-      </header>
-      <div class="modal-body">
-        <div id="createStatus" class="status-line hidden"></div>
-        <div id="createProgress" class="card create-progress hidden"></div>
-        <div id="createFields" class="create-form"></div>
-      </div>
-    </div>
-  </section>
-  <section id="bootstrapModal" class="modal">
-    <div class="modal-shell">
-      <header class="modal-head">
-        <div class="modal-title">Bootstrap service</div>
-        <div class="modal-actions"><button id="closeBootstrapConfig" class="btn">Close</button></div>
-      </header>
-      <div class="modal-body">
-        <div id="bootstrapStatus" class="status-line">Ready</div>
-        <div class="detail-grid">
-          <div class="card"><h2>Bootstrap status</h2><div id="bootstrapConfigMetrics" class="bootstrap-grid"></div></div>
-          <div class="card"><h2>Bootstrap configuration</h2><div id="bootstrapConfigFields" class="form-grid"></div></div>
-        </div>
-      </div>
-    </div>
-  </section>
-  <script>${adminUiScript()}</script>
-</body>
-</html>`;
-}
-function adminUiScript(): string {
-  // Inlined display-format bundle (must stay in sync with src/display-format.ts).
-  return `
-${displayFormatBundle()}
-${adminUiClientScript()}
-`;
-}
-function adminUiClientScript(): string {
-  return `
-async function api(path, options={}){
-  try {
-    const response = await fetch(path, { ...options, headers: { "Content-Type": "application/json", ...(options.headers || {}) } });
-    const text = await response.text();
-    let data = {};
-    try {
-      data = text ? JSON.parse(text) : {};
-    } catch {
-      data = { error: response.ok ? "Request returned an unreadable response." : "Request failed." };
-    }
-    if (!response.ok) throw new Error(uiErrorMessage(data.error || response.statusText));
-    return data;
-  } catch (err) {
-    throw new Error(uiErrorMessage(err));
-  }
-}
-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 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 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>';
-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(); 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;
-  // publishStatus 决定用户可见发布态; dataSource 只作为排障线索.
-  // checking/unknown 必须保持中性, 不能提前显示成未发布或事故.
-  const ds = row.dataSource || "both";
-  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 avgText = fmt.formatSpeed(row.avgTokensPerSecond);
-  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 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(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 ? '<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>' : "";
-  return '<div class="entry-card '+(item.tone || "router")+'"><label>'+esc(item.label)+'</label><strong>'+esc(item.value || "—")+'</strong>'+secondary+'</div>';
-}
-async function openBootstrapConfig(){
-  const fmt = window.__tbFmt;
-  try {
-    const data = await api("/api/bootstrap/config");
-    document.getElementById("bootstrapStatus").textContent = uiErrorMessage(data.error || "Ready");
-    const clawtip = data.clawtip || {};
-    const metrics = [
-      { tone: "router", label: "Service", value: data.status || "unknown" },
-      { tone: "spend", label: "Activation", value: clawtip.activationFeeFen === undefined ? "—" : esc(String(clawtip.activationFeeFen)) + " fen" },
-      { tone: "tokens", label: "Micros / fen", value: clawtip.microsPerFen === undefined ? "—" : esc(fmt.formatCount(clawtip.microsPerFen)) },
-      { tone: "inventory", label: "Skill", value: clawtip.skillSlug || "—" }
-    ];
-    document.getElementById("bootstrapConfigMetrics").innerHTML = metrics.map(m => entryCardHtml(m)).join("");
-    const fields = [["sellerRegistryPath", data.sellerRegistryPath],["bind.host", data.bindHost],["bind.port", data.bindPort],["allowLocalSellerUrls", String(Boolean(data.allowLocalSellerUrls))],["clawtip.payTo", clawtip.payToMasked],["clawtip.sm4KeyBase64", clawtip.sm4KeyMasked],["clawtip.skillId", clawtip.skillId],["clawtip.description", clawtip.description],["clawtip.resourceUrl", clawtip.resourceUrl]];
-    document.getElementById("bootstrapConfigFields").innerHTML = fields.map(([k,v]) => fieldHtml(k,v,false)).join("");
-    document.getElementById("bootstrapModal").classList.add("open");
-  } catch (err) {
-    document.getElementById("bootstrapStatus").textContent = uiErrorMessage(err);
-    document.getElementById("bootstrapConfigMetrics").innerHTML = "";
-    document.getElementById("bootstrapConfigFields").innerHTML = "";
-    document.getElementById("bootstrapModal").classList.add("open");
-  }
-}
-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;
-  document.getElementById("detailTitle").textContent = d.row.name + " detail";
-  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", 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>Enable</th><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>'+modelEnableHtml(m)+'</td><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>';
-}
-function showDetailStatus(message, loading){ const el = document.getElementById("detailStatus"); if (loading){ el.innerHTML = '<span class="spinner" aria-hidden="true"></span>'; el.setAttribute("role", "status"); el.setAttribute("aria-label", message || "Loading"); } else { el.textContent = message || ""; el.removeAttribute("role"); el.removeAttribute("aria-label"); } el.classList.toggle("hidden", !message && !loading); el.classList.toggle("loading", Boolean(loading)); }
-function metricCell(value){ return value === undefined || value === null || value === "" ? missing("—") : esc(value); }
-function detailFieldsHtml(fields){ return fields.filter(([key,value]) => !isMissingDetailField(key,value)).map(([key,value]) => { const editable = editing && ["upstreamUrl","upstreamApiKey","upstreamBalanceProbeTemplate","upstreamBalanceProbeUrl","upstreamBalanceProbeRechargeUrl","upstreamBalanceProbeUserId","markupRatio","discountRatio","maxConnections","maxQueueDepth"].includes(key); return fieldHtml(key, value, editable); }).join(""); }
-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>'; }
-function modelEnableHtml(model){ return '<input class="model-toggle" type="checkbox" aria-label="Enable '+esc(model.upstreamModel)+'" data-model-enabled="'+esc(model.upstreamModel)+'" '+(model.enabled === false ? "" : "checked")+' '+(editing ? "" : "disabled")+'>'; }
-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], #detailGrid [data-model-enabled], [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; patch.models = modelConfigPatchFromDetail(); 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); } };
-function modelConfigPatchFromDetail(){ const enabledByModel = {}; document.querySelectorAll("[data-model-enabled]").forEach(input => enabledByModel[input.dataset.modelEnabled] = Boolean(input.checked)); return (currentDetail?.models || []).map(model => ({ ...(model.configModel || { id:model.upstreamModel }), id:model.upstreamModel, enabled: enabledByModel[model.upstreamModel] !== 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; 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(); }
-function createFormHtml(defaults){ return [createSectionHtml("基础信息设置", ["sellerName","app","region","image","flyConfig"], defaults), createSectionHtml("上游设置", ["upstreamWebsite","upstreamUrl","upstreamApiKey","upstreamBalanceProbeTemplate","upstreamBalanceProbeUrl","upstreamBalanceProbeUserId","upstreamBalanceProbeRechargeUrl"], defaults), createSectionHtml("性能与安全", ["maxConnections","maxQueueDepth","markupRatio","discountRatio"], defaults), paymentSectionHtml(defaults)].join(""); }
-function createSectionHtml(title, fields, defaults){ return '<section class="create-section"><h2>'+esc(title)+'</h2><div class="section-grid">'+fields.map(key => fieldHtml(key, defaults[key], createFieldEditable(key), createFieldOptions(key))).join("")+'</div></section>'; }
-function paymentSectionHtml(defaults){ const enabled = new Set(defaults.paymentMethods || []); const editableFields = [["clawtipPayTo","payTo"],["clawtipSm4KeyBase64","sm4KeyBase64"]]; const fixedFields = ["clawtipSkillSlug","clawtipSkillId","clawtipDescription","clawtipResourceUrl","clawtipActivationFeeFen","clawtipMicrosPerFen"]; return '<section class="create-section"><h2>支付设置</h2><div class="payment-tabs">'+paymentMethods.map((method,index) => '<button type="button" class="payment-tab '+(index === 0 ? "active" : "")+'" data-payment-tab="'+esc(method)+'">'+esc(method)+'</button>').join("")+'</div><div class="payment-panel" data-payment-panel="clawtip" data-enabled="'+String(enabled.has("clawtip"))+'"><div class="payment-head"><h3>ClawTip</h3>'+paymentToggleHtml("clawtip", enabled.has("clawtip"))+'</div><div class="section-grid">'+editableFields.map(([key,label]) => fieldHtml(key, defaults[key], true, { ...createFieldOptions(key), label })).join("")+fixedFields.map(key => fieldHtml(key, defaults[key], false, { hidden:true })).join("")+'<div class="field full"><label>自动生成参数</label><div class="generated-summary" data-generated-summary="clawtip"></div></div></div></div><div class="payment-panel hidden" data-payment-panel="mock" data-enabled="'+String(enabled.has("mock"))+'"><div class="payment-head"><h3>Mock</h3>'+paymentToggleHtml("mock", enabled.has("mock"))+'</div><div class="section-grid">'+fieldHtml("参数规则", "启用即可使用 mock 支付方式，无需额外参数", false, { full:true })+'</div></div></section>'; }
-function paymentToggleHtml(method, enabled){ return '<button type="button" class="pill-switch '+(enabled ? "enabled" : "")+'" data-payment-toggle="'+esc(method)+'" aria-pressed="'+String(enabled)+'">'+(enabled ? "已启用" : "未启用")+'</button>'; }
-function numericFieldOptions(key){ return ["maxConnections","maxQueueDepth","markupRatio","discountRatio","clawtipActivationFeeFen","clawtipMicrosPerFen"].includes(key) ? { type:"number" } : {}; }
-function createFieldEditable(key){ return !["app","image","flyConfig"].includes(key); }
-function createFieldOptions(key){ const labels = { sellerName:"Seller name", app:"Fly app name", region:"Fly region", image:"Seller image", flyConfig:"Fly config file", upstreamWebsite:"Upstream website", upstreamUrl:"OpenAI-compatible base URL", upstreamApiKey:"Upstream API key", upstreamBalanceProbeTemplate:"Balance probe template", upstreamBalanceProbeUrl:"Balance probe URL (auto from template)", upstreamBalanceProbeUserId:"Balance probe user ID", upstreamBalanceProbeRechargeUrl:"Recharge URL", maxConnections:"Max connections", maxQueueDepth:"Max queue depth", markupRatio:"Markup ratio", discountRatio:"Discount ratio", clawtipPayTo:"payTo", clawtipSm4KeyBase64:"sm4KeyBase64" }; const help = { sellerName:"Use a domain-style slug, for example openrouter-ai or moonshot-cn. The Fly app will be generated as tbs-<seller-name>-<random>.", app:"Generated from seller name. Example: tbs-openrouter-ai-k7p9x.", region:"Fly.io region, for example sin, nrt, hkg, lax.", image:"Uses the published seller image by default.", flyConfig:"Uses the standard tb-seller Fly.io config.", upstreamWebsite:"Customer-facing upstream website. Example: https://moonshot.cn", upstreamUrl:"OpenAI-compatible API base URL. Examples: https://api.moonshot.cn/v1 or https://openrouter.ai/api/v1", upstreamApiKey:"Upstream provider API key. This is submitted to the seller config and never shown in the seller list.", upstreamBalanceProbeTemplate:"Choose the parser used for balance lookup. usage_generic calls /v1/usage with the upstream API key.", upstreamBalanceProbeUrl:"Auto-filled and disabled for known templates. NewAPI generic keeps this editable. Example: https://code.shoestravel.xin/api/user/self", upstreamBalanceProbeUserId:"Only needed by NewAPI-style balance endpoints that require a user id.", upstreamBalanceProbeRechargeUrl:"Where operators recharge this upstream account. Example: https://code.shoestravel.xin/topup or https://openrouter.ai/settings/credits", maxConnections:"Seller concurrency limit. Each connection can serve one in-flight request.", maxQueueDepth:"Number of queued requests allowed when all connections are busy.", markupRatio:"Multiplier applied to upstream prices before discount. 1.0 = passthrough.", discountRatio:"Configured discount level after markup. 1.0 = standard price, 0.5 = 5折, 0.0 = free.", clawtipPayTo:"Alipay payTo target for ClawTip payments.", clawtipSm4KeyBase64:"Base64 SM4 symmetric key used to encrypt ClawTip payment requests." }; const options = { ...numericFieldOptions(key) }; if (labels[key]) options.label = labels[key]; if (help[key]) options.help = help[key]; return options; }
-function randomAppSuffix(){ return Math.random().toString(36).replace(/[^a-z0-9]/g, "").slice(2, 7) || "x7p9k"; }
-function setupCreateFormBehavior(){ ["sellerName","upstreamUrl","upstreamBalanceProbeTemplate"].forEach(key => { const input = document.querySelector('#createFields [data-field="'+key+'"]'); if (!input) return; input.addEventListener("input", updateGeneratedCreateFields); input.addEventListener("change", updateGeneratedCreateFields); }); updateGeneratedCreateFields(); }
-function updateGeneratedCreateFields(){ const sellerName = createFieldString("sellerName") || "seller"; const app = appNameFromSellerName(sellerName); const template = createFieldString("upstreamBalanceProbeTemplate") || "auto"; const upstreamUrl = createFieldString("upstreamUrl") || ""; const balanceInput = document.querySelector('#createFields [data-field="upstreamBalanceProbeUrl"]'); setCreateFieldValue("app", app); if (balanceInput){ const editableBalanceUrl = template === "newapi_generic"; balanceInput.disabled = !editableBalanceUrl; balanceInput.readOnly = !editableBalanceUrl; if (editableBalanceUrl && balanceInput.dataset.autoGenerated === "true") { setCreateFieldValue("upstreamBalanceProbeUrl", ""); balanceInput.dataset.autoGenerated = "false"; } if (!editableBalanceUrl) { setCreateFieldValue("upstreamBalanceProbeUrl", balanceProbeUrlForTemplate(template, upstreamUrl)); balanceInput.dataset.autoGenerated = "true"; } } setCreateFieldValue("clawtipSkillSlug", app); setCreateFieldValue("clawtipSkillId", "si-" + app); setCreateFieldValue("clawtipDescription", "TokenBuddy Seller " + sellerSlugFromName(sellerName)); setCreateFieldValue("clawtipResourceUrl", "https://" + app + ".fly.dev"); setCreateFieldValue("clawtipActivationFeeFen", "1"); setCreateFieldValue("clawtipMicrosPerFen", "10000"); const summary = document.querySelector('[data-generated-summary="clawtip"]'); if (summary) summary.textContent = "skillSlug=" + app + " · skillId=si-" + app + " · resourceUrl=https://" + app + ".fly.dev · activationFeeFen=1"; }
-function createFieldString(key){ const input = document.querySelector('#createFields [data-field="'+key+'"]'); return input ? String(input.value || "").trim() : ""; }
-function setCreateFieldValue(key,value){ document.querySelectorAll('#createFields [data-field="'+key+'"]').forEach(input => { input.value = value; }); document.querySelectorAll('#createFields [data-readonly-field="'+key+'"]').forEach(el => { el.textContent = value; el.title = value; }); }
-function appNameFromSellerName(value){ return "tbs-" + sellerSlugFromName(value) + "-" + createAppSuffix; }
-function sellerSlugFromName(value){ const slug = String(value || "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, "-"); return slug || "seller"; }
-function balanceProbeUrlForTemplate(template, upstreamUrl){ const host = hostName(upstreamUrl); if (template === "none") return ""; if (template === "openrouter") return "https://openrouter.ai/api/v1/credits"; if (template === "deepseek") return "https://api.deepseek.com/user/balance"; if (template === "stepfun") return "https://api.stepfun.com/v1/accounts"; if (template === "novita") return "https://api.novita.ai/v3/user/balance"; if (template === "siliconflow") return host.endsWith(".com") ? "https://api.siliconflow.com/v1/user/info" : "https://api.siliconflow.cn/v1/user/info"; if (template === "usage_generic") return usageUrl(upstreamUrl); if (template === "auto"){ if (host === "api.deepseek.com") return "https://api.deepseek.com/user/balance"; if (host === "api.stepfun.ai" || host === "api.stepfun.com") return "https://api.stepfun.com/v1/accounts"; if (host === "api.siliconflow.cn") return "https://api.siliconflow.cn/v1/user/info"; if (host === "api.siliconflow.com") return "https://api.siliconflow.com/v1/user/info"; if (host === "openrouter.ai") return "https://openrouter.ai/api/v1/credits"; if (host === "api.novita.ai") return "https://api.novita.ai/v3/user/balance"; return usageUrl(upstreamUrl); } return ""; }
-function usageUrl(value){ const base = String(value || "").trim().replace(/\\/+$/,""); if (!base) return ""; return /\\/v1$/i.test(base) ? base + "/usage" : base + "/v1/usage"; }
-function hostName(value){ try { return new URL(String(value || "")).hostname.toLowerCase(); } catch { return ""; } }
-function setupPaymentTabs(){ document.querySelectorAll("[data-payment-tab]").forEach(tab => tab.onclick = () => selectPaymentTab(tab.dataset.paymentTab)); document.querySelectorAll("[data-payment-toggle]").forEach(toggle => toggle.onclick = () => togglePaymentMethod(toggle.dataset.paymentToggle)); selectPaymentTab("clawtip"); updatePaymentPanels(); }
-function selectPaymentTab(method){ document.querySelectorAll("[data-payment-tab]").forEach(tab => tab.classList.toggle("active", tab.dataset.paymentTab === method)); document.querySelectorAll("[data-payment-panel]").forEach(panel => panel.classList.toggle("hidden", panel.dataset.paymentPanel !== method)); }
-function togglePaymentMethod(method){ const panel = document.querySelector('[data-payment-panel="'+method+'"]'); if (!panel) return; panel.dataset.enabled = String(panel.dataset.enabled !== "true"); updatePaymentPanels(); }
-function enabledPaymentMethods(){ return Array.from(document.querySelectorAll("[data-payment-panel]")).filter(panel => panel.dataset.enabled === "true").map(panel => panel.dataset.paymentPanel); }
-function updatePaymentPanels(){ document.querySelectorAll("[data-payment-panel]").forEach(panel => { const enabled = panel.dataset.enabled === "true"; const toggle = panel.querySelector("[data-payment-toggle]"); if (toggle){ toggle.classList.toggle("enabled", enabled); toggle.setAttribute("aria-pressed", String(enabled)); toggle.textContent = enabled ? "已启用" : "未启用"; } panel.querySelectorAll("[data-field]").forEach(input => { input.disabled = !enabled; }); }); }
-function createDefaults(){ const regions = sellerRowsCache.map(row => String(row.region || "").toLowerCase()).filter(Boolean); const region = regions[0] || "sin"; const existing = new Set(sellerRowsCache.flatMap(row => [row.id, row.name, row.app].filter(Boolean))); let index = sellerRowsCache.length + 1; let sellerName = "openrouter-ai"; while (existing.has(sellerName)) sellerName = "openrouter-ai-" + index++; const app = appNameFromSellerName(sellerName); return { sellerName, app, region, image:"registry.fly.io/tb-seller:latest", upstreamWebsite:"https://openrouter.ai", upstreamUrl:"https://openrouter.ai/api/v1", upstreamApiKey:"", upstreamBalanceProbeTemplate:"openrouter", upstreamBalanceProbeUrl:"https://openrouter.ai/api/v1/credits", upstreamBalanceProbeUserId:"", upstreamBalanceProbeRechargeUrl:"https://openrouter.ai/settings/credits", maxConnections:8, maxQueueDepth:4, markupRatio:1.2, discountRatio:1, paymentMethods:["clawtip"], clawtipPayTo:"", clawtipSm4KeyBase64:"", clawtipSkillSlug:app, clawtipSkillId:"si-"+app, clawtipDescription:"TokenBuddy Seller "+sellerName, clawtipResourceUrl:"https://"+app+".fly.dev", clawtipActivationFeeFen:1, clawtipMicrosPerFen:10000, flyConfig:"deploy/fly.io/fly.tb-seller.toml" }; }
-document.getElementById("submitCreate").onclick = async () => { const body = { paymentMethods: enabledPaymentMethods() }; document.querySelectorAll("#createFields [data-field]").forEach(input => body[input.dataset.field] = fieldValue(input)); if (!confirm("Create seller deployment "+body.sellerName+" on Fly.io?")) return; try { setCreateFormDisabled(true); document.getElementById("submitCreate").disabled = true; document.getElementById("submitCreate").textContent = "Creating"; document.getElementById("createStatus").textContent = ""; document.getElementById("createStatus").classList.add("hidden"); document.getElementById("createStatus").classList.remove("loading"); document.getElementById("createProgress").classList.remove("hidden"); document.getElementById("createProgress").innerHTML = '<div class="progress-step running"><div class="progress-title"><span class="spinner" aria-hidden="true"></span><strong>Starting</strong></div><div class="progress-meta"><span>Preparing create workflow.</span></div></div>'; const response = await api("/api/sellers", { method:"POST", body: JSON.stringify(body) }); renderCreateJob(response.job); pollCreateJob(response.jobId); } catch (err) { setCreateFormDisabled(false); document.getElementById("submitCreate").disabled = false; document.getElementById("submitCreate").textContent = "Create seller"; document.getElementById("createStatus").classList.remove("hidden"); document.getElementById("createStatus").textContent = err.message; document.getElementById("createStatus").classList.remove("loading"); } };
-function pollCreateJob(jobId){ clearInterval(createJobTimer); createJobTimer = setInterval(async () => { try { const job = await api("/api/jobs/"+encodeURIComponent(jobId)); renderCreateJob(job); if (job.status !== "running"){ clearInterval(createJobTimer); createJobTimer = null; if (job.status === "succeeded") loadSellers(); } } catch (err) { clearInterval(createJobTimer); createJobTimer = null; document.getElementById("createStatus").classList.remove("hidden"); document.getElementById("createStatus").textContent = err.message; document.getElementById("createStatus").classList.remove("loading"); } }, 1200); }
-function renderCreateJob(job){ if (!job) return; currentCreateJob = job; const done = job.status !== "running"; const events = job.events || []; const progress = document.getElementById("createProgress"); const status = document.getElementById("createStatus"); progress.classList.remove("hidden"); status.classList.toggle("hidden", !done); status.classList.remove("loading"); if (done){ status.textContent = job.status === "succeeded" ? "Created and added to bootstrap registry." : (job.error || "Create seller failed."); status.removeAttribute("role"); } else { status.textContent = ""; } progress.innerHTML = events.map(event => progressStep(event)).join("") || '<div class="progress-step running"><div class="progress-title"><span class="spinner" aria-hidden="true"></span><strong>Starting</strong></div><div class="progress-meta"><span>Preparing create workflow.</span></div></div>'; if (done && job.status === "failed"){ setCreateFormDisabled(false); document.getElementById("submitCreate").disabled = false; document.getElementById("submitCreate").textContent = "Retry create"; } else if (done) { document.getElementById("submitCreate").disabled = true; document.getElementById("submitCreate").textContent = "Created"; } }
-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); };
-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; }
-startSellerRefresh();
-`;
-}