codex-copilot-dx 0.9.7 → 0.9.9

package/README.md

@@ -238,6 +238,10 @@ The transparent, single-color double-peak favicon follows the dashboard's saved
 
 The saved GitHub Copilot account appears immediately to the left of the Snapshot time. It uses the same local credentials and fingerprint-bound identity metadata as `ccdx auth status`, with username (or numeric ID fallback) and a `SAVED` label; this is not an online entitlement check. Missing, invalid, unidentified, or unreadable credentials are shown explicitly. The account read runs once on page load and on the top Refresh action, independently of adapter status, with no polling or upstream authentication calls. Its loopback-only, custom-header-protected API exposes no token, fingerprint, credential path, or raw metadata. The general status endpoint retains its existing identity-free contract.
 
+Account names containing underscores are supported, including `dingxiao_microsoft`. A numeric ID is a fallback, not a replacement for an available, safely displayable username; the existing length bounds and credential-shaped text suppression still apply.
+
+The language button immediately right of the appearance button switches between English and Simplified Chinese. English remains the default; the choice is saved only in the current browser, separately from light/dark mode. Switching translates the existing page in place: it does not fetch API data, rebuild charts, change selected filters, discard unsaved animation choices, or reset expanded failure details. Static labels, live status text, chart tooltips and accessibility labels follow the selected language. Model IDs, account names, dates, numeric values and upstream diagnostic prose stay unchanged; copied diagnostic fields retain their original names and values. The local translation asset adds no dependency, external service, polling or inference-path work.
+
 Usage Analytics is collapsed by default. Opening it adds daily input/output token bars (7/30/90 days) and a 365-day calendar of recorded usage calls or tokens, grouped in the browser's time zone. Cache-read tokens are already part of input and are not added again. Model and range filters use the current snapshot without additional requests; selecting a day shows its filtered model totals in the Usage table, and All history restores the original table. Analytics shares the existing current/rotated-log scan and exposes only bounded metadata (365 days, up to 100 model filters). Days before retained history are hatched, not presented as zero; the oldest retained day may be partial. Counts describe retained usage records, not messages, session time, or all HTTP requests. Refresh explicitly to update the snapshot; there is no background collection or polling.
 
 Terminal Animation is collapsed at the bottom of the page, with an Animation shortcut in the header. Preview frames load only when opened; closing it, hiding the page, or requesting reduced motion stops the preview timer. Unsaved choices survive folding and reopening. Recent upstream failures expand to existing diagnostic fields (time, model, code, message, response/request IDs, and retry policy) with a Copy diagnostic control. These are the last 10 retained `response.failed` events, not complete session histories; a retry attempt does not prove recovery. Diagnostic prose is redacted by the existing recorder but can still contain sensitive context: review before copying or sharing.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codex-copilot-dx",
-  "version": "0.9.7",
+  "version": "0.9.9",
   "description": "Use Codex App with GitHub Copilot",
   "author": "Dale Xiao",
   "type": "module",

package/src/adapter.mjs

@@ -64,7 +64,7 @@ export {
 } from "./responses-request.mjs";
 
 const ADAPTER_RUNTIME_CONFIG = loadRuntimeConfig();
-const DASHBOARD_PATHS = new Set(["/", "/ui.css", "/theme.js", "/ui.js"]);
+const DASHBOARD_PATHS = new Set(["/", "/ui.css", "/theme.js", "/language.js", "/ui.js"]);
 const DASHBOARD_API_PATHS = new Set(["/_ccdx/ui/animation", "/_ccdx/ui/models/live", "/_ccdx/ui/usage", "/_ccdx/ui/auth"]);
 
 export function requestPath(reqUrl) {

package/src/dashboard/index.html

@@ -5,92 +5,93 @@
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <meta name="color-scheme" content="dark light">
     <link id="favicon" rel="icon" type="image/svg+xml" href="data:,">
+    <script src="/language.js"></script>
     <script src="/theme.js"></script>
     <link rel="stylesheet" href="/ui.css">
     <script src="/ui.js" defer></script>
-    <title>CCDX · Local dashboard</title>
+    <title data-i18n>CCDX · Local dashboard</title>
   </head>
   <body>
     <div class="shell">
       <header class="topbar">
-        <div class="brand">CCDX <span class="brand-detail">/ LOCAL STATUS</span></div>
-        <div class="topbar-actions"><span id="connection" class="badge neutral" role="status">READING</span><button id="theme-toggle" class="icon-button" type="button" aria-label="Switch to light mode" title="Switch to light mode"><svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42M2 12h2m16 0h2M4.93 19.07l1.42-1.42m11.3-11.3 1.42-1.42"/></svg><svg class="icon-moon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 3A9 9 0 1 0 21 12 7 7 0 0 1 12 3Z"/></svg></button><button id="open-animation" type="button" aria-controls="animation-settings" aria-expanded="false">Animation</button><button id="refresh" type="button">Refresh</button></div>
+        <div class="brand">CCDX <span class="brand-detail" data-i18n>/ LOCAL STATUS</span></div>
+        <div class="topbar-actions"><span id="connection" class="badge neutral" role="status" data-i18n>READING</span><button id="theme-toggle" class="icon-button" type="button" aria-label="Switch to light mode" title="Switch to light mode"><svg class="icon-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" aria-hidden="true" focusable="false"><circle cx="12" cy="12" r="4"/><path d="M12 2v2m0 16v2M4.93 4.93l1.42 1.42m11.3 11.3 1.42 1.42M2 12h2m16 0h2M4.93 19.07l1.42-1.42m11.3-11.3 1.42-1.42"/></svg><svg class="icon-moon" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" focusable="false"><path d="M12 3A9 9 0 1 0 21 12 7 7 0 0 1 12 3Z"/></svg></button><button id="language-toggle" class="icon-button language-button" type="button" aria-label="Switch to Chinese" title="Switch to Chinese">中文</button><button id="open-animation" type="button" aria-controls="animation-settings" aria-expanded="false" data-i18n>Animation</button><button id="refresh" type="button" data-i18n>Refresh</button></div>
       </header>
 
       <main>
         <section class="intro">
           <h1><span aria-hidden="true">$</span> ccdx status</h1>
-          <div class="snapshot-meta"><p id="auth-account" role="status" title="Saved GitHub Copilot account / local credentials only; not an online entitlement check.">GitHub / READING</p><p id="updated">Reading status…</p></div>
+          <div class="snapshot-meta"><p id="auth-account" role="status" data-i18n data-i18n-title title="Saved GitHub Copilot account / local credentials only; not an online entitlement check.">GitHub / READING</p><p id="updated" data-i18n>Reading status…</p></div>
         </section>
 
-        <section class="overview" aria-label="Overview">
-          <article class="card"><h2>ADAPTER</h2><strong id="version">—</strong><p id="uptime">—</p></article>
+        <section class="overview" aria-label="Overview" data-i18n-label>
+          <article class="card"><h2 data-i18n>ADAPTER</h2><strong id="version">—</strong><p id="uptime">—</p></article>
           <article class="card"><h2>COPILOT</h2><strong id="copilot">—</strong><p id="token">—</p></article>
-          <article class="card"><h2>KNOWN MODELS</h2><strong id="models">—</strong><p id="model-source">—</p></article>
-          <article class="card"><h2>REQUESTS</h2><strong id="requests">—</strong><p id="request-errors">—</p><p>Per-request limits (active)<br><span id="body-limits">—</span></p></article>
+          <article class="card"><h2 data-i18n>KNOWN MODELS</h2><strong id="models">—</strong><p id="model-source">—</p></article>
+          <article class="card"><h2 data-i18n>REQUESTS</h2><strong id="requests">—</strong><p id="request-errors">—</p><p><span data-i18n>Per-request limits (active)</span><br><span id="body-limits">—</span></p></article>
         </section>
 
-        <section class="details" aria-label="Runtime details">
+        <section class="details" aria-label="Runtime details" data-i18n-label>
           <article class="panel">
-            <div class="panel-heading"><h2>MODEL OUTCOMES</h2><span>RESPONSES</span></div>
-            <dl class="stats"><div><dt>Completed</dt><dd id="completed">—</dd></div><div><dt>Incomplete</dt><dd id="incomplete">—</dd></div><div><dt>Failed</dt><dd id="failed">—</dd></div><div><dt>Cancelled</dt><dd id="cancelled">—</dd></div></dl>
-            <p class="hint">HTTP 2xx != model completed.</p>
+            <div class="panel-heading"><h2 data-i18n>MODEL OUTCOMES</h2><span>RESPONSES</span></div>
+            <dl class="stats"><div><dt data-i18n>Completed</dt><dd id="completed">—</dd></div><div><dt data-i18n>Incomplete</dt><dd id="incomplete">—</dd></div><div><dt data-i18n>Failed</dt><dd id="failed">—</dd></div><div><dt data-i18n>Cancelled</dt><dd id="cancelled">—</dd></div></dl>
+            <p class="hint" data-i18n>HTTP 2xx != model completed.</p>
           </article>
           <article class="panel">
-            <div class="panel-heading"><h2>LOCAL HISTORY</h2><span>ACTIVE LIMIT</span></div>
-            <strong id="history">—</strong><progress id="history-meter" class="meter" max="100" value="0" aria-label="History cache usage"></progress>
+            <div class="panel-heading"><h2 data-i18n>LOCAL HISTORY</h2><span data-i18n>ACTIVE LIMIT</span></div>
+            <strong id="history">—</strong><progress id="history-meter" class="meter" max="100" value="0" aria-label="History cache usage" data-i18n-label></progress>
             <p id="history-detail" class="hint">—</p>
           </article>
           <article class="panel">
-            <div class="panel-heading"><h2>IMAGE GENERATION</h2><span>OPTIONAL</span></div>
+            <div class="panel-heading"><h2 data-i18n>IMAGE GENERATION</h2><span data-i18n>OPTIONAL</span></div>
             <strong id="image">—</strong><p id="image-detail" class="hint">—</p>
           </article>
         </section>
 
-        <section class="panel dashboard-section" aria-label="Live upstream models">
-          <div class="panel-heading"><h2>UPSTREAM GPT MODELS</h2><div class="heading-actions"><span id="models-state">CHECKING LIVE</span><button id="refresh-models" type="button">Refresh</button></div></div>
-          <p id="models-note" class="table-note">Querying GitHub Copilot…</p>
-          <div class="table-wrap"><table><thead><tr><th scope="col">MODEL</th><th scope="col">VENDOR</th><th scope="col">API</th><th scope="col">FLAG</th></tr></thead><tbody id="live-models-body"><tr><td colspan="4">Loading…</td></tr></tbody></table></div>
-          <p class="hint">Catalog listing does not guarantee inference access.</p>
+        <section class="panel dashboard-section" aria-label="Live upstream models" data-i18n-label>
+          <div class="panel-heading"><h2 data-i18n>UPSTREAM GPT MODELS</h2><div class="heading-actions"><span id="models-state" data-i18n>CHECKING LIVE</span><button id="refresh-models" type="button" data-i18n>Refresh</button></div></div>
+          <p id="models-note" class="table-note" data-i18n>Querying GitHub Copilot…</p>
+          <div class="table-wrap"><table><thead><tr><th scope="col" data-i18n>MODEL</th><th scope="col" data-i18n>VENDOR</th><th scope="col">API</th><th scope="col" data-i18n>FLAG</th></tr></thead><tbody id="live-models-body"><tr><td colspan="4" data-i18n>Loading…</td></tr></tbody></table></div>
+          <p class="hint" data-i18n>Catalog listing does not guarantee inference access.</p>
         </section>
 
-        <section class="panel dashboard-section" aria-label="Usage by model">
-          <div class="panel-heading"><h2>USAGE</h2><div class="heading-actions"><span id="usage-state">READING LOG</span><button id="clear-usage-day" type="button" hidden>All history</button><button id="refresh-usage" type="button">Refresh</button></div></div>
-          <p id="usage-note" class="table-note">Aggregating local usage metadata…</p>
-          <div class="table-wrap"><table class="usage-table"><thead><tr><th scope="col">MODEL</th><th scope="col">CALLS</th><th scope="col">INPUT</th><th scope="col">CACHE READ</th><th scope="col">OUTPUT</th><th scope="col">TOTAL</th><th scope="col">CACHE HIT</th></tr></thead><tbody id="usage-body"><tr><td colspan="7">Loading…</td></tr></tbody></table></div>
-          <p class="hint">Cache hit = recorded cached / input tokens. ~ = incomplete history. — = unavailable or invalid counts.</p>
+        <section class="panel dashboard-section" aria-label="Usage by model" data-i18n-label>
+          <div class="panel-heading"><h2 data-i18n>USAGE</h2><div class="heading-actions"><span id="usage-state" data-i18n>READING LOG</span><button id="clear-usage-day" type="button" hidden data-i18n>All history</button><button id="refresh-usage" type="button" data-i18n>Refresh</button></div></div>
+          <p id="usage-note" class="table-note" data-i18n>Aggregating local usage metadata…</p>
+          <div class="table-wrap"><table class="usage-table"><thead><tr><th scope="col" data-i18n>MODEL</th><th scope="col" data-i18n>CALLS</th><th scope="col" data-i18n>INPUT</th><th scope="col" data-i18n>CACHE READ</th><th scope="col" data-i18n>OUTPUT</th><th scope="col" data-i18n>TOTAL</th><th scope="col" data-i18n>CACHE HIT</th></tr></thead><tbody id="usage-body"><tr><td colspan="7" data-i18n>Loading…</td></tr></tbody></table></div>
+          <p class="hint" data-i18n>Cache hit = recorded cached / input tokens. ~ = incomplete history. — = unavailable or invalid counts.</p>
           <details id="usage-analytics" class="analytics-section">
-            <summary>USAGE ANALYTICS</summary>
+            <summary data-i18n>USAGE ANALYTICS</summary>
             <div class="analytics-controls">
-              <label>Model <select id="analytics-model"><option value="">All models</option></select></label>
-              <label>Daily range <select id="analytics-range"><option value="7">7 days</option><option value="30" selected>30 days</option><option value="90">90 days</option></select></label>
-              <label>Activity <select id="analytics-metric"><option value="requests">Calls</option><option value="tokens">Tokens</option></select></label>
+              <label><span data-i18n>Model</span> <select id="analytics-model"><option value="" data-i18n>All models</option></select></label>
+              <label><span data-i18n>Daily range</span> <select id="analytics-range"><option value="7" data-i18n>7 days</option><option value="30" selected data-i18n>30 days</option><option value="90" data-i18n>90 days</option></select></label>
+              <label><span data-i18n>Activity</span> <select id="analytics-metric"><option value="requests" data-i18n>Calls</option><option value="tokens" data-i18n>Tokens</option></select></label>
             </div>
-            <p id="analytics-note" class="table-note" role="status">Open to read retained usage history.</p>
-            <div class="chart-heading"><h3>DAILY TOKENS</h3><span>INPUT + OUTPUT / CACHE INCLUDED IN INPUT</span></div>
-            <div id="daily-bars" class="daily-bars" aria-label="Daily token usage"></div>
+            <p id="analytics-note" class="table-note" role="status" data-i18n>Open to read retained usage history.</p>
+            <div class="chart-heading"><h3 data-i18n>DAILY TOKENS</h3><span data-i18n>INPUT + OUTPUT / CACHE INCLUDED IN INPUT</span></div>
+            <div id="daily-bars" class="daily-bars" aria-label="Daily token usage" data-i18n-label></div>
             <div class="daily-axis"><span id="daily-from"></span><span id="daily-to"></span></div>
-            <div class="chart-legend"><span class="legend-input">Input</span><span class="legend-output">Output</span></div>
-            <div class="chart-heading"><h3>REQUEST ACTIVITY · 365 DAYS</h3><span id="activity-scale">—</span></div>
-            <div class="calendar-scroll"><div class="calendar-grid"><div id="calendar-months" class="calendar-months" aria-hidden="true"></div><div id="activity-calendar" class="activity-calendar" aria-label="Daily recorded request activity"></div></div></div>
-            <p id="analytics-selection" class="hint" role="status">Select a day to inspect its model totals. No history is distinct from zero recorded calls.</p>
+            <div class="chart-legend"><span class="legend-input" data-i18n>Input</span><span class="legend-output" data-i18n>Output</span></div>
+            <div class="chart-heading"><h3 data-i18n>REQUEST ACTIVITY · 365 DAYS</h3><span id="activity-scale">—</span></div>
+            <div class="calendar-scroll"><div class="calendar-grid"><div id="calendar-months" class="calendar-months" aria-hidden="true"></div><div id="activity-calendar" class="activity-calendar" aria-label="Daily recorded request activity" data-i18n-label></div></div></div>
+            <p id="analytics-selection" class="hint" role="status" data-i18n>Select a day to inspect its model totals. No history is distinct from zero recorded calls.</p>
           </details>
         </section>
 
-        <section class="lower" aria-label="Recent failures">
-          <div class="panel-heading"><h2>RECENT UPSTREAM FAILURES</h2><span id="failure-count">response.failed</span></div>
-          <ol id="failures"><li class="empty">Reading…</li></ol>
-          <p class="hint">Upstream messages may contain sensitive text.</p>
+        <section class="lower" aria-label="Recent failures" data-i18n-label>
+          <div class="panel-heading"><h2 data-i18n>RECENT UPSTREAM FAILURES</h2><span id="failure-count">response.failed</span></div>
+          <ol id="failures"><li class="empty" data-i18n>Reading…</li></ol>
+          <p class="hint" data-i18n>Upstream messages may contain sensitive text.</p>
         </section>
 
         <details id="animation-settings" class="panel dashboard-section settings-panel">
-          <summary class="panel-heading"><h2>TERMINAL ANIMATION</h2><span id="animation-state">READING</span></summary>
-          <div id="animation-options" class="animation-options" role="group" aria-label="Animation theme"></div>
-          <div class="section-actions"><button id="save-animation" type="button" disabled>Save selection</button><span id="animation-note" role="status">Applies on next ccdx start.</span></div>
+          <summary class="panel-heading"><h2 data-i18n>TERMINAL ANIMATION</h2><span id="animation-state" data-i18n>READING</span></summary>
+          <div id="animation-options" class="animation-options" role="group" aria-label="Animation theme" data-i18n-label></div>
+          <div class="section-actions"><button id="save-animation" type="button" disabled data-i18n>Save selection</button><span id="animation-note" role="status" data-i18n>Applies on next ccdx start.</span></div>
         </details>
       </main>
 
-      <footer>LOCAL ONLY / NO BACKGROUND POLLING</footer>
+      <footer data-i18n>LOCAL ONLY / NO BACKGROUND POLLING</footer>
     </div>
   </body>
 </html>

package/src/dashboard/language.js

@@ -0,0 +1,216 @@
+(() => {
+  const translations = {
+    "CCDX · Local dashboard": "CCDX · 本地看板",
+    "/ LOCAL STATUS": "/ 本地状态",
+    "READING": "读取中",
+    "LOCAL OK": "本机正常",
+    "UNAVAILABLE": "不可用",
+    "Refresh": "刷新",
+    "Animation": "动效",
+    "Switch to light mode": "切换为日间模式",
+    "Switch to dark mode": "切换为夜间模式",
+    "Overview": "概览",
+    "Runtime details": "运行详情",
+    "ADAPTER": "适配服务",
+    "KNOWN MODELS": "已知模型",
+    "REQUESTS": "请求",
+    "Per-request limits (active)": "单次请求上限（当前）",
+    "MODEL OUTCOMES": "模型终态",
+    "Completed": "已完成",
+    "Incomplete": "未完成",
+    "Failed": "失败",
+    "Cancelled": "已取消",
+    "HTTP 2xx != model completed.": "HTTP 2xx 不代表模型已完成。",
+    "LOCAL HISTORY": "本机历史缓存",
+    "ACTIVE LIMIT": "当前上限",
+    "History cache usage": "历史缓存用量",
+    "IMAGE GENERATION": "图片生成",
+    "OPTIONAL": "可选功能",
+    "Live upstream models": "上游在线模型",
+    "UPSTREAM GPT MODELS": "上游 GPT 模型",
+    "CHECKING LIVE": "在线查询中",
+    "Querying GitHub Copilot…": "正在查询 GitHub Copilot…",
+    "MODEL": "模型",
+    "VENDOR": "提供方",
+    "FLAG": "标记",
+    "Loading…": "加载中…",
+    "Catalog listing does not guarantee inference access.": "模型出现在目录中，不代表当前账号可调用它。",
+    "Usage by model": "模型用量",
+    "USAGE": "用量",
+    "READING LOG": "读取日志中",
+    "All history": "全部历史",
+    "Aggregating local usage metadata…": "正在汇总本机用量记录…",
+    "CALLS": "调用次数",
+    "INPUT": "输入",
+    "CACHE READ": "缓存读取",
+    "OUTPUT": "输出",
+    "TOTAL": "合计",
+    "CACHE HIT": "缓存命中率",
+    "Cache hit = recorded cached / input tokens. ~ = incomplete history. — = unavailable or invalid counts.": "命中率 = 已记录的缓存输入 / 输入 Token。~ 表示历史不完整；— 表示数据不可用或无效。",
+    "USAGE ANALYTICS": "用量分析",
+    "Model": "模型",
+    "All models": "全部模型",
+    "Daily range": "统计范围",
+    "7 days": "7 天",
+    "30 days": "30 天",
+    "90 days": "90 天",
+    "Activity": "活跃指标",
+    "Calls": "调用次数",
+    "Tokens": "Token 数",
+    "Open to read retained usage history.": "展开后读取已保留的用量历史。",
+    "DAILY TOKENS": "每日 Token 用量",
+    "INPUT + OUTPUT / CACHE INCLUDED IN INPUT": "输入 + 输出 / 缓存已包含在输入中",
+    "Daily token usage": "每日 Token 用量",
+    "Input": "输入",
+    "Output": "输出",
+    "REQUEST ACTIVITY · 365 DAYS": "调用热力图 · 365 天",
+    "Daily recorded request activity": "每日已记录的调用次数",
+    "Select a day to inspect its model totals. No history is distinct from zero recorded calls.": "点击日期查看模型用量。无留存历史不等于零次调用。",
+    "Recent failures": "近期失败",
+    "RECENT UPSTREAM FAILURES": "近期上游失败",
+    "Reading…": "读取中…",
+    "Reading status…": "正在读取状态…",
+    "Upstream messages may contain sensitive text.": "上游错误信息可能含敏感内容。",
+    "TERMINAL ANIMATION": "终端动效",
+    "Animation theme": "动效主题",
+    "Save selection": "保存选择",
+    "Applies on next ccdx start.": "下次启动 ccdx 时生效。",
+    "LOCAL ONLY / NO BACKGROUND POLLING": "仅限本机 / 无后台轮询",
+    "Saved GitHub Copilot account / local credentials only; not an online entitlement check.": "已保存的 GitHub Copilot 账号；仅读取本机凭据，不代表在线权限验证。",
+    "GitHub / READING": "GitHub / 读取中",
+    "GitHub / UNAVAILABLE": "GitHub / 不可用",
+    "GitHub / NOT CONFIGURED": "GitHub / 未配置",
+    "GitHub / INVALID": "GitHub / 无效",
+    "GitHub / {account} / SAVED": "GitHub / {account} / 已保存",
+    "account unknown": "账号未知",
+    "pid {pid} / uptime {duration}": "PID {pid} / 运行时间 {duration}",
+    "BOUND": "已绑定",
+    "UNCONFIRMED": "未确认",
+    "service token / TTL {duration}": "服务令牌 / 剩余有效期 {duration}",
+    "service token not cached": "服务令牌未缓存",
+    "source {source} / live: ccdx models": "来源 {source} / 在线目录：ccdx models",
+    "built-in": "内置",
+    "cache": "缓存",
+    "live": "在线",
+    "unknown": "未知",
+    "4xx {client} / 5xx {server} / active {active}": "4xx {client} / 5xx {server} / 进行中 {active}",
+    "raw {raw} / decoded {decoded}": "原始 {raw} / 解码后 {decoded}",
+    "entries {entries} / trees {trees} / misses {misses} (evicted {evicted})": "记录 {entries} / 历史树 {trees} / 未命中 {misses}（已淘汰 {evicted}）",
+    "{count} succeeded": "成功 {count} 次",
+    "NOT INITIALIZED": "未初始化",
+    "active {active} / failed {failed} / delivery failures {delivery}": "进行中 {active} / 失败 {failed} / 交付失败 {delivery}",
+    "Setup state unknown / ccdx image-status": "配置状态未知 / ccdx image-status",
+    "Snapshot {time}": "快照 {time}",
+    "Status unavailable / check ccdx, then refresh": "状态不可用 / 请检查 ccdx 后刷新",
+    "{count} retained / response.failed": "保留 {count} 条 / response.failed",
+    "No response.failed events recorded.": "未记录 response.failed 事件。",
+    "{detail} / {retry}": "{detail} / {retry}",
+    "retry attempted": "已尝试重试",
+    "no retry": "未重试",
+    "time": "时间",
+    "model": "模型",
+    "event": "事件",
+    "code": "错误码",
+    "message": "错误信息",
+    "response_id": "响应 ID",
+    "upstream_request_id": "上游请求 ID",
+    "retry": "重试",
+    "retry_policy": "重试策略",
+    "retry_skipped": "跳过重试原因",
+    "attempted (outcome not recorded here)": "已尝试（此处未记录结果）",
+    "not attempted": "未尝试",
+    "Copy diagnostic": "复制诊断信息",
+    "Copied": "已复制",
+    "Copy unavailable": "无法复制",
+    "DEFAULT": "默认",
+    "Disabled by CCDX_TERMINAL_ANIMATION; saved choice applies after override removal and next start.": "CCDX_TERMINAL_ANIMATION 已禁用动效；移除覆盖设置后，保存的选择在下次启动时生效。",
+    "Saved choice applies on next ccdx start.": "保存的选择在下次启动 ccdx 时生效。",
+    "CURRENT {theme}{unsaved}": "当前 {theme}{unsaved}",
+    " / UNSAVED": " / 未保存",
+    "Saving…": "保存中…",
+    "Not saved / {error}": "未保存 / {error}",
+    "preview": "预览版",
+    "No selectable GPT models advertised.": "上游未提供可选的 GPT 模型。",
+    "LIVE SNAPSHOT": "在线快照",
+    "{selectable} selectable / {advertised} advertised / {host} / {time}": "可选 {selectable} / 上游提供 {advertised} / {host} / {time}",
+    "LIVE LOOKUP FAILED": "在线查询失败",
+    "No live catalog available.": "在线模型目录不可用。",
+    "No usage records.": "暂无用量记录。",
+    "LOCAL LOG": "本机日志",
+    "{records} records / {shown} of {models} models shown{day}": "记录 {records} 条 / 展示 {shown} 个模型，共 {models} 个{day}",
+    " / {zone} / {model}": " / {zone} / {model}",
+    "no retained history": "无留存历史",
+    "{calls} recorded calls / input {input} / output {output} / cached {cached} (included in input){partial}": "记录 {calls} 次调用 / 输入 {input} / 输出 {output} / 缓存 {cached}（已包含在输入中）{partial}",
+    " / partial token counts": " / Token 数据不完整",
+    "{date} / {description}": "{date} / {description}",
+    "{metric} / PEAK {peak}": "{metric} / 峰值 {peak}",
+    "INPUT + OUTPUT": "输入 + 输出",
+    "RECORDED CALLS": "已记录调用",
+    "{zone} / {from} — {to} / retained history starts {first}; oldest day may be partial.{excluded}{limit}": "{zone} / {from} — {to} / 留存历史始于 {first}；最早一天的数据可能不完整。{excluded}{limit}",
+    " {count} records with invalid/future timestamps excluded.": " 已排除 {count} 条时间无效或位于未来的记录。",
+    " Model filters limited to 100; all-model totals include the remainder.": " 模型筛选最多展示 100 个模型；全部模型合计包含其余模型。",
+    "Selected {date} / {model}: totals in the Usage table above / All history resets the table.": "已选 {date} / {model}：用量见上方表格 / 点击“全部历史”恢复总表。",
+    "Select a day for model totals. Calls are usage records, not messages or time. Hatched cells: no retained history; empty cells: zero recorded calls.": "点击日期查看模型用量。调用次数来自用量记录，不代表消息数或时长。斜线格表示无留存历史；空白格表示零次已记录调用。",
+    "LOG UNAVAILABLE": "日志不可用",
+    "No usage summary available.": "用量汇总不可用。",
+    "Analytics unavailable / refresh Usage to retry.": "分析不可用 / 请刷新用量后重试。",
+    "Animation settings are invalid; inspect them with ccdx animation": "动效设置无效；请运行 ccdx animation 检查。",
+    "Animation setting was not saved; check ccdx animation": "动效设置未保存；请运行 ccdx animation 检查。",
+    "Could not read local usage summary": "无法读取本机用量汇总。",
+    "Live model lookup timed out. Retry or run ccdx models.": "在线模型查询超时；请重试或运行 ccdx models。",
+    "GitHub token not found. Start ccdx to sign in.": "未找到 GitHub 令牌；请启动 ccdx 登录。",
+    "Live model lookup failed. Run ccdx models for details.": "在线模型查询失败；请运行 ccdx models 查看详情。",
+  };
+  const storageKey = "ccdx.dashboard.language";
+  let language = "en";
+  try { if (localStorage.getItem(storageKey) === "zh") language = "zh"; } catch {}
+  document.documentElement.lang = language === "zh" ? "zh-CN" : "en";
+  const messages = new WeakMap();
+  const attributes = { textContent: "data-i18n", title: "data-i18n-title", "aria-label": "data-i18n-label" };
+
+  function format(key, values = {}) {
+    const template = language === "zh" ? translations[key] || key : key;
+    return String(template).replace(/\{(\w+)\}/g, (match, name) => {
+      if (!Object.hasOwn(values, name)) return match;
+      const value = values[name];
+      return value && typeof value === "object" && typeof value.key === "string"
+        ? format(value.key, value.values) : String(value ?? "");
+    });
+  }
+
+  function set(target, key, values = {}, attribute = "textContent") {
+    const saved = messages.get(target) || {};
+    saved[attribute] = { key, values };
+    messages.set(target, saved);
+    target.setAttribute(attributes[attribute], "");
+    const value = format(key, values);
+    if (attribute === "textContent") target.textContent = value;
+    else target.setAttribute(attribute, value);
+  }
+
+  function apply() {
+    document.documentElement.lang = language === "zh" ? "zh-CN" : "en";
+    for (const target of document.querySelectorAll("[data-i18n], [data-i18n-title], [data-i18n-label]")) {
+      for (const [attribute, marker] of Object.entries(attributes)) {
+        if (!target.hasAttribute(marker)) continue;
+        const saved = messages.get(target)?.[attribute];
+        set(target, saved?.key ?? (attribute === "textContent" ? target.textContent : target.getAttribute(attribute)), saved?.values, attribute);
+      }
+    }
+    const button = document.getElementById("language-toggle");
+    button.textContent = language === "en" ? "中文" : "EN";
+    const label = language === "en" ? "Switch to Chinese" : "切换为英文";
+    button.setAttribute("aria-label", label);
+    button.title = label;
+  }
+
+  globalThis.ccdxLanguage = { set, format };
+  document.addEventListener("DOMContentLoaded", () => {
+    apply();
+    document.getElementById("language-toggle").addEventListener("click", () => {
+      language = language === "en" ? "zh" : "en";
+      try { localStorage.setItem(storageKey, language); } catch {}
+      apply();
+    });
+  });
+})();

package/src/dashboard/theme.js

@@ -16,8 +16,13 @@
     const button = document.getElementById("theme-toggle");
     const updateLabel = () => {
       const label = `Switch to ${theme === "dark" ? "light" : "dark"} mode`;
-      button.setAttribute("aria-label", label);
-      button.title = label;
+      if (globalThis.ccdxLanguage) {
+        globalThis.ccdxLanguage.set(button, label, {}, "aria-label");
+        globalThis.ccdxLanguage.set(button, label, {}, "title");
+      } else {
+        button.setAttribute("aria-label", label);
+        button.title = label;
+      }
     };
     updateLabel();
     button.addEventListener("click", () => {

package/src/dashboard/ui.css

@@ -7,7 +7,7 @@ body { margin: 0; color: var(--text); background: var(--page); font-size: 13px;
 .topbar { min-height: 68px; display: flex; justify-content: space-between; align-items: center; gap: 20px; border-bottom: 1px solid var(--top-border); }
 .brand { color: var(--accent); font-size: 16px; font-weight: 750; letter-spacing: .07em; white-space: nowrap; }
 .brand-detail { color: var(--subtle); font-size: 11px; font-weight: 500; letter-spacing: .03em; }
-.topbar-actions { display: flex; align-items: center; gap: 20px; }
+.topbar-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 20px; }
 .badge { color: var(--badge); white-space: nowrap; font-size: 11px; font-weight: 650; text-transform: uppercase; }
 .badge::before { content: "●"; margin-right: 8px; }
 .badge.good { color: var(--accent-soft); }
@@ -19,6 +19,7 @@ button:disabled { opacity: .55; cursor: wait; }
 .icon-button { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; padding: 6px; border: 0; background: transparent; }
 .icon-button:hover { background: transparent; color: var(--accent); }
 .icon-button svg { width: 18px; height: 18px; }
+.language-button { padding: 4px; white-space: nowrap; }
 .icon-moon, :root[data-theme="light"] .icon-sun { display: none; }
 :root[data-theme="light"] .icon-moon { display: block; }
 .intro { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 38px 0 25px; }

package/src/dashboard/ui.js

@@ -1,15 +1,27 @@
 const element = (id) => document.getElementById(id);
-const text = (id, value) => { element(id).textContent = value; };
+const phrase = (key, values = {}) => ({ key, values });
+const english = (key, values = {}) => String(key).replace(/\{(\w+)\}/g, (match, name) => {
+  if (!Object.hasOwn(values, name)) return match;
+  const value = values[name];
+  return value && typeof value === "object" && typeof value.key === "string" ? english(value.key, value.values) : String(value ?? "");
+});
+const localize = (target, key, values = {}, attribute = "textContent") => {
+  if (globalThis.ccdxLanguage) return globalThis.ccdxLanguage.set(target, key, values, attribute);
+  const value = english(key, values);
+  if (attribute === "textContent") target.textContent = value;
+  else target.setAttribute(attribute, value);
+};
+const text = (id, key, values) => { localize(element(id), key, values); };
 const finite = (value) => value !== null && value !== undefined && Number.isFinite(Number(value));
 const number = (value) => finite(value) ? Math.max(0, Math.round(Number(value))).toLocaleString() : "—";
 const mib = (value) => finite(value) ? `${(Number(value) / 1048576).toFixed(1)} MiB` : "—";
 let authLoading = false;
 
 function renderAuth(data) {
-  const account = data.login ? `@${data.login}` : data.id ? `ID ${data.id}` : "account unknown";
+  const account = data.login ? `@${data.login}` : data.id ? `ID ${data.id}` : phrase("account unknown");
   const label = data.reason === "credential_read_failed" ? "UNAVAILABLE"
-    : !data.configured ? "NOT CONFIGURED" : !data.valid ? "INVALID" : `${account} / SAVED`;
-  text("auth-account", `GitHub / ${label}`);
+    : !data.configured ? "NOT CONFIGURED" : !data.valid ? "INVALID" : "SAVED";
+  text("auth-account", label === "SAVED" ? "GitHub / {account} / SAVED" : `GitHub / ${label}`, { account });
 }
 
 async function loadAuth() {
@@ -40,11 +52,11 @@ function renderFailures(recent) {
   const expanded = new Set([...list.querySelectorAll("details[open]")].map((item) => item.dataset.key));
   list.replaceChildren();
   const failures = Array.isArray(recent) ? recent.slice(-10).reverse() : [];
-  text("failure-count", `${failures.length} retained / response.failed`);
+  text("failure-count", "{count} retained / response.failed", { count: failures.length });
   if (!failures.length) {
     const item = document.createElement("li");
     item.className = "empty";
-    item.textContent = "No response.failed events recorded.";
+    localize(item, "No response.failed events recorded.");
     list.append(item);
     return;
   }
@@ -54,7 +66,10 @@ function renderFailures(recent) {
     details.dataset.key = `${failure.at}/${failure.response_id}/${failure.code}`;
     details.open = expanded.has(details.dataset.key);
     const title = document.createElement("summary");
-    title.textContent = `${String(failure.at || "unknown time")} / ${String(failure.model || "unknown_model").slice(0, 80)} / ${String(failure.code || "unknown_error").slice(0, 80)} / ${failure.retried ? "retry attempted" : "no retry"}`;
+    localize(title, "{detail} / {retry}", {
+      detail: `${String(failure.at || "unknown time")} / ${String(failure.model || "unknown_model").slice(0, 80)} / ${String(failure.code || "unknown_error").slice(0, 80)}`,
+      retry: phrase(failure.retried ? "retry attempted" : "no retry"),
+    });
     const fields = { time: failure.at, model: failure.model, event: failure.event_type, code: failure.code,
       message: failure.message, response_id: failure.response_id, upstream_request_id: failure.upstream_request_id,
       retry: failure.retried ? "attempted (outcome not recorded here)" : "not attempted",
@@ -66,19 +81,21 @@ function renderFailures(recent) {
       if (value === undefined || value === null || value === "") continue;
       const label = document.createElement("dt");
       const content = document.createElement("dd");
-      label.textContent = key;
-      content.textContent = String(value).slice(0, 500);
+      localize(label, key);
+      const rawValue = String(value).slice(0, 500);
+      if (key === "retry") localize(content, rawValue);
+      else content.textContent = rawValue;
       diagnostic.append(label, content);
-      lines.push(`${key}: ${content.textContent}`);
+      lines.push(`${key}: ${rawValue}`);
     }
     const copy = document.createElement("button");
     copy.type = "button";
-    copy.textContent = "Copy diagnostic";
+    localize(copy, "Copy diagnostic");
     copy.addEventListener("click", async () => {
       try {
         await navigator.clipboard.writeText(lines.join("\n"));
-        copy.textContent = "Copied";
-      } catch { copy.textContent = "Copy unavailable"; }
+        localize(copy, "Copied");
+      } catch { localize(copy, "Copy unavailable"); }
     });
     details.append(title, diagnostic, copy);
     item.append(details);
@@ -88,20 +105,20 @@ function renderFailures(recent) {
 
 function render(data) {
   text("version", `v${data.version || "?"}`);
-  text("uptime", `pid ${number(data.pid)} / uptime ${duration(data.uptime_ms)}`);
+  text("uptime", "pid {pid} / uptime {duration}", { pid: number(data.pid), duration: duration(data.uptime_ms) });
 
   const copilot = data.copilot || {};
   text("copilot", copilot.account_bound ? "BOUND" : "UNCONFIRMED");
-  text("token", copilot.token_cached ? `service token / TTL ${duration(copilot.token_expires_in_ms)}` : "service token not cached");
+  text("token", copilot.token_cached ? "service token / TTL {duration}" : "service token not cached", { duration: duration(copilot.token_expires_in_ms) });
 
   const models = data.models || {};
   text("models", number(models.models));
-  text("model-source", `source ${String(models.source || "unknown").slice(0, 80)} / live: ccdx models`);
+  text("model-source", "source {source} / live: ccdx models", { source: phrase(String(models.source || "unknown").slice(0, 80)) });
 
   const requests = data.requests || {};
   text("requests", number(requests.total));
-  text("request-errors", `4xx ${number(requests.status_4xx)} / 5xx ${number(requests.status_5xx)} / active ${number(requests.active)}`);
-  text("body-limits", `raw ${mib(data.limits?.max_body_bytes)} / decoded ${mib(data.limits?.max_decoded_body_bytes)}`);
+  text("request-errors", "4xx {client} / 5xx {server} / active {active}", { client: number(requests.status_4xx), server: number(requests.status_5xx), active: number(requests.active) });
+  text("body-limits", "raw {raw} / decoded {decoded}", { raw: mib(data.limits?.max_body_bytes), decoded: mib(data.limits?.max_decoded_body_bytes) });
 
   const outcomes = data.stream_performance?.by_route?.responses?.terminal_outcomes?.totals || {};
   for (const key of ["completed", "incomplete", "failed", "cancelled"]) text(key, number(outcomes[key]));
@@ -110,17 +127,17 @@ function render(data) {
   const limit = Number(history.maxBytes || data.limits?.response_history_max_bytes || 0);
   const used = Number(history.bytes || 0);
   text("history", `${mib(used)} / ${mib(limit)}`);
-  text("history-detail", `entries ${number(history.entries)} / trees ${number(history.tree_count)} / misses ${number(history.lookup_misses)} (evicted ${number(history.evicted_lookup_misses)})`);
+  text("history-detail", "entries {entries} / trees {trees} / misses {misses} (evicted {evicted})", { entries: number(history.entries), trees: number(history.tree_count), misses: number(history.lookup_misses), evicted: number(history.evicted_lookup_misses) });
   element("history-meter").value = limit > 0 ? Math.min(100, Math.max(0, used / limit * 100)) : 0;
 
   const image = data.image_generation;
-  text("image", image ? `${number(image.succeeded)} succeeded` : "NOT INITIALIZED");
+  text("image", image ? "{count} succeeded" : "NOT INITIALIZED", { count: number(image?.succeeded) });
   text("image-detail", image
-    ? `active ${number(image.active)} / failed ${number(image.failed)} / delivery failures ${number(image.delivery_failures)}`
-    : "Setup state unknown / ccdx image-status");
+    ? "active {active} / failed {failed} / delivery failures {delivery}"
+    : "Setup state unknown / ccdx image-status", { active: number(image?.active), failed: number(image?.failed), delivery: number(image?.delivery_failures) });
 
   renderFailures(data.response_failures?.recent);
-  text("updated", `Snapshot ${new Date().toLocaleTimeString()}`);
+  text("updated", "Snapshot {time}", { time: new Date().toLocaleTimeString() });
 }
 
 async function refresh() {
@@ -248,7 +265,7 @@ function buildAnimationOptions(data) {
     name.textContent = `${String(index + 1).padStart(2, "0")} ${theme.label}`;
     if (theme.default) {
       const marker = document.createElement("small");
-      marker.textContent = "DEFAULT";
+      localize(marker, "DEFAULT");
       name.append(marker);
     }
     const preview = document.createElement("span");
@@ -299,7 +316,7 @@ async function loadAnimation() {
 }
 
 function updateAnimationState() {
-  text("animation-state", `CURRENT ${savedAnimation.toUpperCase()}${selectedAnimation !== savedAnimation ? " / UNSAVED" : ""}`);
+  text("animation-state", "CURRENT {theme}{unsaved}", { theme: savedAnimation.toUpperCase(), unsaved: selectedAnimation !== savedAnimation ? phrase(" / UNSAVED") : "" });
 }
 
 async function saveAnimation() {
@@ -320,7 +337,7 @@ async function saveAnimation() {
     updateAnimationState();
     text("animation-note", animationNote(data));
   } catch (error) {
-    text("animation-note", `Not saved / ${String(error.message || error).slice(0, 150)}`);
+    text("animation-note", "Not saved / {error}", { error: String(error.message || error).slice(0, 150) });
   } finally {
     button.disabled = selectedAnimation === savedAnimation;
   }
@@ -332,17 +349,18 @@ function emptyTable(bodyId, columns, message) {
   const row = document.createElement("tr");
   const cell = document.createElement("td");
   cell.colSpan = columns;
-  cell.textContent = message;
+  localize(cell, message);
   row.append(cell);
   body.append(row);
 }
 
-function tableRow(values, { total = false } = {}) {
+function tableRow(values, { total = false, labels = [] } = {}) {
   const row = document.createElement("tr");
   if (total) row.className = "total-row";
-  for (const value of values) {
+  for (const [index, value] of values.entries()) {
     const cell = document.createElement("td");
-    cell.textContent = value;
+    if ((total && index === 0) || labels.includes(index)) localize(cell, value);
+    else cell.textContent = value;
     row.append(cell);
   }
   return row;
@@ -361,11 +379,11 @@ async function loadModels() {
     const body = element("live-models-body");
     body.replaceChildren();
     for (const model of data.models) {
-      body.append(tableRow([model.id, model.vendor, model.endpoints.join(" / "), model.preview ? "preview" : "—"]));
+      body.append(tableRow([model.id, model.vendor, model.endpoints.join(" / "), model.preview ? "preview" : "—"], { labels: [3] }));
     }
     if (!data.models.length) emptyTable("live-models-body", 4, "No selectable GPT models advertised.");
     text("models-state", "LIVE SNAPSHOT");
-    text("models-note", `${number(data.selectable)} selectable / ${number(data.advertised)} advertised / ${data.upstream_host} / ${new Date(data.checked_at).toLocaleTimeString()}`);
+    text("models-note", "{selectable} selectable / {advertised} advertised / {host} / {time}", { selectable: number(data.selectable), advertised: number(data.advertised), host: data.upstream_host, time: new Date(data.checked_at).toLocaleTimeString() });
   } catch (error) {
     text("models-state", "LIVE LOOKUP FAILED");
     text("models-note", String(error.message || error).slice(0, 240));
@@ -388,7 +406,7 @@ let selectedUsageDate = "";
 function renderUsageTable() {
   const day = selectedUsageDate && usageData.analytics?.days.find((entry) => entry.date === selectedUsageDate);
   const model = element("analytics-model").value;
-  const total = day ? { model: "TOTAL", ...analyticsPoint(day, model) } : usageData.total;
+  const total = day ? { ...analyticsPoint(day, model), model: "TOTAL" } : usageData.total;
   const rows = day ? day.models.filter((row) => !model || row.model === model).sort((a, b) => b.total_tokens - a.total_tokens || a.model.localeCompare(b.model)) : usageData.rows;
   const body = element("usage-body");
   body.replaceChildren();
@@ -398,7 +416,10 @@ function renderUsageTable() {
   } else { emptyTable("usage-body", 7, "No usage records."); }
   element("clear-usage-day").hidden = !day;
   text("usage-state", day ? day.date : "LOCAL LOG");
-  text("usage-note", `${number(total.requests)} records / ${number(rows.length)} of ${number(day ? rows.length : usageData.model_count)} models shown${day ? ` / ${usageData.analytics.time_zone} / ${model || "All models"}` : ""}`);
+  text("usage-note", "{records} records / {shown} of {models} models shown{day}", {
+    records: number(total.requests), shown: number(rows.length), models: number(day ? rows.length : usageData.model_count),
+    day: day ? phrase(" / {zone} / {model}", { zone: usageData.analytics.time_zone, model: model || phrase("All models") }) : "",
+  });
 }
 
 function analyticsPoint(day, model) {
@@ -416,10 +437,11 @@ function dayButton(day, point) {
   button.type = "button";
   button.disabled = !day.available;
   button.setAttribute("aria-pressed", String(day.date === selectedUsageDate));
-  const description = !day.available ? "no retained history"
-    : `${number(point.requests)} recorded calls / input ${number(point.input_tokens)} / output ${number(point.output_tokens)} / cached ${number(point.cache_read_tokens)} (included in input)${point.tokens_partial ? " / partial token counts" : ""}`;
-  button.title = `${day.date} / ${description}`;
-  button.setAttribute("aria-label", button.title);
+  const description = !day.available ? phrase("no retained history")
+    : phrase("{calls} recorded calls / input {input} / output {output} / cached {cached} (included in input){partial}", {
+      calls: number(point.requests), input: number(point.input_tokens), output: number(point.output_tokens), cached: number(point.cache_read_tokens), partial: point.tokens_partial ? phrase(" / partial token counts") : "",
+    });
+  for (const attribute of ["title", "aria-label"]) localize(button, "{date} / {description}", { date: day.date, description }, attribute);
   button.addEventListener("click", () => selectUsageDay(day.date));
   return button;
 }
@@ -456,7 +478,7 @@ function renderAnalytics() {
     return metric === "tokens" ? point.input_tokens + point.output_tokens : point.requests;
   };
   const peak = Math.max(1, ...days.map(value));
-  text("activity-scale", `${metric === "tokens" ? "INPUT + OUTPUT" : "RECORDED CALLS"} / PEAK ${number(peak === 1 && days.every((day) => value(day) === 0) ? 0 : peak)}`);
+  text("activity-scale", "{metric} / PEAK {peak}", { metric: phrase(metric === "tokens" ? "INPUT + OUTPUT" : "RECORDED CALLS"), peak: number(peak === 1 && days.every((day) => value(day) === 0) ? 0 : peak) });
   const calendar = element("activity-calendar");
   calendar.replaceChildren();
   const offset = (new Date(`${days[0].date}T00:00:00Z`).getUTCDay() + 6) % 7;
@@ -486,8 +508,12 @@ function renderAnalytics() {
     button.dataset.level = String(count > 0 ? Math.min(4, Math.ceil(count / peak * 4)) : 0);
     calendar.append(button);
   }
-  text("analytics-note", `${analytics.time_zone} / ${daily[0].date} — ${analytics.to} / retained history starts ${analytics.first_date || "unknown"}; oldest day may be partial.${analytics.undated_records ? ` ${number(analytics.undated_records)} records with invalid/future timestamps excluded.` : ""}${analytics.models_truncated ? " Model filters limited to 100; all-model totals include the remainder." : ""}`);
-  text("analytics-selection", selectedUsageDate ? `Selected ${selectedUsageDate} / ${model || "All models"}: totals in the Usage table above / All history resets the table.` : "Select a day for model totals. Calls are usage records, not messages or time. Hatched cells: no retained history; empty cells: zero recorded calls.");
+  text("analytics-note", "{zone} / {from} — {to} / retained history starts {first}; oldest day may be partial.{excluded}{limit}", {
+    zone: analytics.time_zone, from: daily[0].date, to: analytics.to, first: analytics.first_date || phrase("unknown"),
+    excluded: analytics.undated_records ? phrase(" {count} records with invalid/future timestamps excluded.", { count: number(analytics.undated_records) }) : "",
+    limit: analytics.models_truncated ? phrase(" Model filters limited to 100; all-model totals include the remainder.") : "",
+  });
+  text("analytics-selection", selectedUsageDate ? "Selected {date} / {model}: totals in the Usage table above / All history resets the table." : "Select a day for model totals. Calls are usage records, not messages or time. Hatched cells: no retained history; empty cells: zero recorded calls.", { date: selectedUsageDate, model: model || phrase("All models") });
 }
 
 function updateAnalyticsModels() {
@@ -497,7 +523,8 @@ function updateAnalyticsModels() {
   for (const model of ["", ...usageData.analytics.models]) {
     const option = document.createElement("option");
     option.value = model;
-    option.textContent = model || "All models";
+    if (model) option.textContent = model;
+    else localize(option, "All models");
     select.append(option);
   }
   select.value = usageData.analytics.models.includes(previous) ? previous : "";

package/src/dashboard-api.mjs

@@ -129,7 +129,7 @@ export async function handleDashboardApi(req, res, pathname, {
     try {
       const profile = authStatusFn()?.profiles?.codex;
       if (!profile || typeof profile.configured !== "boolean" || typeof profile.valid !== "boolean") throw new Error("Invalid auth status");
-      const login = typeof profile.login === "string" && /^[a-z\d-]{1,39}$/i.test(profile.login)
+      const login = typeof profile.login === "string" && /^[a-z\d_-]{1,39}$/i.test(profile.login)
         && redactDiagnosticText(profile.login) === profile.login ? profile.login : "";
       const id = /^\d{1,20}$/.test(String(profile.id || "")) ? String(profile.id) : "";
       sendJson(res, 200, {

package/src/dashboard.mjs

@@ -5,6 +5,7 @@ const ASSETS = new Map([
   ["/", ["./dashboard/index.html", "text/html; charset=utf-8"]],
   ["/ui.css", ["./dashboard/ui.css", "text/css; charset=utf-8"]],
   ["/theme.js", ["./dashboard/theme.js", "text/javascript; charset=utf-8"]],
+  ["/language.js", ["./dashboard/language.js", "text/javascript; charset=utf-8"]],
   ["/ui.js", ["./dashboard/ui.js", "text/javascript; charset=utf-8"]],
 ]);