@linxin666/dsh-remote-web-ui 0.3.9 → 0.3.10

package/lib/types/client/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAA;AAelG,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAqBrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACrE,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAErE,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,0CAA0C;QAC1C,MAAM,EAAE,SAAS,CAAA;KAClB;IAED,UAAU,OAAO;QACf;;;;WAIG;QACH;;;;;WAKG;QACH,oBAAoB,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,4BAA4B,CAAA;SAAE,CAAA;KAC3F;CACF;AAED,4GAA4G;AAC5G,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,IAAI,EAAE,OAAO,CAAA;CACd;AAED,mEAAmE;AACnE,MAAM,WAAW,4BAA4B;IAC3C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf;;;;WAIG;QACH,aAAa,CAAC,EAAE;YAAE,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;SAAE,CAAA;KAC1E;CACF;AAYD,wCAAwC;AACxC,eAAO,MAAM,MAAM,UAA+D,CAAA;AAElF;;;GAGG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAoQ9C"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/client/index.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AACnE,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,4CAA4C,CAAA;AAelG,OAAO,EAAU,KAAK,SAAS,EAAE,MAAM,cAAc,CAAA;AAqBrD,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,YAAY,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACrE,YAAY,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AACnE,YAAY,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAC7C,YAAY,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAA;AAC/F,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACzD,YAAY,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAErE,OAAO,QAAQ,kCAAkC,CAAC;IAChD,UAAU,kBAAkB;QAC1B,0CAA0C;QAC1C,MAAM,EAAE,SAAS,CAAA;KAClB;IAED,UAAU,OAAO;QACf;;;;WAIG;QACH;;;;;WAKG;QACH,oBAAoB,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,4BAA4B,CAAA;SAAE,CAAA;KAC3F;CACF;AAED,4GAA4G;AAC5G,MAAM,WAAW,uBAAuB;IACtC,oEAAoE;IACpE,IAAI,EAAE,OAAO,CAAA;CACd;AAED,mEAAmE;AACnE,MAAM,WAAW,4BAA4B;IAC3C,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAA;CACjB;AAED,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,OAAO;QACf;;;;WAIG;QACH,aAAa,CAAC,EAAE;YAAE,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAA;SAAE,CAAA;KAC1E;CACF;AAYD,wCAAwC;AACxC,eAAO,MAAM,MAAM,UAA+D,CAAA;AAElF;;;GAGG;AACH,wBAAgB,KAAK,CAAC,GAAG,EAAE,aAAa,GAAG,IAAI,CAyQ9C"}

package/lib/types/client/index.js

@@ -85,6 +85,12 @@ export function apply(ctx) {
         };
     }
     const t = ctx.locale.bind(NS);
+    // Hand the `remote` translate seat to the module-scope adaptation layer:
+    // the whale/compact-picker labels were rendered with the English fallback
+    // before any dictionary existed; the wiring plus the layer's own sync tick
+    // re-render them in the active locale.
+    if (adapt !== undefined)
+        adapt.translate = t;
     const binder = ctx.get('webUiSettings') ?? ctx.settingsScope;
     const settingsScope = binder.bind({ namespace: REMOTE_WEB_UI_NS });
     const enabled = () => {

package/lib/types/client/locales.d.ts

@@ -2,6 +2,9 @@
 /** Simplified Chinese dictionary (the key-set source of truth). */
 export declare const zh: {
     'entry.label': string;
+    'mobile.whale.open': string;
+    'mobile.composer.pickModel': string;
+    'mobile.composer.pickEffort': string;
     title: string;
     subtitle: string;
     'card.title': string;
@@ -157,6 +160,9 @@ export type SettingsCardKey = RemoteKey;
 /** English dictionary, checked complete against the zh key set. */
 export declare const en: {
     'entry.label': string;
+    'mobile.whale.open': string;
+    'mobile.composer.pickModel': string;
+    'mobile.composer.pickEffort': string;
     title: string;
     subtitle: string;
     'card.title': string;

package/lib/types/client/locales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA,uEAAuE;AAEvE,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJmB,CAAA;AAElC,sCAAsC;AACtC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,EAAE,CAAA;AAEvC,wDAAwD;AACxD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AAEvC,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAuJsB,CAAA"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../../../src/client/locales.ts"],"names":[],"mappings":"AAAA,uEAAuE;AAEvE,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0JmB,CAAA;AAElC,sCAAsC;AACtC,MAAM,MAAM,SAAS,GAAG,MAAM,OAAO,EAAE,CAAA;AAEvC,wDAAwD;AACxD,MAAM,MAAM,eAAe,GAAG,SAAS,CAAA;AAEvC,mEAAmE;AACnE,eAAO,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0JsB,CAAA"}

package/lib/types/client/locales.js

@@ -2,6 +2,9 @@
 /** Simplified Chinese dictionary (the key-set source of truth). */
 export const zh = {
     'entry.label': '远程访问',
+    'mobile.whale.open': '打开侧边栏',
+    'mobile.composer.pickModel': '选择模型',
+    'mobile.composer.pickEffort': '选择推理等级',
     'title': '远程访问',
     'subtitle': '通过手机或另一台电脑配对，远程使用同一份 Web 界面（官方界面 + 移动端适配）',
     'card.title': '设备配对',
@@ -155,6 +158,9 @@ export const zh = {
 /** English dictionary, checked complete against the zh key set. */
 export const en = {
     'entry.label': 'Remote access',
+    'mobile.whale.open': 'Open sidebar',
+    'mobile.composer.pickModel': 'Pick model',
+    'mobile.composer.pickEffort': 'Pick reasoning effort',
     'title': 'Remote access',
     'subtitle': 'Pair a phone or another computer to share the same Web GUI (official UI + mobile adaptation)',
     'card.title': 'Pair a device',

package/lib/types/client/mobile-adapt.d.ts

@@ -20,6 +20,7 @@
  * reference (MIT, v47-v78) keep their version comments.
  * @module @linxin666/dsh-remote-web-ui/client/mobile-adapt
  */
+import type { RemoteKey } from './locales.ts';
 /** The window global the plugin apply() wires the layout service into. */
 export interface RemoteAdaptGlobal {
     evaluate: () => void;
@@ -27,6 +28,14 @@ export interface RemoteAdaptGlobal {
     toggleSidebar: (() => void) | null;
     /** Wired by the plugin apply once ctx.layout is live. */
     closeDetails: (() => void) | null;
+    /**
+     * Wired by the plugin apply once the `remote` locale namespace is bound:
+     * the translate seat the injected surfaces (whale, compact picker) read
+     * their labels from. Null until then; label reads fall back to English
+     * (the SDK's universal fallback) and the 600ms sync tick re-renders the
+     * labels once the seat is wired.
+     */
+    translate: ((key: RemoteKey) => string) | null;
     /** Plugin master switch: false reverts the layer, true re-evaluates. */
     setEnabled(on: boolean): void;
     /** Replays a pending closeDetails once the layout face is wired (the first apply ran before the wiring). */

package/lib/types/client/mobile-adapt.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mobile-adapt.d.ts","sourceRoot":"","sources":["../../../src/client/mobile-adapt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,0EAA0E;AAC1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,yDAAyD;IACzD,aAAa,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;IAClC,yDAAyD;IACzD,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;IACjC,wEAAwE;IACxE,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAAA;IAC7B,4GAA4G;IAC5G,iBAAiB,IAAI,IAAI,CAAA;CAC1B;AAgOD;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CA0oBvC"}
+{"version":3,"file":"mobile-adapt.d.ts","sourceRoot":"","sources":["../../../src/client/mobile-adapt.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE7C,0EAA0E;AAC1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,yDAAyD;IACzD,aAAa,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;IAClC,yDAAyD;IACzD,YAAY,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAI,CAAA;IACjC;;;;;;OAMG;IACH,SAAS,EAAE,CAAC,CAAC,GAAG,EAAE,SAAS,KAAK,MAAM,CAAC,GAAG,IAAI,CAAA;IAC9C,wEAAwE;IACxE,UAAU,CAAC,EAAE,EAAE,OAAO,GAAG,IAAI,CAAA;IAC7B,4GAA4G;IAC5G,iBAAiB,IAAI,IAAI,CAAA;CAC1B;AAgOD;;;GAGG;AACH,wBAAgB,gBAAgB,IAAI,IAAI,CAyqBvC"}

package/lib/types/client/mobile-adapt.js

@@ -252,6 +252,20 @@ export function startMobileAdapt() {
         return;
     window.__dshRemoteAdaptInstalled = true;
     const w = window;
+    /**
+     * Label lookup for the injected surfaces: the `remote` namespace seat wired
+     * by the plugin apply, else the English fallback (the SDK's universal
+     * fallback; the sync tick re-renders the labels once the seat is live).
+     */
+    const surfaceText = (key, fallback) => {
+        try {
+            const out = w.__dshRemoteAdapt?.translate?.(key);
+            return typeof out === 'string' && out.length > 0 ? out : fallback;
+        }
+        catch {
+            return fallback;
+        }
+    };
     let active = false;
     let savedViewportContent = null;
     let whaleEl = null;
@@ -397,12 +411,26 @@ export function startMobileAdapt() {
             removeCompactPicker();
             return;
         }
-        const zh = (navigator.language ?? '').toLowerCase().startsWith('zh');
         if (document.getElementById(MODEL_BTN_ID) === null) {
-            tools.appendChild(makeCompactButton(MODEL_BTN_ID, zh ? '选择模型' : 'Pick model', CUBE_ICON, /模型|Model/));
+            // The cell pattern matches the OFFICIAL picker cell text (the official
+            // client's own zh/en copy), not plugin-owned text.
+            tools.appendChild(makeCompactButton(MODEL_BTN_ID, surfaceText('mobile.composer.pickModel', 'Pick model'), CUBE_ICON, /模型|Model/)); // i18n-allow: matches official picker cell text, not plugin copy
         }
         if (document.getElementById(EFFORT_BTN_ID) === null) {
-            tools.appendChild(makeCompactButton(EFFORT_BTN_ID, zh ? '选择推理等级' : 'Pick reasoning effort', LEVELS_ICON, /推理等级|Reasoning|Effort/i));
+            tools.appendChild(makeCompactButton(EFFORT_BTN_ID, surfaceText('mobile.composer.pickEffort', 'Pick reasoning effort'), LEVELS_ICON, /推理等级|Reasoning|Effort/i)); // i18n-allow: matches official picker cell text, not plugin copy
+        }
+        // Titles re-read every tick so a locale switch (or the translate seat
+        // arriving after this layer installed) is picked up without a reload.
+        for (const [id, key, fallback] of [
+            [MODEL_BTN_ID, 'mobile.composer.pickModel', 'Pick model'],
+            [EFFORT_BTN_ID, 'mobile.composer.pickEffort', 'Pick reasoning effort'],
+        ]) {
+            const btn = document.getElementById(id);
+            if (btn === null)
+                continue;
+            const label = surfaceText(key, fallback);
+            btn.title = label;
+            btn.setAttribute('aria-label', label);
         }
         document.body.classList.add(COMPACT_CLASS);
     }
@@ -439,9 +467,9 @@ export function startMobileAdapt() {
         whale.id = WHALE_ID;
         whale.type = 'button';
         whale.dataset.dshPlugin = 'remote-web-ui';
-        // Outside the slots i18n system (module-scope overlay), so the label
-        // picks the browser language directly.
-        const whaleLabel = (navigator.language ?? '').toLowerCase().startsWith('zh') ? '打开侧边栏' : 'Open sidebar';
+        // The label reads the `remote` namespace (wired by the plugin apply);
+        // before wiring it falls back to English and the sync tick re-renders it.
+        const whaleLabel = surfaceText('mobile.whale.open', 'Open sidebar');
         whale.title = whaleLabel;
         whale.setAttribute('aria-label', whaleLabel);
         whale.innerHTML = `<svg viewBox="0 0 23.16 17.04" fill="none" aria-hidden="true"><path d="${FISH_PATH}" fill="currentColor"/></svg>`;
@@ -558,6 +586,12 @@ export function startMobileAdapt() {
             applyWhalePos();
         whaleEl.style.display = show ? '' : 'none';
         whaleShown = show;
+        // Re-read the label every tick so a locale switch is picked up live.
+        const whaleLabel = surfaceText('mobile.whale.open', 'Open sidebar');
+        if (whaleEl.title !== whaleLabel)
+            whaleEl.title = whaleLabel;
+        if (whaleEl.getAttribute('aria-label') !== whaleLabel)
+            whaleEl.setAttribute('aria-label', whaleLabel);
         document.body.classList.toggle(RAIL_HIDDEN_CLASS, collapsed);
         disableRowDrag();
         seatHeaderActions();
@@ -949,6 +983,7 @@ export function startMobileAdapt() {
         evaluate,
         toggleSidebar: null,
         closeDetails: null,
+        translate: null,
         setEnabled(on) {
             adaptEnabled = on;
             if (on)

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@linxin666/dsh-remote-web-ui",
   "description": "Scan-to-pair remote access for the dsh web GUI that shares one official interface: a QR beside the settings button pairs phones and PCs into the same Web GUI (a portrait-touch adaptation layer for phones, full desktop on PCs) through one-time tokens and revocable device sessions, with a LAN bind toggle, optional Cloudflare tunnel, and one-click family self-update",
-  "version": "0.3.9",
+  "version": "0.3.10",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"

package/src/client/index.ts

@@ -166,6 +166,11 @@ export function apply(ctx: ClientContext): void {
   }
 
   const t = ctx.locale.bind(NS)
+  // Hand the `remote` translate seat to the module-scope adaptation layer:
+  // the whale/compact-picker labels were rendered with the English fallback
+  // before any dictionary existed; the wiring plus the layer's own sync tick
+  // re-render them in the active locale.
+  if (adapt !== undefined) adapt.translate = t
   const binder = ctx.get('webUiSettings') ?? ctx.settingsScope
   const settingsScope = binder.bind<RemoteSettings>({ namespace: REMOTE_WEB_UI_NS })
   const enabled = (): boolean => {

package/src/client/locales.ts

@@ -3,6 +3,9 @@
 /** Simplified Chinese dictionary (the key-set source of truth). */
 export const zh = {
   'entry.label': '远程访问',
+  'mobile.whale.open': '打开侧边栏',
+  'mobile.composer.pickModel': '选择模型',
+  'mobile.composer.pickEffort': '选择推理等级',
   'title': '远程访问',
   'subtitle': '通过手机或另一台电脑配对，远程使用同一份 Web 界面（官方界面 + 移动端适配）',
   'card.title': '设备配对',
@@ -163,6 +166,9 @@ export type SettingsCardKey = RemoteKey
 /** English dictionary, checked complete against the zh key set. */
 export const en = {
   'entry.label': 'Remote access',
+  'mobile.whale.open': 'Open sidebar',
+  'mobile.composer.pickModel': 'Pick model',
+  'mobile.composer.pickEffort': 'Pick reasoning effort',
   'title': 'Remote access',
   'subtitle': 'Pair a phone or another computer to share the same Web GUI (official UI + mobile adaptation)',
   'card.title': 'Pair a device',

package/src/client/mobile-adapt.ts

@@ -21,6 +21,8 @@
  * @module @linxin666/dsh-remote-web-ui/client/mobile-adapt
  */
 
+import type { RemoteKey } from './locales.ts'
+
 /** The window global the plugin apply() wires the layout service into. */
 export interface RemoteAdaptGlobal {
   evaluate: () => void
@@ -28,6 +30,14 @@ export interface RemoteAdaptGlobal {
   toggleSidebar: (() => void) | null
   /** Wired by the plugin apply once ctx.layout is live. */
   closeDetails: (() => void) | null
+  /**
+   * Wired by the plugin apply once the `remote` locale namespace is bound:
+   * the translate seat the injected surfaces (whale, compact picker) read
+   * their labels from. Null until then; label reads fall back to English
+   * (the SDK's universal fallback) and the 600ms sync tick re-renders the
+   * labels once the seat is wired.
+   */
+  translate: ((key: RemoteKey) => string) | null
   /** Plugin master switch: false reverts the layer, true re-evaluates. */
   setEnabled(on: boolean): void
   /** Replays a pending closeDetails once the layout face is wired (the first apply ran before the wiring). */
@@ -266,6 +276,19 @@ export function startMobileAdapt(): void {
   ;(window as unknown as { __dshRemoteAdaptInstalled?: boolean }).__dshRemoteAdaptInstalled = true
 
   const w = window as unknown as { __dshRemoteAdapt?: RemoteAdaptGlobal } & Record<string, unknown>
+  /**
+   * Label lookup for the injected surfaces: the `remote` namespace seat wired
+   * by the plugin apply, else the English fallback (the SDK's universal
+   * fallback; the sync tick re-renders the labels once the seat is live).
+   */
+  const surfaceText = (key: RemoteKey, fallback: string): string => {
+    try {
+      const out = w.__dshRemoteAdapt?.translate?.(key)
+      return typeof out === 'string' && out.length > 0 ? out : fallback
+    } catch {
+      return fallback
+    }
+  }
   let active = false
   let savedViewportContent: string | null = null
   let whaleEl: HTMLButtonElement | null = null
@@ -409,12 +432,25 @@ export function startMobileAdapt(): void {
       removeCompactPicker()
       return
     }
-    const zh = (navigator.language ?? '').toLowerCase().startsWith('zh')
     if (document.getElementById(MODEL_BTN_ID) === null) {
-      tools.appendChild(makeCompactButton(MODEL_BTN_ID, zh ? '选择模型' : 'Pick model', CUBE_ICON, /模型|Model/))
+      // The cell pattern matches the OFFICIAL picker cell text (the official
+      // client's own zh/en copy), not plugin-owned text.
+      tools.appendChild(makeCompactButton(MODEL_BTN_ID, surfaceText('mobile.composer.pickModel', 'Pick model'), CUBE_ICON, /模型|Model/)) // i18n-allow: matches official picker cell text, not plugin copy
     }
     if (document.getElementById(EFFORT_BTN_ID) === null) {
-      tools.appendChild(makeCompactButton(EFFORT_BTN_ID, zh ? '选择推理等级' : 'Pick reasoning effort', LEVELS_ICON, /推理等级|Reasoning|Effort/i))
+      tools.appendChild(makeCompactButton(EFFORT_BTN_ID, surfaceText('mobile.composer.pickEffort', 'Pick reasoning effort'), LEVELS_ICON, /推理等级|Reasoning|Effort/i)) // i18n-allow: matches official picker cell text, not plugin copy
+    }
+    // Titles re-read every tick so a locale switch (or the translate seat
+    // arriving after this layer installed) is picked up without a reload.
+    for (const [id, key, fallback] of [
+      [MODEL_BTN_ID, 'mobile.composer.pickModel', 'Pick model'],
+      [EFFORT_BTN_ID, 'mobile.composer.pickEffort', 'Pick reasoning effort'],
+    ] as const) {
+      const btn = document.getElementById(id)
+      if (btn === null) continue
+      const label = surfaceText(key, fallback)
+      btn.title = label
+      btn.setAttribute('aria-label', label)
     }
     document.body.classList.add(COMPACT_CLASS)
   }
@@ -446,9 +482,9 @@ export function startMobileAdapt(): void {
     whale.id = WHALE_ID
     whale.type = 'button'
     whale.dataset.dshPlugin = 'remote-web-ui'
-    // Outside the slots i18n system (module-scope overlay), so the label
-    // picks the browser language directly.
-    const whaleLabel = (navigator.language ?? '').toLowerCase().startsWith('zh') ? '打开侧边栏' : 'Open sidebar'
+    // The label reads the `remote` namespace (wired by the plugin apply);
+    // before wiring it falls back to English and the sync tick re-renders it.
+    const whaleLabel = surfaceText('mobile.whale.open', 'Open sidebar')
     whale.title = whaleLabel
     whale.setAttribute('aria-label', whaleLabel)
     whale.innerHTML = `<svg viewBox="0 0 23.16 17.04" fill="none" aria-hidden="true"><path d="${FISH_PATH}" fill="currentColor"/></svg>`
@@ -553,6 +589,10 @@ export function startMobileAdapt(): void {
     if (show && !whaleShown) applyWhalePos()
     whaleEl.style.display = show ? '' : 'none'
     whaleShown = show
+    // Re-read the label every tick so a locale switch is picked up live.
+    const whaleLabel = surfaceText('mobile.whale.open', 'Open sidebar')
+    if (whaleEl.title !== whaleLabel) whaleEl.title = whaleLabel
+    if (whaleEl.getAttribute('aria-label') !== whaleLabel) whaleEl.setAttribute('aria-label', whaleLabel)
     document.body.classList.toggle(RAIL_HIDDEN_CLASS, collapsed)
     disableRowDrag()
     seatHeaderActions()
@@ -898,6 +938,7 @@ export function startMobileAdapt(): void {
     evaluate,
     toggleSidebar: null,
     closeDetails: null,
+    translate: null,
     setEnabled(on: boolean): void {
       adaptEnabled = on
       if (on) evaluate()