From dba7b9719019645ecdeee1536f6bb9f8e6a79941 Mon Sep 17 00:00:00 2001
From: argszero <argszero@argszerodeMac-mini.local>
Date: Sat, 12 Sep 2026 02:19:33 +0800
Subject: [PATCH] fix(ui): render the raise-request table header in the active
 language
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The admin "raise requests" table built its `<thead>` from Chinese string
literals inside `renderRaiseRequests()` (app.js). Because that markup is
injected after boot and carries no `data-i18n`, `applyStatic()` had no path to
it, so the header stayed Chinese in English mode. The same table's body cells
were already translated by C1991 (`data-label` via `T(admin.raise.col.*)`), so
the language fix was only half applied - which inverted the result on narrow
screens:

  1400px, English: th = 成员 / 申请点数 / 原因 / 状态   (Chinese, visible)
   390px, English: th hidden, td::before = Member / Requested pts / ... (English)

Resolve the four header cells with `T()` at render time instead of embedding
literals. Render-time lookup (rather than a `data-i18n` attribute) is required
because the table is re-injected by the existing `atp:langchange` ->
`renderView` path, so the header must be produced already translated and must
re-read the language on every rebuild. This mirrors the existing precedent in
this file: the transaction table resolves headers via `col.title()` in
`tableTheadHtml()`.

No new i18n keys: `admin.raise.col.member/amount/reason/status` already exist
in both packs (they were used by the `data-label` attributes right below).

Verified in a headless browser against a baseline built from the same
generator, EN and ZH, at 1400px and 390px: baseline header = 10 CJK chars in
EN (negative control `#emp-body` = 0, proving the probe sees translations),
fixed header = 0 CJK with exactly `Member / Requested pts / Reason / Status`;
ZH output byte-identical to baseline; body `data-label`s and row count
unchanged. A runtime `I18n.setLang("en")` switch with no reload confirms the
baseline keeps a Chinese header while its `data-label`s go English (the
inversion), and the fixed header follows the switch.
---
 ui/index.html | 10 +++++-----
 ui/js/app.js  |  9 ++++++++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index d7f7547..1b58c92 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=20260911-10">
+<link rel="stylesheet" href="css/style.css?v=20260911-11">
 </head>
 <body>
 
@@ -842,9 +842,9 @@ <h3 id="chat-title">使用模型</h3>
   </div>
 </div>
 
-<script src="js/api.js?v=20260911-10"></script>
-<script src="js/data.js?v=20260911-10"></script>
-<script src="js/i18n.js?v=20260911-10"></script>
-<script src="js/app.js?v=20260911-10"></script>
+<script src="js/api.js?v=20260911-11"></script>
+<script src="js/data.js?v=20260911-11"></script>
+<script src="js/i18n.js?v=20260911-11"></script>
+<script src="js/app.js?v=20260911-11"></script>
 </body>
 </html>
diff --git a/ui/js/app.js b/ui/js/app.js
index 293e693..e7e75b3 100644
--- a/ui/js/app.js
+++ b/ui/js/app.js
@@ -1243,7 +1243,14 @@
       el.innerHTML = loadErrorHtml(T("admin.raise.loadFail"), null, T("err.loadFail"));
       return;
     }
-    el.innerHTML = (list.length ? '<div class="table-wrap compact"><table class="table"><thead><tr><th>成员</th><th class="num">申请点数</th><th>原因</th><th>状态</th><th></th></tr></thead><tbody>' +
+    // 表头在渲染期取 i18n（本表由 JS 在 boot 之后注入，无 data-i18n 钩子可走）：
+    // 既保证首屏语言正确，也让 atp:langchange → renderView 能实时换语言
+    el.innerHTML = (list.length ? '<div class="table-wrap compact"><table class="table"><thead><tr>' +
+      '<th>' + esc(T("admin.raise.col.member")) + "</th>" +
+      '<th class="num">' + esc(T("admin.raise.col.amount")) + "</th>" +
+      "<th>" + esc(T("admin.raise.col.reason")) + "</th>" +
+      "<th>" + esc(T("admin.raise.col.status")) + "</th>" +
+      "<th></th></tr></thead><tbody>" +
       list.map((r, i) =>
         "<tr><td data-label='" + T('admin.raise.col.member') + "'><strong>" + esc(r.name || r.user) + "</strong><div class='muted' style='font-size:12px'>" + esc(r.email) + "</div></td>" +
         '<td class="num" data-label="' + T("admin.raise.col.amount") + '">+' + D.fmt(r.amount) + " " + T("common.points") + "</td>" +