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

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

@@ -1 +1 @@
-{"version":3,"file":"UpdateEntry.d.ts","sourceRoot":"","sources":["../../../src/client/UpdateEntry.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAOnE,wEAAwE;AACxE,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,IAAI,EAAE,OAAO,CAAA;IACb,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CACzB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BA+GxD"}
+{"version":3,"file":"UpdateEntry.d.ts","sourceRoot":"","sources":["../../../src/client/UpdateEntry.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kCAAkC,CAAA;AAOnE,wEAAwE;AACxE,MAAM,WAAW,gBAAgB;IAC/B,oEAAoE;IACpE,IAAI,EAAE,OAAO,CAAA;IACb,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;CACzB;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,gBAAgB,+BAkHxD"}

package/lib/types/client/UpdateEntry.js

@@ -108,5 +108,5 @@ export function UpdateEntry({ wide, t }) {
         };
     }, [probeAvailability]);
     const updateLabel = updateAvailable ? t("update.availableLabel") : t("update.label");
-    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: css.trigger, "data-wide": wide ? undefined : "rail", "data-update-available": updateAvailable ? "true" : undefined, "aria-label": updateLabel, "aria-expanded": open, title: updateLabel, onClick: openPanel, children: _jsx(IconDownloadOutline16, { size: wide ? 16 : 18 }) }), open && createPortal((_jsxs("div", { className: css.overlay, role: "presentation", children: [_jsx("div", { className: css.mask, "aria-hidden": "true", onClick: closePanel }), _jsx(UpdatePanel, { t: t, view: view, onClose: closePanel, onRecheck: () => { void check(); }, onStartUpdate: (status) => { void startUpdate(status); } })] })), document.body)] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", className: css.trigger, "data-wide": wide ? (updateAvailable ? "wide" : undefined) : "rail", "data-update-available": updateAvailable ? "true" : undefined, "aria-label": updateLabel, "aria-expanded": open, title: updateLabel, onClick: openPanel, children: [_jsx(IconDownloadOutline16, { size: wide ? 16 : 18 }), updateAvailable && wide && (_jsx("span", { className: css.updateBadgeText, children: t("update.badge") }))] }), open && createPortal((_jsxs("div", { className: css.overlay, role: "presentation", children: [_jsx("div", { className: css.mask, "aria-hidden": "true", onClick: closePanel }), _jsx(UpdatePanel, { t: t, view: view, onClose: closePanel, onRecheck: () => { void check(); }, onStartUpdate: (status) => { void startUpdate(status); } })] })), document.body)] }));
 }

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;
@@ -109,6 +112,7 @@ export declare const zh: {
     'settings.saveFailed': string;
     'settings.invalidNumber': string;
     'update.label': string;
+    'update.badge': string;
     'update.availableLabel': string;
     'update.title': string;
     'update.checking': string;
@@ -157,6 +161,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;
@@ -264,6 +271,7 @@ export declare const en: {
     'settings.saveFailed': string;
     'settings.invalidNumber': string;
     'update.label': string;
+    'update.badge': string;
     'update.availableLabel': string;
     'update.title': string;
     'update.checking': 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JmB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2JsB,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': '设备配对',
@@ -111,6 +114,7 @@ export const zh = {
     'settings.invalidNumber': '请输入数字，留空则使用默认值。',
     // 更新面板（侧边栏更新按钮）。
     'update.label': '检查更新',
+    'update.badge': '有更新',
     'update.availableLabel': '发现新版本，检查更新',
     'update.title': '检查更新',
     'update.checking': '正在检查远程仓库中的新版本…',
@@ -155,6 +159,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',
@@ -264,6 +271,7 @@ export const en = {
     'settings.invalidNumber': 'Enter a number, or leave blank to use the default.',
     // Update panel (the sidebar update trigger).
     'update.label': 'Check for updates',
+    'update.badge': 'Update available',
     'update.availableLabel': 'New version available. Check for updates',
     'update.title': 'Check for updates',
     'update.checking': 'Checking the remote repository for newer releases…',

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.11",
   "type": "module",
   "engines": {
     "node": "^22.19.0 || >=24.0.0"
@@ -36,7 +36,7 @@
   "license": "Apache-2.0",
   "dsh": {
     "engines": {
-      "dsh": ">=0.1.2-alpha.1"
+      "dsh": ">=0.1.2-alpha.3"
     },
     "bundle": {
       "patch": "./cordis.patch.yml"
@@ -63,22 +63,22 @@
   },
   "devDependencies": {
     "@deepseek-ai/cordis": "^4.0.2",
-    "@deepseek-ai/dsh-agent": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-api-remotes": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-api-session-controller": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-api-workspace-controller": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-connection": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-locale": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-store": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-settings": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-sidebar": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-client-ui-slots": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-commands": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-host-webserver": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-invariants": "^0.1.2-alpha.2",
-    "@deepseek-ai/dsh-settings": "^0.1.2-alpha.2",
+    "@deepseek-ai/dsh-agent": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-api-remotes": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-api-session-controller": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-api-workspace-controller": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-connection": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-locale": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-store": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-ui-primitives": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-ui-renderer": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-ui-settings": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-ui-sidebar": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-client-ui-slots": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-commands": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-host-webserver": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-invariants": "^0.1.2-alpha.3",
+    "@deepseek-ai/dsh-settings": "^0.1.2-alpha.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@types/node": "^22.20.0",

package/src/client/UpdateEntry.tsx

@@ -121,7 +121,7 @@ export function UpdateEntry({ wide, t }: UpdateEntryProps) {
       <button
         type="button"
         className={css.trigger}
-        data-wide={wide ? undefined : "rail"}
+        data-wide={wide ? (updateAvailable ? "wide" : undefined) : "rail"}
         data-update-available={updateAvailable ? "true" : undefined}
         aria-label={updateLabel}
         aria-expanded={open}
@@ -129,6 +129,9 @@ export function UpdateEntry({ wide, t }: UpdateEntryProps) {
         onClick={openPanel}
       >
         <IconDownloadOutline16 size={wide ? 16 : 18} />
+        {updateAvailable && wide && (
+          <span className={css.updateBadgeText}>{t("update.badge")}</span>
+        )}
       </button>
       {open && createPortal((
         <div className={css.overlay} role="presentation">

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': '设备配对',
@@ -112,6 +115,7 @@ export const zh = {
   'settings.invalidNumber': '请输入数字，留空则使用默认值。',
   // 更新面板（侧边栏更新按钮）。
   'update.label': '检查更新',
+  'update.badge': '有更新',
   'update.availableLabel': '发现新版本，检查更新',
   'update.title': '检查更新',
   'update.checking': '正在检查远程仓库中的新版本…',
@@ -163,6 +167,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',
@@ -272,6 +279,7 @@ export const en = {
   'settings.invalidNumber': 'Enter a number, or leave blank to use the default.',
   // Update panel (the sidebar update trigger).
   'update.label': 'Check for updates',
+  'update.badge': 'Update available',
   'update.availableLabel': 'New version available. Check for updates',
   'update.title': 'Check for updates',
   'update.checking': 'Checking the remote repository for newer releases…',

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()

package/src/client/remote.module.css

@@ -40,6 +40,10 @@
   transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
 }
 
+.trigger[data-update-available] {
+  color: var(--dsw-alias-brand-primary);
+}
+
 .trigger[data-update-available]::after {
   position: absolute;
   top: 4px;
@@ -66,6 +70,22 @@
   padding: 0 10px;
 }
 
+.trigger[data-update-available][data-wide='wide'] {
+  flex: none;
+  gap: 6px;
+}
+
+.trigger[data-update-available][data-wide='wide']::after {
+  display: none;
+}
+
+.updateBadgeText {
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+}
+
 .trigger:hover:not(:disabled) {
   background: var(--dsw-alias-interactive-bg-hover);
   color: var(--dsw-alias-label-primary);