@young1lin/dsh-gpt-sub 0.1.2 → 0.1.3

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 记录用户可感知的变化；格式参考 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.1.0/)。
 版本号见 `package.json`。
 
+## [0.1.3] - 2026-10-08
+
+### 新增
+
+- Codex 设置面板接入 DSH 中英文语言服务，按钮、提示、倒计时、文件浏览、确认与重置结果跟随语言切换；有效期按所选语言格式化。
+
+### 调整
+
+- 设置导航统一命名为「Codex」，使用跟随主题的 Codex 图标替代默认齿轮，插件卸载时还原宿主图标。
+- 改善重置条目的标题和状态/有效期排版，避免操作按钮挤压换行，并适配窄面板布局。
+- 重置次数列表改为点击懒加载：打开/重开面板、切换语言、后台轮询与普通配额刷新不查询列表；首次点击「查询重置次数」后才读取，后续仅显式刷新或确认使用后更新。
+
+### 修复
+
+- 保留使用重置次数后的结果提示，避免随列表刷新立即清空；已显示的提示可随语言更新。
+
 ## [0.1.2] - 2026-10-05
 
 ### 新增

package/README.md

@@ -192,13 +192,29 @@ provider route never reads a stale token.
 
 ## Settings panel diagnostics
 
-The `Codex 配额` settings section does more than render the usage bars. It shows
+The **Codex** section follows the language selected in Settings →
+General (English or Chinese), using DSH's locale service like `dsh-mcp-adapter`.
+Buttons, placeholders, countdowns, file browsing, confirmations, and existing
+action feedback follow locale updates. While the panel remains mounted, a
+locale update preserves an edited path or proxy URL; navigating to another
+settings section unmounts the panel and discards unsaved edits.
+Credit expiration dates use the selected language too; upstream diagnostic
+messages, file paths, and account-provided titles remain unchanged.
+
+The navigation row uses the [Codex mark from Lobe Icons](https://unpkg.com/@lobehub/icons-static-svg@1.95.1/icons/codex.svg)
+(MIT, attribution included in [the client bundle](client.js)), not the shell's
+default gear. Its monochrome SVG follows the theme and is restored on plugin
+unload. Since the settings shell currently has no public icon slot, this uses
+the same narrowly scoped, disposable DOM adaptation as `dsh-mcp-adapter`.
+If a future shell changes its markup, the icon adaptation safely does nothing.
+
+The section does more than render the usage bars. It shows
 one bar per rate-limit window the account reports — the 5-hour rolling window
 and the weekly window — each drawn Codex-style as the percent **remaining**: a
 full bar at 100% that drains toward 0% as the allowance is spent, with its own
-reset countdown. The countdown is exact, not rounded to one unit: `4h22m后重置`,
-`10m22s后重置` under an hour (seconds only appear there, where they still change
-fast enough to read), `2d5h后重置` past a day, and a zero component is dropped
+reset countdown. The countdown is exact, not rounded to one unit: `Resets in 4h22m`
+(or `4小时22分后重置` in Chinese), `10m22s` under an hour (seconds only appear there,
+where they still change fast enough to read), `2d5h` past a day, and a zero component is dropped
 rather than padded — `4h`, never `4h0m`. An account with no 5-hour limit (pro
 accounts currently report only a weekly window) shows a note where that bar
 would be, so the absence reads as a fact about the plan rather than a broken
@@ -229,6 +245,13 @@ a capped window without waiting out its timer. Below the bars the panel shows:
   means direct. The line under the input notes whether the current value comes
   from cordis config or a page override.
 
+Reset credit details are lazy-loaded: opening/reopening the panel, switching
+languages, and background quota/status polling do not query the credit list.
+Click **Check reset credits / 查询重置次数** for the first read; after that, only
+the credit list's **Refresh / 刷新** button or a confirmed consumption refreshes
+it. The header badge simply reuses the ordinary quota response, with no extra
+credit-list request.
+
 Rate-limit reset credits (the codex CLI's `rate-limit-reset-credits` wham API): `GET /gpt-sub/reset-credits` lists the account's redeemable credits, `POST /gpt-sub/reset-credits/consume` (body `{ "creditId": "..." }`, optional) consumes one. The host mints a fresh `redeem_request_id` per click, and the panel asks for confirmation first because consuming is destructive.
 
 Host endpoints behind the panel: `GET /gpt-sub/quota` (the bars), `GET /gpt-sub/status`,

package/client.js

@@ -41,7 +41,7 @@ window.__ModuleLoader__.load({
     const POLL_MS = 60_000
 
     const css = [
-      '.dshGptSub{font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}',
+      '.dshGptSub{box-sizing:border-box;container-type:inline-size;width:100%;min-width:0;font-size:13px;line-height:20px;color:var(--dsw-alias-label-secondary)}',
       '.dshGptSubHead{display:flex;align-items:center;gap:8px;margin:0 0 10px}',
       '.dshGptSubPlan{font-weight:600;color:var(--dsw-alias-label-primary)}',
       '.dshGptSubTrack{position:relative;height:8px;border-radius:4px;background:var(--dsw-alias-interactive-bg-hover);overflow:hidden}',
@@ -54,13 +54,20 @@ window.__ModuleLoader__.load({
       '.dshGptSubWinLabel{font-size:12px;color:var(--dsw-alias-label-tertiary);margin-bottom:4px}',
       '.dshGptSubNote{margin-top:8px;font-size:12px;color:var(--dsw-alias-label-tertiary)}',
       '.dshGptSubBtn{margin-left:auto}',
-      '.dshGptSubDiag{margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-interactive-bg-hover);display:grid;grid-template-columns:max-content 1fr;gap:8px 16px;align-items:center}',
-      '.dshGptSubDiagLabel{color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px}',
+      '.dshGptSubDiag{margin-top:16px;padding-top:12px;border-top:1px solid var(--dsw-alias-interactive-bg-hover);display:grid;grid-template-columns:max-content minmax(0,1fr);gap:14px 16px;align-items:start}',
+      '.dshGptSubDiagLabel{padding-top:6px;color:var(--dsw-alias-label-tertiary);white-space:nowrap;font-size:12px}',
       '.dshGptSubDiagValue{min-width:0;overflow-wrap:anywhere;color:var(--dsw-alias-label-secondary)}',
-      '.dshGptSubProxyRow{display:flex;gap:8px;align-items:center;min-width:0}',
-      '.dshGptSubProxyField{flex:1;min-width:0;display:flex}',
-      '.dshGptSubProxyField>span{flex:1}',
-      '.dshGptSubProxyMeta{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:12px;color:var(--dsw-alias-label-tertiary)}',
+      '.dshGptSubProxyRow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0}',
+      '.dshGptSubProxyField{flex:1 1 180px;min-width:0;display:flex}',
+      '.dshGptSubProxyField>*{flex:1;min-width:0}',
+      '.dshGptSubProxyMeta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:6px;font-size:12px;color:var(--dsw-alias-label-tertiary)}',
+      '.dshGptSubCreditList{display:flex;flex-direction:column;gap:12px;margin-top:12px}',
+      '.dshGptSubCreditRow{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0}',
+      '.dshGptSubCreditText{flex:1;min-width:0;overflow-wrap:anywhere}',
+      '.dshGptSubCreditTitle{color:var(--dsw-alias-label-secondary);font-size:13px}',
+      '.dshGptSubCreditMeta{display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:2px;font-size:12px;color:var(--dsw-alias-label-tertiary)}',
+      '@container (max-width:560px){.dshGptSubDiag{grid-template-columns:minmax(0,1fr);gap:6px}.dshGptSubDiagLabel{padding-top:8px}.dshGptSubHead{flex-wrap:wrap}}',
+      '@container (max-width:340px){.dshGptSubProxyField{flex-basis:100%}.dshGptSubCreditRow{flex-direction:column;align-items:flex-start;gap:6px}}',
       // The credential-file picker: a small host-backed directory browser.
       '.dshGptSubBrowseMask{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center}',
       '.dshGptSubBrowse{width:min(560px,92vw);max-height:72vh;display:flex;flex-direction:column;background:var(--dsw-alias-bg-base);border:1px solid var(--dsw-alias-interactive-bg-hover);border-radius:12px;color:var(--dsw-alias-label-secondary);box-shadow:0 12px 40px rgba(0,0,0,.25)}',
@@ -93,14 +100,18 @@ window.__ModuleLoader__.load({
      * @param props - variant, children, and native button attributes.
      * @returns the button element.
      */
-    const SmallButton = (props) =>
-      Button !== undefined
-        ? React.createElement(Button, { size: 'sm', ...props })
+    const SmallButton = (props) => {
+      // The primitive's small size does not prevent flex compression: keep
+      // action labels on one line, particularly "Use and reset".
+      const buttonProps = { ...props, style: { ...props.style, whiteSpace: 'nowrap', flexShrink: 0 } }
+      return Button !== undefined
+        ? React.createElement(Button, { size: 'sm', ...buttonProps })
         : React.createElement('button', {
             type: 'button',
             className: 'dshGptSubFallbackButton',
-            ...props,
+            ...buttonProps,
           })
+    }
 
     /**
      * Render a pill badge through the primitives, or a styled native span.
@@ -128,57 +139,26 @@ window.__ModuleLoader__.load({
       return '#ef4444'
     }
 
-    /**
-     * Render a remaining duration in compact units, keeping two adjacent
-     * components and dropping a trailing zero: days+hours past a day,
-     * hours+minutes past an hour, minutes+seconds under one -- '4h22m',
-     * '10m22s', '2d5h', '45s', never '4h0m'. Seconds only appear under an
-     * hour, where they still change fast enough to read.
-     * @param seconds - whole remaining seconds; negative clamps to zero.
-     * @returns the compact duration.
-     */
-    const compactDuration = (seconds) => {
+    /** Compact durations, with units from the active language dictionary. */
+    const compactDuration = (seconds, t) => {
       const safe = Math.max(0, seconds)
       const days = Math.floor(safe / 86400)
       const hours = Math.floor((safe % 86400) / 3600)
       const minutes = Math.floor((safe % 3600) / 60)
       const rest = safe % 60
-      if (days > 0) return days + 'd' + (hours > 0 ? hours + 'h' : '')
-      if (hours > 0) return hours + 'h' + (minutes > 0 ? minutes + 'm' : '')
-      if (minutes > 0) return minutes + 'm' + (rest > 0 ? rest + 's' : '')
-      return rest + 's'
+      if (days > 0) return days + t('unitDay') + (hours > 0 ? hours + t('unitHour') : '')
+      if (hours > 0) return hours + t('unitHour') + (minutes > 0 ? minutes + t('unitMinute') : '')
+      if (minutes > 0) return minutes + t('unitMinute') + (rest > 0 ? rest + t('unitSecond') : '')
+      return rest + t('unitSecond')
     }
 
-    /**
-     * Render an epoch-ms timestamp as an exact countdown.
-     * @param at - epoch milliseconds.
-     * @param now - epoch milliseconds.
-     * @returns '4h22m后'-style, '即将' when due, or '' when unknown.
-     */
-    const countdownFrom = (at, now) => {
+    /** Localize the entire countdown, rather than appending Chinese suffixes. */
+    const countdownFrom = (at, now, t, kind) => {
       if (!at) return ''
       const seconds = Math.max(0, Math.round((at - now) / 1000))
-      if (seconds === 0) return '即将'
-      return compactDuration(seconds) + '后'
+      return seconds === 0 ? t(kind + 'Soon') : t(kind + 'In', { duration: compactDuration(seconds, t) })
     }
-
-    /**
-     * Name what a countdown counts down to: '4h22m后' + '重置' reads
-     * '4h22m后重置', and '即将' becomes '即将重置'.
-     * @param base - a countdownFrom result.
-     * @param noun - what happens when the countdown ends.
-     * @returns the named string, or '' untouched.
-     */
-    const withNoun = (base, noun) =>
-      base === '' ? '' : base === '即将' ? '即将' + noun : base.replace(/后$/, '后' + noun)
-
-    /**
-     * Render a reset time as an exact countdown.
-     * @param resetAt - epoch seconds.
-     * @param now - epoch milliseconds.
-     * @returns '4h22m后重置', or an empty string when unknown.
-     */
-    const countdown = (resetAt, now) => withNoun(countdownFrom(resetAt * 1000, now), '重置')
+    const countdown = (resetAt, now, t) => countdownFrom(resetAt * 1000, now, t, 'reset')
 
     // The latest quota reading, plus the subscribers waiting on it.
     let state = { phase: 'loading' }
@@ -217,10 +197,10 @@ window.__ModuleLoader__.load({
       polling ??= (async () => {
         try {
           const response = await fetch(ENDPOINT + (force ? '?refresh=1' : ''), { cache: 'no-store' })
-          if (!response.ok) throw new Error('endpoint answered ' + response.status)
+          if (!response.ok) throw endpointError(response.status)
           publish(await response.json())
         } catch (error) {
-          publish({ phase: 'error', message: error instanceof Error ? error.message : String(error) })
+          publish({ phase: 'error', message: error })
         }
       })().finally(() => {
         polling = undefined
@@ -236,10 +216,10 @@ window.__ModuleLoader__.load({
       statusPolling ??= (async () => {
         try {
           const response = await fetch(STATUS_ENDPOINT, { cache: 'no-store' })
-          if (!response.ok) throw new Error('endpoint answered ' + response.status)
+          if (!response.ok) throw endpointError(response.status)
           publishStatus(await response.json())
         } catch (error) {
-          publishStatus({ error: error instanceof Error ? error.message : String(error) })
+          publishStatus({ error })
         }
       })().finally(() => {
         statusPolling = undefined
@@ -260,65 +240,195 @@ window.__ModuleLoader__.load({
         body: JSON.stringify(body),
       })
       const payload = await response.json().catch(() => ({}))
-      if (!response.ok) throw new Error(payload.message || 'endpoint answered ' + response.status)
+      if (!response.ok) throw payload.message ? new Error(payload.message) : endpointError(response.status)
       return payload
     }
 
-    /** Short fixed strings, kept out of the render body. */
-    const STR = {
-      authSource: 'Auth 来源',
-      nextRefresh: '自动刷新',
-      proxy: 'HTTP 代理',
-      direct: '直连',
-      test: '测试连接',
-      save: '保存',
-      saved: '已保存并生效，重启后仍使用该代理',
-      testing: '测试中…',
-      saving: '保存中…',
-      marginNote: (margin, sync) => 'Token 剩余不足 ' + margin + ' 分钟时自动刷新；每 ' + sync + ' 分钟定期同步',
-      unknown: '未知（Token 无有效 exp）',
-      configOnly: '来自配置',
-      overridden: '页面设置',
-      ok: (ms) => '连接正常 · ' + ms + 'ms',
-      fail: '连接失败',
-      authFileLabel: 'Auth 文件',
-      authPlaceholder: '~/.codex/auth.json',
-      authSaved: '已保存并生效，重启后仍使用该路径',
-      authResetHint: '清空并保存恢复配置默认',
-      authUnpublished: '已切换，但 Token 发布失败，将在下个同步周期自动重试',
-      browse: '浏览…',
-      browseTitle: '选择 auth 文件',
-      cancel: '取消',
-      upLabel: '..',
-      truncatedNote: '条目过多，仅显示部分',
-      browseFail: '无法读取目录',
-      noFiveHour: '当前账号无 5 小时限额，仅按周限额计',
-      noWindows: '上游未报告任何限额窗口',
-      resetsLeft: (count) => '还有 ' + count + ' 次重置',
-      resetCredits: '重置次数',
-      rcLoad: '查询重置次数',
-      rcLoading: '查询中…',
-      rcAvailable: (n) => '可用 ' + n + ' 次',
-      rcEmpty: '当前没有可用的重置次数',
-      rcUse: '使用并重置',
-      rcUsing: '使用中…',
-      rcConfirm: (title) => '确定使用这个重置次数吗？将立即重置配额窗口：' + (title || '未命名'),
-      rcConsumeFail: '使用失败',
-      rcOutcomes: {
-        reset: (n) => '✓ 已重置（' + n + ' 个窗口）',
-        nothing_to_reset: '✗ 当前没有可重置的窗口',
-        no_credit: '✗ 没有可用的重置次数',
-        already_redeemed: '✗ 该次数已被使用过',
-      },
-      rcStatus: { available: '可用', redeeming: '兑换中', redeemed: '已使用', unknown: '未知' },
-      rcExpires: (text) => '（' + text + ' 前有效）',
+    // Same namespace / dictionary / slot-locale contract as dsh-mcp-adapter.
+    const NS = 'settings.gpt-sub-quota'
+    const en = {
+      nav: "Codex",
+      authSource: "Auth source",
+      nextRefresh: "Automatic refresh",
+      proxy: "HTTP proxy",
+      direct: "Direct connection",
+      test: "Test connection",
+      save: "Save",
+      saved: "Saved and applied; this proxy will still be used after restart",
+      testing: "Testing…",
+      saving: "Saving…",
+      marginNote: "Refresh the token when less than {margin} minutes remain; sync every {sync} minutes",
+      unknown: "Unknown (token has no valid exp)",
+      configOnly: "From configuration",
+      overridden: "Panel override",
+      ok: "Connected · {ms} ms",
+      fail: "Connection failed",
+      proxyPlaceholder: "http://127.0.0.1:7890; leave empty for a direct connection",
+      authFileLabel: "Auth file",
+      authPlaceholder: "~/.codex/auth.json",
+      authSaved: "Saved and applied; this path will still be used after restart",
+      authResetHint: "Clear and save to restore the configured default",
+      authUnpublished: "Switched, but token publishing failed; the next sync will retry automatically",
+      browse: "Browse…",
+      browseTitle: "Select an auth file",
+      cancel: "Cancel",
+      upLabel: "..",
+      truncatedNote: "Too many entries; only some are shown",
+      browseFail: "Cannot read this directory",
+      noFiveHour: "This account has no 5-hour limit; only the weekly limit applies",
+      noWindows: "The upstream service reported no rate-limit windows",
+      resetsLeft: "Reset credits remaining: {count}",
+      resetCredits: "Reset credits",
+      rcLoad: "Check reset credits",
+      rcLoading: "Checking…",
+      rcAvailable: "Available: {n}",
+      rcEmpty: "No reset credits are available",
+      rcUse: "Use and reset",
+      rcUsing: "Using…",
+      rcConfirm: "Use this reset credit? This will immediately reset the quota window: {title}",
+      unnamed: "Unnamed",
+      rcConsumeFail: "Use failed: {message}",
+      rcOutcomeReset: "✓ Reset complete (windows: {n})",
+      rcOutcomeNothing: "✗ No windows can be reset right now",
+      rcOutcomeNoCredit: "✗ No reset credits are available",
+      rcOutcomeRedeemed: "✗ This credit has already been used",
+      rcOutcomeUnknown: "Unexpected reset result: {code}",
+      rcStatusAvailable: "Available",
+      rcStatusRedeeming: "Redeeming",
+      rcStatusRedeemed: "Used",
+      rcStatusUnknown: "Unknown",
+      rcExpires: " (expires {text})",
+      refresh: "Refresh",
+      loading: "Loading…",
+      quotaError: "Cannot read quota: {message}",
+      unknownError: "Unknown error",
+      retry: "Retry",
+      windowDays: "{n}-day window",
+      windowHours: "{n}-hour window",
+      remaining: "{percent}% remaining",
+      stale: "Data may be stale: {message}",
+      accessToken: "Access token",
+      resetSoon: "Resets soon",
+      resetIn: "Resets in {duration}",
+      refreshSoon: "Refreshing soon",
+      refreshIn: "Refreshes in {duration}",
+      expireSoon: "Expires soon",
+      expireIn: "Expires in {duration}",
+      unitDay: "d",
+      unitHour: "h",
+      unitMinute: "m",
+      unitSecond: "s",
+      dateLocale: "en-US",
+      endpointError: "Endpoint returned HTTP {status}",
+    }
+    const zh = {
+      nav: "Codex",
+      authSource: "认证来源",
+      nextRefresh: "自动刷新",
+      proxy: "HTTP 代理",
+      direct: "直连",
+      test: "测试连接",
+      save: "保存",
+      saved: "已保存并生效，重启后仍使用该代理",
+      testing: "测试中…",
+      saving: "保存中…",
+      marginNote: "Token 剩余不足 {margin} 分钟时自动刷新；每 {sync} 分钟定期同步",
+      unknown: "未知（Token 无有效 exp）",
+      configOnly: "来自配置",
+      overridden: "页面设置",
+      ok: "连接正常 · {ms} 毫秒",
+      fail: "连接失败",
+      proxyPlaceholder: "http://127.0.0.1:7890，留空表示直连",
+      authFileLabel: "认证文件",
+      authPlaceholder: "~/.codex/auth.json",
+      authSaved: "已保存并生效，重启后仍使用该路径",
+      authResetHint: "清空并保存恢复配置默认",
+      authUnpublished: "已切换，但 Token 发布失败，将在下个同步周期自动重试",
+      browse: "浏览…",
+      browseTitle: "选择认证文件",
+      cancel: "取消",
+      upLabel: "..",
+      truncatedNote: "条目过多，仅显示部分",
+      browseFail: "无法读取目录",
+      noFiveHour: "当前账号无 5 小时限额，仅按周限额计",
+      noWindows: "上游未报告任何限额窗口",
+      resetsLeft: "还有 {count} 次重置",
+      resetCredits: "重置次数",
+      rcLoad: "查询重置次数",
+      rcLoading: "查询中…",
+      rcAvailable: "可用 {n} 次",
+      rcEmpty: "当前没有可用的重置次数",
+      rcUse: "使用并重置",
+      rcUsing: "使用中…",
+      rcConfirm: "确定使用这个重置次数吗？将立即重置配额窗口：{title}",
+      unnamed: "未命名",
+      rcConsumeFail: "使用失败：{message}",
+      rcOutcomeReset: "✓ 已重置（{n} 个窗口）",
+      rcOutcomeNothing: "✗ 当前没有可重置的窗口",
+      rcOutcomeNoCredit: "✗ 没有可用的重置次数",
+      rcOutcomeRedeemed: "✗ 该次数已被使用过",
+      rcOutcomeUnknown: "未知重置结果：{code}",
+      rcStatusAvailable: "可用",
+      rcStatusRedeeming: "兑换中",
+      rcStatusRedeemed: "已使用",
+      rcStatusUnknown: "未知",
+      rcExpires: "（{text} 前有效）",
+      refresh: "刷新",
+      loading: "读取中…",
+      quotaError: "无法读取配额：{message}",
+      unknownError: "未知错误",
+      retry: "重试",
+      windowDays: "{n} 天窗口",
+      windowHours: "{n} 小时窗口",
+      remaining: "剩余 {percent}%",
+      stale: "数据可能已过期：{message}",
+      accessToken: "访问令牌",
+      resetSoon: "即将重置",
+      resetIn: "{duration}后重置",
+      refreshSoon: "即将刷新",
+      refreshIn: "{duration}后刷新",
+      expireSoon: "即将过期",
+      expireIn: "{duration}后过期",
+      unitDay: "天",
+      unitHour: "小时",
+      unitMinute: "分",
+      unitSecond: "秒",
+      dateLocale: "zh-CN",
+      endpointError: "接口返回 HTTP {status}",
+    }
+
+    const interpolate = (template, params = {}) =>
+      template.replace(/\{(\w+)\}/g, (match, key) =>
+        Object.prototype.hasOwnProperty.call(params, key) ? String(params[key]) : match)
+    const fallbackT = (key, params) => interpolate(en[key] ?? key, params)
+
+    // Keep HTTP failures and action notes as data, not translated snapshots.
+    // A language switch also updates a success/error note already on screen.
+    const endpointError = (status) => Object.assign(new Error(), { endpointStatus: status })
+    const errorText = (error, t) => {
+      if (error && error.endpointStatus !== undefined) return t('endpointError', { status: error.endpointStatus })
+      if (error && error.key) return t(error.key)
+      return (error && error.message) || (error ? String(error) : t('unknownError'))
+    }
+    const noteText = (note, t) => {
+      if (!note) return ''
+      if (note.key) return t(note.key, { ...note.params, ...(note.error ? { message: errorText(note.error, t) } : {}) })
+      return '✗ ' + errorText(note.error, t)
+    }
+    const resetOutcomeKeys = {
+      reset: 'rcOutcomeReset', nothing_to_reset: 'rcOutcomeNothing',
+      no_credit: 'rcOutcomeNoCredit', already_redeemed: 'rcOutcomeRedeemed',
+    }
+    const creditStatusKeys = {
+      available: 'rcStatusAvailable', redeeming: 'rcStatusRedeeming',
+      redeemed: 'rcStatusRedeemed', unknown: 'rcStatusUnknown',
     }
 
     /**
      * The proxy control block: current URL, editable, with test and save.
      * @returns the rendered block.
      */
-    const ProxyControl = () => {
+    const ProxyControl = ({ t }) => {
       const current = status && status.proxyUrl !== undefined ? status.proxyUrl : ''
       const [draft, setDraft] = useState(current)
       const [dirty, setDirty] = useState(false)
@@ -342,9 +452,9 @@ window.__ModuleLoader__.load({
         try {
           const probed = await postJson(PROXY_TEST_ENDPOINT, { proxyUrl: draft.trim() })
           setResult(probed)
-          if (!probed.ok) setNote('✗ ' + (probed.message || STR.fail))
+          if (!probed.ok) setNote({ error: probed.message || { key: 'fail' } })
         } catch (error) {
-          setNote('✗ ' + (error instanceof Error ? error.message : String(error)))
+          setNote({ error })
         } finally {
           setBusy('')
         }
@@ -361,10 +471,10 @@ window.__ModuleLoader__.load({
         try {
           await postJson(PROXY_ENDPOINT, { proxyUrl: draft.trim() })
           setDirty(false)
-          setNote(STR.saved)
+          setNote({ key: 'saved' })
           await Promise.all([pollStatus(), poll(false)])
         } catch (error) {
-          setNote('✗ ' + (error instanceof Error ? error.message : String(error)))
+          setNote({ error })
         } finally {
           setBusy('')
         }
@@ -372,16 +482,17 @@ window.__ModuleLoader__.load({
 
       const okPill =
         result && result.ok
-          ? React.createElement(Badge, null, '✓ ' + STR.ok(result.latencyMs))
+          ? React.createElement(Badge, null, '✓ ' + t('ok', { ms: result.latencyMs }))
           : null
       const failPill =
         result && !result.ok
-          ? React.createElement(Badge, null, '✗ ' + STR.fail)
+          ? React.createElement(Badge, null, '✗ ' + t('fail'))
           : null
 
       const inputProps = {
         value: draft,
-        placeholder: 'http://127.0.0.1:7890，留空表示直连',
+        placeholder: t('proxyPlaceholder'),
+        'aria-label': t('proxy'),
         spellCheck: false,
         disabled: busy !== '',
         onChange: (event) => {
@@ -406,23 +517,23 @@ window.__ModuleLoader__.load({
           React.createElement(
             SmallButton,
             { variant: 'outline', disabled: busy !== '', onClick: onTest },
-            busy === 'test' ? STR.testing : STR.test,
+            busy === 'test' ? t('testing') : t('test'),
           ),
           React.createElement(
             SmallButton,
             { variant: 'primary', disabled: busy !== '', onClick: onSave },
-            busy === 'save' ? STR.saving : STR.save,
+            busy === 'save' ? t('saving') : t('save'),
           ),
         ),
         React.createElement(
           'div',
           { className: 'dshGptSubProxyMeta' },
-          React.createElement(Badge, null, current === '' ? STR.direct : current),
-          React.createElement(Badge, null, status && status.overridden ? STR.overridden : STR.configOnly),
+          React.createElement(Badge, null, current === '' ? t('direct') : current),
+          React.createElement(Badge, null, status && status.overridden ? t('overridden') : t('configOnly')),
           okPill,
           failPill,
         ),
-        note ? React.createElement('div', { className: 'dshGptSubNote' }, note) : null,
+        note ? React.createElement('div', { className: 'dshGptSubNote' }, noteText(note, t)) : null,
       )
     }
 
@@ -435,7 +546,7 @@ window.__ModuleLoader__.load({
      * picker, which is why browsing runs through the host instead.
      * @returns the rendered block.
      */
-    const AuthControl = () => {
+    const AuthControl = ({ t }) => {
       const current = status && status.authFile !== undefined ? status.authFile : ''
       const [draft, setDraft] = useState(current)
       const [dirty, setDirty] = useState(false)
@@ -458,10 +569,10 @@ window.__ModuleLoader__.load({
         try {
           const payload = await postJson(AUTH_ENDPOINT, { authFile: draft.trim() })
           setDirty(false)
-          setNote(payload.published === false ? STR.authUnpublished : STR.authSaved)
+          setNote({ key: payload.published === false ? 'authUnpublished' : 'authSaved' })
           await pollStatus()
         } catch (error) {
-          setNote('✗ ' + (error instanceof Error ? error.message : String(error)))
+          setNote({ error })
         } finally {
           setBusy(false)
         }
@@ -478,10 +589,10 @@ window.__ModuleLoader__.load({
           const query = path ? '?path=' + encodeURIComponent(path) : ''
           const response = await fetch(AUTH_BROWSE_ENDPOINT + query, { cache: 'no-store' })
           const payload = await response.json().catch(() => ({}))
-          if (!response.ok || !payload.ok) throw new Error(payload.message || STR.browseFail)
+          if (!response.ok || !payload.ok) throw payload.message ? new Error(payload.message) : { key: 'browseFail' }
           setBrowse(payload)
         } catch (error) {
-          setNote('✗ ' + (error instanceof Error ? error.message : String(error)))
+          setNote({ error })
         }
       }
 
@@ -498,7 +609,8 @@ window.__ModuleLoader__.load({
 
       const inputProps = {
         value: draft,
-        placeholder: STR.authPlaceholder,
+        placeholder: t('authPlaceholder'),
+        'aria-label': t('authFileLabel'),
         spellCheck: false,
         disabled: busy,
         onChange: (event) => {
@@ -526,21 +638,21 @@ window.__ModuleLoader__.load({
             React.createElement(
               SmallButton,
               { variant: 'outline', disabled: busy, onClick: () => void openBrowserAt('') },
-              STR.browse,
+              t('browse'),
             ),
             React.createElement(
               SmallButton,
               { variant: 'primary', disabled: busy, onClick: onSave },
-              busy ? STR.saving : STR.save,
+              busy ? t('saving') : t('save'),
             ),
           ),
           React.createElement(
             'div',
             { className: 'dshGptSubProxyMeta' },
-            React.createElement(Badge, null, status && status.authOverridden ? STR.overridden : STR.configOnly),
-            React.createElement('span', null, STR.authResetHint),
+            React.createElement(Badge, null, status && status.authOverridden ? t('overridden') : t('configOnly')),
+            React.createElement('span', null, t('authResetHint')),
           ),
-          note ? React.createElement('div', { className: 'dshGptSubNote' }, note) : null,
+          note ? React.createElement('div', { className: 'dshGptSubNote' }, noteText(note, t)) : null,
         ),
         browse === undefined
           ? null
@@ -550,7 +662,7 @@ window.__ModuleLoader__.load({
               React.createElement(
                 'div',
                 { className: 'dshGptSubBrowse', onClick: (event) => event.stopPropagation() },
-                React.createElement('div', { className: 'dshGptSubBrowseHead' }, STR.browseTitle),
+                React.createElement('div', { className: 'dshGptSubBrowseHead' }, t('browseTitle')),
                 React.createElement('div', { className: 'dshGptSubBrowsePath' }, browse.dir),
                 React.createElement(
                   'ul',
@@ -564,7 +676,7 @@ window.__ModuleLoader__.load({
                           onClick: () => void openBrowserAt(browse.parent),
                         },
                         React.createElement('span', { className: 'dshGptSubBrowseMark' }, '↰'),
-                        STR.upLabel,
+                        t('upLabel'),
                       )
                     : null,
                   browse.entries.map((entry) =>
@@ -585,12 +697,12 @@ window.__ModuleLoader__.load({
                   'div',
                   { className: 'dshGptSubBrowseFoot' },
                   browse.truncated
-                    ? React.createElement('span', { className: 'dshGptSubNote' }, STR.truncatedNote)
+                    ? React.createElement('span', { className: 'dshGptSubNote' }, t('truncatedNote'))
                     : null,
                   React.createElement(
                     SmallButton,
                     { variant: 'outline', onClick: () => setBrowse(undefined) },
-                    STR.cancel,
+                    t('cancel'),
                   ),
                 ),
               ),
@@ -604,7 +716,7 @@ window.__ModuleLoader__.load({
      * Consuming is destructive, so nothing here fires without a click.
      * @returns the rendered block.
      */
-    const ResetCreditsControl = () => {
+    const ResetCreditsControl = ({ t }) => {
       const [details, setDetails] = useState(undefined)
       const [busy, setBusy] = useState(false)
       const [consumingId, setConsumingId] = useState('')
@@ -614,25 +726,23 @@ window.__ModuleLoader__.load({
        * Fetch the credit list from the host.
        * @returns nothing; failures surface as the note.
        */
-      const load = async () => {
+      const load = async (preserveNote = false) => {
         setBusy(true)
-        setNote('')
+        if (!preserveNote) setNote('')
         try {
           const response = await fetch(RESET_CREDITS_ENDPOINT, { cache: 'no-store' })
           const payload = await response.json().catch(() => ({}))
-          if (!response.ok || !payload.ok) throw new Error(payload.message || 'endpoint answered ' + response.status)
+          if (!response.ok || !payload.ok) throw payload.message ? new Error(payload.message) : endpointError(response.status)
           setDetails(payload)
         } catch (error) {
-          setNote('✗ ' + (error instanceof Error ? error.message : String(error)))
+          setNote({ error })
         } finally {
           setBusy(false)
         }
       }
 
-      // Load once on mount; later reads happen through the visible button.
-      useEffect(() => {
-        void load()
-      }, [])
+      // Never query on mount, locale changes, or quota polling. The first
+      // read is user-triggered; later reads come from Refresh or consumption.
 
       /**
        * Consume one credit after a confirmation dialog, then refresh both the
@@ -642,18 +752,18 @@ window.__ModuleLoader__.load({
        */
       const consume = async (credit) => {
         const title = credit ? credit.title || credit.id : ''
-        if (!window.confirm(STR.rcConfirm(title))) return
+        if (!window.confirm(t('rcConfirm', { title: title || t('unnamed') }))) return
         setConsumingId(credit ? credit.id : '*')
         setNote('')
         try {
           const payload = await postJson(RESET_CREDITS_CONSUME_ENDPOINT, {
             ...(credit ? { creditId: credit.id } : {}),
           })
-          const outcome = STR.rcOutcomes[payload.code]
-          setNote(outcome ? outcome(payload.windows_reset || 0) : payload.code)
-          await Promise.all([load(), poll(false)])
+          setNote({ key: resetOutcomeKeys[payload.code] || 'rcOutcomeUnknown',
+            params: { n: payload.windows_reset || 0, code: payload.code } })
+          await Promise.all([load(true), poll(false)])
         } catch (error) {
-          setNote('✗ ' + STR.rcConsumeFail + '：' + (error instanceof Error ? error.message : String(error)))
+          setNote({ key: 'rcConsumeFail', error })
         } finally {
           setConsumingId('')
         }
@@ -666,9 +776,9 @@ window.__ModuleLoader__.load({
           React.createElement(
             SmallButton,
             { variant: 'outline', disabled: busy, onClick: () => void load() },
-            busy ? STR.rcLoading : STR.rcLoad,
+            busy ? t('rcLoading') : t('rcLoad'),
           ),
-          note ? React.createElement('span', null, note) : null,
+          note ? React.createElement('span', null, noteText(note, t)) : null,
         )
       }
 
@@ -679,31 +789,37 @@ window.__ModuleLoader__.load({
         React.createElement(
           'div',
           { className: 'dshGptSubProxyMeta' },
-          React.createElement(Badge, null, STR.rcAvailable(details.available_count)),
+          React.createElement(Badge, null, t('rcAvailable', { n: details.available_count })),
           React.createElement(
             SmallButton,
             { variant: 'ghost', disabled: busy, onClick: () => void load() },
-            busy ? STR.rcLoading : '刷新',
+            busy ? t('rcLoading') : t('refresh'),
           ),
         ),
         available.length === 0
-          ? React.createElement('div', { className: 'dshGptSubNote' }, STR.rcEmpty)
+          ? React.createElement('div', { className: 'dshGptSubNote' }, t('rcEmpty'))
           : React.createElement(
               'div',
-              null,
+              { className: 'dshGptSubCreditList' },
               available.map((credit) =>
                 React.createElement(
                   'div',
-                  { key: credit.id, className: 'dshGptSubProxyMeta' },
+                  { key: credit.id, className: 'dshGptSubCreditRow' },
                   React.createElement(
-                    'span',
-                    null,
-                    (credit.title || credit.id) +
-                      ' · ' +
-                      (STR.rcStatus[credit.status] || credit.status) +
-                      (credit.expires_at
-                        ? STR.rcExpires(new Date(credit.expires_at).toLocaleString())
-                        : ''),
+                    'div',
+                    { className: 'dshGptSubCreditText' },
+                    React.createElement('div', { className: 'dshGptSubCreditTitle' }, credit.title || credit.id),
+                    React.createElement(
+                      'div',
+                      { className: 'dshGptSubCreditMeta' },
+                      React.createElement('span', null,
+                        creditStatusKeys[credit.status] ? t(creditStatusKeys[credit.status]) : credit.status),
+                      credit.expires_at
+                        ? React.createElement('span', null, t('rcExpires', {
+                            text: new Date(credit.expires_at).toLocaleString(t('dateLocale')),
+                          }))
+                        : null,
+                    ),
                   ),
                   React.createElement(
                     SmallButton,
@@ -712,12 +828,12 @@ window.__ModuleLoader__.load({
                       disabled: busy || consumingId !== '',
                       onClick: () => void consume(credit),
                     },
-                    consumingId === credit.id ? STR.rcUsing : STR.rcUse,
+                    consumingId === credit.id ? t('rcUsing') : t('rcUse'),
                   ),
                 ),
               ),
             ),
-        note ? React.createElement('div', { className: 'dshGptSubNote' }, note) : null,
+        note ? React.createElement('div', { className: 'dshGptSubNote' }, noteText(note, t)) : null,
       )
     }
 
@@ -725,7 +841,7 @@ window.__ModuleLoader__.load({
      * The Settings section body.
      * @returns the rendered panel.
      */
-    const QuotaSection = () => {
+    const QuotaSection = ({ t = fallbackT } = {}) => {
       ensureStyle()
       const [reading, setReading] = useState(state)
       const [stat, setStat] = useState(status)
@@ -743,17 +859,17 @@ window.__ModuleLoader__.load({
       }, [])
 
       if (reading.phase === 'loading') {
-        return React.createElement('div', { className: 'dshGptSub' }, '读取中…')
+        return React.createElement('div', { className: 'dshGptSub' }, t('loading'))
       }
       if (reading.phase === 'error') {
         return React.createElement(
           'div',
           { className: 'dshGptSub' },
-          React.createElement('div', { className: 'dshGptSubNote' }, '无法读取配额：' + (reading.message || '未知错误')),
+          React.createElement('div', { className: 'dshGptSubNote' }, t('quotaError', { message: errorText(reading.message, t) })),
           React.createElement(
             'div',
             { className: 'dshGptSubBtn' },
-            React.createElement(SmallButton, { variant: 'outline', onClick: () => poll(true) }, '重试'),
+            React.createElement(SmallButton, { variant: 'outline', onClick: () => poll(true) }, t('retry')),
           ),
         )
       }
@@ -763,7 +879,8 @@ window.__ModuleLoader__.load({
        * @param hours - the window's length in hours.
        * @returns the label.
        */
-      const windowLabel = (hours) => (hours >= 24 ? Math.round(hours / 24) + ' 天窗口' : hours + ' 小时窗口')
+      const windowLabel = (hours) => t(hours >= 24 ? 'windowDays' : 'windowHours',
+        { n: hours >= 24 ? Math.round(hours / 24) : hours })
 
       /**
        * One window's block: label, a track of the percent REMAINING, and the
@@ -791,19 +908,19 @@ window.__ModuleLoader__.load({
           React.createElement(
             'div',
             { className: 'dshGptSubMeta' },
-            React.createElement('span', null, '剩余 ' + remaining + '%'),
-            React.createElement('span', null, countdown(window.resetAt, now)),
+            React.createElement('span', null, t('remaining', { percent: remaining })),
+            React.createElement('span', null, countdown(window.resetAt, now, t)),
           ),
         )
       }
 
       const refreshLabel = stat
         ? stat.refreshAt
-          ? countdownFrom(stat.refreshAt, now) + '（' + STR.marginNote(stat.refreshMarginMinutes, stat.syncIntervalMinutes) + '）'
-          : STR.unknown
+          ? countdownFrom(stat.refreshAt, now, t, 'refresh') + ' · ' + t('marginNote', { margin: stat.refreshMarginMinutes, sync: stat.syncIntervalMinutes })
+          : t('unknown')
         : ''
       const authLabel = stat ? stat.authFile || '' : ''
-      const tokenExpiryLabel = stat && stat.tokenExpiresAt ? withNoun(countdownFrom(stat.tokenExpiresAt, now), '过期') : ''
+      const tokenExpiryLabel = stat && stat.tokenExpiresAt ? countdownFrom(stat.tokenExpiresAt, now, t, 'expire') : ''
 
       return React.createElement(
         'div',
@@ -815,12 +932,12 @@ window.__ModuleLoader__.load({
           // The on-demand usage resets the account can still spend to clear
           // a capped window without waiting out its timer.
           reading.resetsRemaining !== undefined
-            ? React.createElement(Badge, null, STR.resetsLeft(reading.resetsRemaining))
+            ? React.createElement(Badge, null, t('resetsLeft', { count: reading.resetsRemaining }))
             : null,
           React.createElement(
             'span',
             { className: 'dshGptSubBtn' },
-            React.createElement(SmallButton, { variant: 'ghost', onClick: () => poll(true) }, '刷新'),
+            React.createElement(SmallButton, { variant: 'ghost', onClick: () => poll(true) }, t('refresh')),
           ),
         ),
         // The 5-hour rolling window first -- it is the one that bites first --
@@ -829,42 +946,111 @@ window.__ModuleLoader__.load({
         reading.fiveHour !== undefined
           ? WindowBlock(windowLabel(reading.fiveHour.windowHours), reading.fiveHour)
           : reading.weekly !== undefined
-            ? React.createElement('div', { className: 'dshGptSubNote' }, STR.noFiveHour)
+            ? React.createElement('div', { className: 'dshGptSubNote' }, t('noFiveHour'))
             : null,
         reading.weekly !== undefined ? WindowBlock(windowLabel(reading.weekly.windowHours), reading.weekly) : null,
         reading.fiveHour === undefined && reading.weekly === undefined
-          ? React.createElement('div', { className: 'dshGptSubNote' }, STR.noWindows)
+          ? React.createElement('div', { className: 'dshGptSubNote' }, t('noWindows'))
           : null,
         reading.stale
-          ? React.createElement('div', { className: 'dshGptSubNote' }, '数据可能已过期：' + (reading.message || ''))
+          ? React.createElement('div', { className: 'dshGptSubNote' }, t('stale', { message: reading.message ? errorText(reading.message, t) : '' }))
           : null,
         React.createElement(
           'div',
           { className: 'dshGptSubDiag' },
-          React.createElement('span', { className: 'dshGptSubDiagLabel' }, STR.authSource),
+          React.createElement('span', { className: 'dshGptSubDiagLabel' }, t('authSource')),
           React.createElement(
             'span',
             { className: 'dshGptSubDiagValue' },
-            authLabel + (tokenExpiryLabel ? ' · Access Token ' + tokenExpiryLabel : ''),
+            authLabel + (tokenExpiryLabel ? ' · ' + t('accessToken') + ' ' + tokenExpiryLabel : ''),
           ),
-          React.createElement('span', { className: 'dshGptSubDiagLabel' }, STR.authFileLabel),
+          React.createElement('span', { className: 'dshGptSubDiagLabel' }, t('authFileLabel')),
           React.createElement(
             'span',
             { className: 'dshGptSubDiagValue' },
-            React.createElement(AuthControl, null),
+            React.createElement(AuthControl, { t }),
           ),
-          React.createElement('span', { className: 'dshGptSubDiagLabel' }, STR.nextRefresh),
+          React.createElement('span', { className: 'dshGptSubDiagLabel' }, t('nextRefresh')),
           React.createElement('span', { className: 'dshGptSubDiagValue' }, refreshLabel),
-          React.createElement('span', { className: 'dshGptSubDiagLabel' }, STR.proxy),
-          React.createElement('span', { className: 'dshGptSubDiagValue' }, React.createElement(ProxyControl, null)),
-          React.createElement('span', { className: 'dshGptSubDiagLabel' }, STR.resetCredits),
-          React.createElement('span', { className: 'dshGptSubDiagValue' }, React.createElement(ResetCreditsControl, null)),
+          React.createElement('span', { className: 'dshGptSubDiagLabel' }, t('proxy')),
+          React.createElement('span', { className: 'dshGptSubDiagValue' }, React.createElement(ProxyControl, { t })),
+          React.createElement('span', { className: 'dshGptSubDiagLabel' }, t('resetCredits')),
+          React.createElement('span', { className: 'dshGptSubDiagValue' }, React.createElement(ResetCreditsControl, { t })),
         ),
       )
     }
 
-    /** Required services: the slot registry the panel registers into. */
-    exports.inject = ['slots']
+    /* Codex mark from @lobehub/icons-static-svg 1.95.1 (MIT):
+     * https://unpkg.com/@lobehub/icons-static-svg@1.95.1/icons/codex.svg
+     * Copyright (c) 2023 LobeHub
+     * Permission is hereby granted, free of charge, to any person obtaining a copy
+     * of this software and associated documentation files (the "Software"), to deal
+     * in the Software without restriction, including without limitation the rights
+     * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+     * copies of the Software, and to permit persons to whom the Software is
+     * furnished to do so, subject to the following conditions:
+     * The above copyright notice and this permission notice shall be included in
+     * all copies or substantial portions of the Software.
+     * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+     * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+     * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+     * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+     * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+     * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+     * THE SOFTWARE.
+     */
+    const CODEX_MARK = 'M8.086.457a6.105 6.105 0 013.046-.415c1.333.153 2.521.72 3.564 1.7a.117.117 0 00.107.029c1.408-.346 2.762-.224 4.061.366l.063.03.154.076c1.357.703 2.33 1.77 2.918 3.198.278.679.418 1.388.421 2.126a5.655 5.655 0 01-.18 1.631.167.167 0 00.04.155 5.982 5.982 0 011.578 2.891c.385 1.901-.01 3.615-1.183 5.14l-.182.22a6.063 6.063 0 01-2.934 1.851.162.162 0 00-.108.102c-.255.736-.511 1.364-.987 1.992-1.199 1.582-2.962 2.462-4.948 2.451-1.583-.008-2.986-.587-4.21-1.736a.145.145 0 00-.14-.032c-.518.167-1.04.191-1.604.185a5.924 5.924 0 01-2.595-.622 6.058 6.058 0 01-2.146-1.781c-.203-.269-.404-.522-.551-.821a7.74 7.74 0 01-.495-1.283 6.11 6.11 0 01-.017-3.064.166.166 0 00.008-.074.115.115 0 00-.037-.064 5.958 5.958 0 01-1.38-2.202 5.196 5.196 0 01-.333-1.589 6.915 6.915 0 01.188-2.132c.45-1.484 1.309-2.648 2.577-3.493.282-.188.55-.334.802-.438.286-.12.573-.22.861-.304a.129.129 0 00.087-.087A6.016 6.016 0 015.635 2.31C6.315 1.464 7.132.846 8.086.457zm-.804 7.85a.848.848 0 00-1.473.842l1.694 2.965-1.688 2.848a.849.849 0 001.46.864l1.94-3.272a.849.849 0 00.007-.854l-1.94-3.393zm5.446 6.24a.849.849 0 000 1.695h4.848a.849.849 0 000-1.696h-4.848z'
+
+    // The settings shell currently hard-codes its nav icons and ignores a
+    // slot's icon prop. Like dsh-mcp-adapter, replace only our row's SVG, and
+    // restore it on unload. Unknown shell markup is deliberately a no-op.
+    const paintNavIcon = (label) => {
+      if (typeof document === 'undefined') return () => {}
+      const painted = new Map()
+      const marker = 'data-gpt-sub-nav-icon'
+      const paint = () => {
+        for (const cell of painted.keys()) {
+          if (cell.isConnected === false) painted.delete(cell)
+        }
+        const want = label().trim()
+        if (!want) return
+        for (const cell of document.querySelectorAll('[role="dialog"] nav button')) {
+          if ((cell.textContent || '').trim() !== want) continue
+          const gear = cell.querySelector('svg')
+          if (!gear || gear.getAttribute(marker) !== null) continue
+          const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
+          const className = gear.getAttribute('class')
+          if (className) svg.setAttribute('class', className)
+          svg.setAttribute('viewBox', '0 0 24 24')
+          svg.setAttribute('width', '16')
+          svg.setAttribute('height', '16')
+          svg.setAttribute('fill', 'currentColor')
+          svg.setAttribute('fill-rule', 'evenodd')
+          svg.setAttribute('aria-hidden', 'true')
+          svg.setAttribute('focusable', 'false')
+          svg.setAttribute(marker, '1')
+          const path = document.createElementNS('http://www.w3.org/2000/svg', 'path')
+          path.setAttribute('d', CODEX_MARK)
+          path.setAttribute('clip-rule', 'evenodd')
+          svg.appendChild(path)
+          // If the shell kept the row but redrew its gear, the newest original
+          // is the one to restore on disposal.
+          painted.set(cell, { gear, svg })
+          gear.replaceWith(svg)
+        }
+      }
+      paint()
+      const observer = typeof MutationObserver === 'undefined' ? undefined : new MutationObserver(paint)
+      observer?.observe(document.body, { childList: true, subtree: true, characterData: true })
+      return () => {
+        observer?.disconnect()
+        for (const { gear, svg } of painted.values()) svg.replaceWith(gear)
+        painted.clear()
+      }
+    }
+
+    /** Required services: slot registration and the host locale runtime. */
+    exports.inject = ['slots', 'locale']
 
     /**
      * Client plugin body: poll while the page is visible, and register the
@@ -872,6 +1058,10 @@ window.__ModuleLoader__.load({
      * @param ctx - client root context.
      */
     exports.apply = function apply(ctx) {
+      ctx.effect(() => ctx.locale.register(NS, { zh, en }), 'gpt-sub: dictionaries')
+      const t = ctx.locale.bind(NS)
+      ctx.effect(() => paintNavIcon(() => t('nav')), 'gpt-sub: nav icon')
+
       ctx.effect(() => {
         void poll(false)
         void pollStatus()
@@ -898,8 +1088,9 @@ window.__ModuleLoader__.load({
         name: 'settings.section',
         id: 'gpt-sub-quota',
         order: 20,
-        label: () => 'Codex 配额',
-        inject: () => ({}),
+        label: () => t('nav'),
+        locale: NS,
+        inject: () => ({ t }),
       }, QuotaSection))
     }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@young1lin/dsh-gpt-sub",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "publishConfig": {
     "access": "public"
   },
@@ -102,7 +102,10 @@
       "patch": "./cordis.patch.yml"
     },
     "client": {
-      "inject": [],
+      "inject": [
+        "@deepseek-ai/dsh-client-locale",
+        "@deepseek-ai/dsh-client-ui-settings"
+      ],
       "platform": "web"
     }
   }