dsh-mobile-access 1.1.0 → 1.1.2

package/README.md

@@ -79,7 +79,7 @@ iPhone 打开「设置 → 无线局域网」，确认和 Mac 连的是同一个
 ### 第 2 步：在 Mac 终端执行一条命令
 
 ```bash
-dsh plugin --profile web add dsh-mobile-access@1.1.0 --registry=https://registry.npmjs.org/
+dsh plugin --profile web add dsh-mobile-access@1.1.2 --registry=https://registry.npmjs.org/
 ```
 
 这条命令做三件事：
@@ -175,6 +175,21 @@ Safari 分享按钮 → 添加到主屏幕
 - 插件只在 iPhone / iPad 上安装「Return 换行」监听，Mac 和非 Apple 平台不会安装；
 - 左边栏只多一个「手机访问」入口，其他入口和面板保持原样。
 
+### iPhone 上切换大模型时页面放大、键盘自动弹出怎么办
+
+从 `1.1.2` 起不需要改 DSH，也不需要关掉 Safari 的缩放：
+
+- 插件只在 iPhone / iPad 上把可编辑控件（输入框、模型搜索框、提示词编辑器）
+  的字号固定到 16px，并给按钮加 `touch-action: manipulation`，避免 iOS
+  Safari 因为字号小于 16px 自动放大页面；
+- 打开右下角模型选择时，插件不会让模型搜索框自动抢焦点，所以键盘不会自动
+  弹出；需要搜索时，点一下搜索框再输入即可；
+- 如果提示词键盘本来就是打开的，点模型入口时会先收起键盘；
+- Mac 和非 Apple 平台不安装这些处理，行为保持原样。
+
+如果页面已经处于放大状态，先点 Safari 地址栏刷新一次，或双击页面空白处
+复位，再重新打开模型选择即可。
+
 ### 配对码过期了怎么办
 
 配对码默认 **10 分钟**有效。过期后：
@@ -336,7 +351,7 @@ iPhone 软键盘没有可用的 Shift 键，因此插件在 **iOS / iPadOS** 上
 ### 推荐：npm 官方命令
 
 ```bash
-dsh plugin --profile web add dsh-mobile-access@1.1.0 --registry=https://registry.npmjs.org/
+dsh plugin --profile web add dsh-mobile-access@1.1.2 --registry=https://registry.npmjs.org/
 ```
 
 ### 使用 `@latest`

package/client.js

@@ -83,7 +83,6 @@ function installIOSReturnNewline() {
             Object.defineProperty(event, 'shiftKey', { configurable: true, value: true });
         }
         catch {
-            // Fall through to the explicit edit fallback.
         }
         const currentShift = event.shiftKey;
         if (currentShift !== true) {
@@ -140,12 +139,107 @@ function installClipboardFallback() {
                 }
             }
             catch {
-                // A host page that froze the descriptor wins; never throw during cleanup.
             }
         };
     }
     return () => undefined;
 }
+/**
+ * iOS Safari auto-zooms a focused input, textarea, select or contenteditable
+ * whose computed font-size is below 16px. The official model picker's search
+ * field is 12px and the composer's editor is 14px, so tapping the model chip
+ * or its search box zooms the page and leaves the fixed-position model menu
+ * partly off-screen. Force only those editable controls to 16px on coarse
+ * pointers; Mac (fine pointer / hover) is untouched, and pinch zoom remains
+ * available because the viewport meta is not changed.
+ */
+const IOS_INPUT_ZOOM_GUARD_ID = 'dsh-ma-ios-input-zoom-guard';
+const IOS_INPUT_ZOOM_GUARD_CSS = `@media (hover: none) and (pointer: coarse) {
+  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
+  textarea,
+  select,
+  [contenteditable="true"],
+  [data-composer-input],
+  [role="searchbox"],
+  [role="textbox"] {
+    font-size: 16px !important;
+  }
+  button,
+  [role="button"],
+  [role="menuitem"],
+  [role="menuitemradio"] {
+    touch-action: manipulation;
+  }
+}`;
+function installIOSInputZoomGuard() {
+    if (!isAppleMobile())
+        return () => undefined;
+    document.getElementById(IOS_INPUT_ZOOM_GUARD_ID)?.remove();
+    const style = document.createElement('style');
+    style.id = IOS_INPUT_ZOOM_GUARD_ID;
+    style.textContent = IOS_INPUT_ZOOM_GUARD_CSS;
+    document.head.appendChild(style);
+    return () => style.remove();
+}
+/**
+ * The official model menu can move focus into its search field while it opens.
+ * On iPhone that opens the software keyboard and shifts the fixed-position menu
+ * above the visible viewport. Suppress only programmatic search-box focus until
+ * the user deliberately taps that field; blur a focused composer control before
+ * any composer menu opens. Native taps still focus normally, and Mac is untouched.
+ */
+function installIOSModelKeyboardGuard() {
+    if (!isAppleMobile())
+        return () => undefined;
+    if (typeof HTMLInputElement === 'undefined')
+        return () => undefined;
+    const doc = document;
+    const allowed = new WeakSet();
+    const onPointerDown = (event) => {
+        const target = event.target;
+        if (target === null || typeof target.closest !== 'function')
+            return;
+        const search = target.closest('input[role="searchbox"]');
+        if (search !== null) {
+            allowed.add(search);
+            return;
+        }
+        const trigger = target.closest('button[aria-haspopup="menu"]');
+        if (trigger === null || trigger.closest('[data-composer-card]') === null)
+            return;
+        const active = doc.activeElement;
+        if (active !== null && active !== trigger && typeof active.blur === 'function') {
+            try {
+                active.blur();
+            }
+            catch {
+            }
+        }
+    };
+    const prototype = HTMLInputElement.prototype;
+    const originalFocus = prototype.focus;
+    const guardedFocus = function (options) {
+        if (this.getAttribute('role') === 'searchbox' && !allowed.has(this))
+            return;
+        originalFocus.call(this, options);
+    };
+    Object.defineProperty(prototype, 'focus', {
+        configurable: true,
+        writable: true,
+        value: guardedFocus,
+    });
+    doc.addEventListener('pointerdown', onPointerDown, true);
+    return () => {
+        doc.removeEventListener('pointerdown', onPointerDown, true);
+        if (prototype.focus === guardedFocus) {
+            Object.defineProperty(prototype, 'focus', {
+                configurable: true,
+                writable: true,
+                value: originalFocus,
+            });
+        }
+    };
+}
 function useMobileAccessState() {
     const [state, setState] = React.useState(null);
     const [loading, setLoading] = React.useState(true);
@@ -275,7 +369,6 @@ function statusOf(state, loading, error, t) {
         return { label: t('statusExpired'), tone: 'warn' };
     return { label: t('statusReady'), tone: 'ok' };
 }
-
 "use strict";
 const NS = 'dsh-mobile-access';
 const PANEL_ID = 'mobile-access';
@@ -416,13 +509,24 @@ function factory(require) {
                 catch (error) {
                     ctx.logger?.warn?.(`[mobile-access] iOS Return newline unavailable: ${String(error)}`);
                 }
+                try {
+                    cleanups.push(installIOSInputZoomGuard());
+                }
+                catch (error) {
+                    ctx.logger?.warn?.(`[mobile-access] iOS input zoom guard unavailable: ${String(error)}`);
+                }
+                try {
+                    cleanups.push(installIOSModelKeyboardGuard());
+                }
+                catch (error) {
+                    ctx.logger?.warn?.(`[mobile-access] iOS model keyboard guard unavailable: ${String(error)}`);
+                }
                 return () => {
                     for (const cleanup of cleanups.reverse()) {
                         try {
                             cleanup();
                         }
                         catch {
-                            // Plugin cleanup must never break the host UI.
                         }
                     }
                 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mobile-access",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Independent DSH bundle that pairs iPhones and iPads with the official DeepSeek Harness Web GUI over the local network.",
   "type": "module",
   "license": "MIT",