From b930bc61e472bba0932eaf321363541eb74b1998 Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Sat, 22 Aug 2026 10:26:42 +0800
Subject: [PATCH] fix(ui): transaction table filter row height + drop token
 column filters (rants 2026-08-22T10:11:48/10:12:57)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Constrain .th-filter/select.th-filter to a fixed height (28px, line-height:1)
and align filter-row cells to top, so the native select's intrinsic height no
longer stretches the auto-layout row to 236px in the transaction table.

Per host follow-up (10:12:57), remove the number-range filter from the four
token columns (input/cached/output/tokens) — keep their sort and right-align
so the filter row is compact; the time/type/model/key/pts/status filters remain.

Gates: 139/139 cargo test + fmt + clippy + node --check all green.
---
 ui/css/style.css | 11 +++++++++++
 ui/index.html    | 10 +++++-----
 ui/js/app.js     |  8 ++++----
 3 files changed, 20 insertions(+), 9 deletions(-)

diff --git a/ui/css/style.css b/ui/css/style.css
index d1cca21..07faaf6 100644
--- a/ui/css/style.css
+++ b/ui/css/style.css
@@ -474,6 +474,17 @@ mark {
 .th-filter:focus { border-color: var(--accent); }
 .range-filter { display: flex; gap: 4px; }
 .range-filter .th-filter { min-width: 0; width: 100%; }
+/* 筛选行定高（rant 2026-08-22T10:11:48：select 固有高度在 table-layout:auto 下撑高整行至 236px）：
+   约束各筛选控件的 height / line-height 消除 select 撑高，单元格顶部对齐，整行自然收敛 */
+.table thead tr:last-child th,
+.table thead tr:last-child td {
+  vertical-align: top;
+}
+.table .th-filter,
+.table select.th-filter {
+  height: 28px;
+  line-height: 1;
+}
 .pager-size {
   display: flex;
   align-items: center;
diff --git a/ui/index.html b/ui/index.html
index 01c4db5..674c7d0 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -5,7 +5,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>AITokenPool</title>
 <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%234ecdc4'/%3E%3Cstop offset='1' stop-color='%232a9d8f'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='64' height='64' rx='14' fill='url(%23g)'/%3E%3Ctext x='32' y='43' font-family='-apple-system,Segoe UI,Arial,sans-serif' font-size='30' font-weight='800' text-anchor='middle' fill='%23062021'%3EAT%3C/text%3E%3C/svg%3E">
-<link rel="stylesheet" href="css/style.css?v=20260822-4">
+<link rel="stylesheet" href="css/style.css?v=20260822-5">
 </head>
 <body>
 
@@ -673,9 +673,9 @@ <h3 id="chat-title">使用模型</h3>
   </div>
 </div>
 
-<script src="js/api.js?v=20260822-4"></script>
-<script src="js/data.js?v=20260822-4"></script>
-<script src="js/i18n.js?v=20260822-4"></script>
-<script src="js/app.js?v=20260822-4"></script>
+<script src="js/api.js?v=20260822-5"></script>
+<script src="js/data.js?v=20260822-5"></script>
+<script src="js/i18n.js?v=20260822-5"></script>
+<script src="js/app.js?v=20260822-5"></script>
 </body>
 </html>
diff --git a/ui/js/app.js b/ui/js/app.js
index d0bf53b..055e11d 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -1173,13 +1173,13 @@
       render: (t) => t.type === "earn" ? '<span class="badge ok">' + T("tx.type.earn") + "</span>" : t.type === "consume" ? '<span class="badge accent">' + T("tx.type.consume") + "</span>" : t.type === "gift" ? '<span class="badge ok">' + T("tx.type.gift") + "</span>" : '<span class="badge dim">' + esc(txType(t.type)) + "</span>" },
     { key: "model", title: () => T("tx.col.model"), sort: "string", filter: "text" },
     { key: "key", title: () => T("tx.col.key"), sort: "string", filter: "text" },
-    { key: "input", title: () => T("tx.col.input"), sort: "number", filter: "number-range", align: "num",
+    { key: "input", title: () => T("tx.col.input"), sort: "number", align: "num",
       render: (t) => '<span' + t.tokenBrk(T("tx.col.input"), t.inputRaw) + '>' + t.inputTokens + "</span>" },
-    { key: "cached", title: () => T("tx.col.cached"), sort: "number", filter: "number-range", align: "num",
+    { key: "cached", title: () => T("tx.col.cached"), sort: "number", align: "num",
       render: (t) => '<span' + t.tokenBrk(T("tx.col.cached"), t.cachedRaw) + '>' + t.cachedTokens + "</span>" },
-    { key: "output", title: () => T("tx.col.output"), sort: "number", filter: "number-range", align: "num",
+    { key: "output", title: () => T("tx.col.output"), sort: "number", align: "num",
       render: (t) => '<span' + t.tokenBrk(T("tx.col.output"), t.outputRaw) + '>' + t.outputTokens + "</span>" },
-    { key: "tokens", title: () => T("tx.col.tokens"), sort: "number", filter: "number-range", align: "num",
+    { key: "tokens", title: () => T("tx.col.tokens"), sort: "number", align: "num",
       render: (t) => '<span' + t.tokenBrk(T("tx.col.tokens"), t.tokensRaw) + '>' + t.tokens + "</span>" },
     { key: "pts", title: () => T("tx.col.pts"), sort: "number", filter: "number-range", align: "num",
       render: (t) => '<span style="color:' + (t.pts > 0 ? "var(--ok)" : "var(--text)") + ';font-weight:600">' + (t.pts > 0 ? "+" : "") + D.fmt(t.pts) + "</span>" },