dsh-mobile-access 1.1.5 → 1.1.7

package/README.md

@@ -79,7 +79,7 @@ iPhone 打开「设置 → 无线局域网」，确认和 Mac 连的是同一个
 ### 第 2 步：在 Mac 终端执行一条命令
 
 ```bash
-dsh plugin --profile web add dsh-mobile-access@1.1.5 --registry=https://registry.npmjs.org/
+dsh plugin --profile web add dsh-mobile-access@1.1.7 --registry=https://registry.npmjs.org/
 ```
 
 这条命令做三件事：
@@ -190,6 +190,21 @@ iOS Safari 会把第一次触摸先用去聚焦，第二次才派发 `click`。
 如果左侧栏仍然是窄窄的图标条，第一下是展开侧栏——这是官方布局，不是会话行的问题；
 展开后每个会话只需单击一次。
 
+### iPhone 上展开 / 收起左侧栏
+
+从 `1.1.7` 起，iPhone / iPad 上支持：
+
+- 在对话内容区**向右滑**：展开左侧栏（仅在左侧栏已收起时生效）；
+- 在对话内容区**单击一下**：收起已经展开的左侧栏；
+- 右滑需要水平距离至少 70px，且明显大于上下移动，避免和滚动、
+  横向代码块、输入框、模型菜单和右侧面板冲突；
+- 单击收起只对“内容区”生效，点按钮、输入框、链接、代码块、会话行、
+  模型菜单或右侧面板不会误收起。
+
+普通 Safari 标签页里，右滑会避开屏幕左右各 24px 的边缘，以免和 Safari
+自带的“后退 / 前进”边缘手势抢事件；添加到主屏幕的独立窗口里没有这个
+系统手势，因此边缘也可以滑动。Mac 没有触摸事件，完全不受影响。
+
 `1.1.3` 的旧实现只移除 `tabindex`，在部分 iOS Safari 版本上仍可能被第一次触摸吃掉；
 如果更新到 `1.1.4` 后仍是两次，请彻底关闭这个 Safari 标签页再重新打开（不要只刷新），
 以排除旧的 `client.js` 缓存。
@@ -370,7 +385,7 @@ iPhone 软键盘没有可用的 Shift 键，因此插件在 **iOS / iPadOS** 上
 ### 推荐：npm 官方命令
 
 ```bash
-dsh plugin --profile web add dsh-mobile-access@1.1.5 --registry=https://registry.npmjs.org/
+dsh plugin --profile web add dsh-mobile-access@1.1.7 --registry=https://registry.npmjs.org/
 ```
 
 ### 使用 `@latest`
@@ -500,7 +515,9 @@ dsh plugin --profile web remove dsh-mobile-access
 - `1.1.0` — 回环监听自动局域网网关（macOS / Windows，HTTP + `/api/remote.mux` WebSocket）。
 - `1.1.1` — iPhone / iPad 上模型选择页 16px 缩放守卫。
 - `1.1.2` — 打开模型选择时不自动弹键盘、不整体上移。
-- `1.1.5` — Tailscale Serve 经 HTTPS 访问时，允许带 Tailscale 身份头的 `*.ts.net` Host（仅限本机回环转发）；当前 npm `latest`。
+- `1.1.7` — iPhone / iPad 上右滑展开左侧栏，点击内容区收起；当前 npm `latest`。
+- `1.1.6` — iPhone / iPad 上右滑展开、左滑收起左侧栏。
+- `1.1.5` — Tailscale Serve 经 HTTPS 访问时，允许带 Tailscale 身份头的 `*.ts.net` Host（仅限本机回环转发）。
 - `1.1.4` — iPhone / iPad 上第一次点击直接切换会话，并在切换后自动收起左侧栏。
 - `1.1.3` — 首次尝试临时移除会话行 `tabindex`。
 

package/client.js

@@ -291,6 +291,108 @@ function installIOSSidebarTapGuard(layout) {
         timers.clear();
     };
 }
+/**
+ * Right swipe on iPhone opens the left sidebar. The closing gesture is a tap
+ * on the content area (not a left swipe): a normal tap is easier to discover
+ * and does not compete with horizontal scrolling. The swipe is scoped to the
+ * content area and ignores vertical movement, editable controls, menus, code
+ * blocks and the right panel. On a normal Safari tab we stay 24px away from the
+ * screen edges so the system back/forward gesture keeps priority; an installed
+ * PWA has no such gesture, so edge starts are allowed there. Mac never installs
+ * this listener.
+ */
+function installIOSSidebarSwipeGuard(layout) {
+    if (!isAppleMobile() || layout === undefined)
+        return () => undefined;
+    const doc = document;
+    let pending = null;
+    const isBlocked = (target) => target.closest('input, textarea, select, [contenteditable="true"], [data-composer-card], pre, code, [role="slider"], [data-rightbar], [role="menu"], [role="listbox"], button, a, [role="button"]') !== null;
+    const point = (event) => {
+        const touches = event.changedTouches ?? event.touches;
+        const touch = touches?.[0];
+        return touch === undefined ? null : { x: touch.clientX, y: touch.clientY };
+    };
+    const onTouchStart = (event) => {
+        pending = null;
+        const touches = event.touches;
+        if (touches !== undefined && touches.length !== 1)
+            return;
+        const target = event.target;
+        if (target === null || typeof target.closest !== 'function' || isBlocked(target))
+            return;
+        const at = point(event);
+        if (at === null)
+            return;
+        const standalone = navigator.standalone === true;
+        if (!standalone && (at.x < 24 || at.x > window.innerWidth - 24))
+            return;
+        pending = { x: at.x, y: at.y, startedAt: Date.now() };
+    };
+    const onTouchEnd = (event) => {
+        if (pending === null)
+            return;
+        const { x, y, startedAt } = pending;
+        pending = null;
+        if (Date.now() - startedAt > 800)
+            return;
+        const at = point(event);
+        if (at === null)
+            return;
+        const dx = at.x - x;
+        const dy = at.y - y;
+        if (Math.abs(dx) < 70 || Math.abs(dx) <= Math.abs(dy) * 1.5)
+            return;
+        const collapsed = doc.querySelector('[data-sidebar-collapsed]') !== null;
+        if (!collapsed)
+            return;
+        try {
+            layout.toggleSidebar();
+        }
+        catch {
+        }
+    };
+    doc.addEventListener('touchstart', onTouchStart, true);
+    doc.addEventListener('touchend', onTouchEnd, true);
+    return () => {
+        doc.removeEventListener('touchstart', onTouchStart, true);
+        doc.removeEventListener('touchend', onTouchEnd, true);
+    };
+}
+/**
+ * A tap on the conversation content closes an expanded narrow sidebar. It has
+ * to run in the bubble phase so message links and buttons still receive their
+ * click first, and it skips every interactive/row/right-panel target. The
+ * sidebar width comes from the frame's inline grid template, so a tap on the
+ * left column is not mistaken for content. Mac and wide layouts are untouched.
+ */
+function installIOSContentTapCollapse(layout) {
+    if (!isAppleMobile() || layout === undefined)
+        return () => undefined;
+    const doc = document;
+    const interactive = 'button, a, input, textarea, select, pre, code, [contenteditable="true"], [data-composer-card], [data-row-key], [role="treeitem"], [role="tree"], nav, [role="menu"], [role="listbox"], [role="button"], [role="menuitem"], [data-rightbar]';
+    const onClick = (event) => {
+        if (window.innerWidth >= 1024)
+            return;
+        if (doc.querySelector('[data-sidebar-collapsed]') !== null)
+            return;
+        const target = event.target;
+        if (target === null || typeof target.closest !== 'function' || target.closest(interactive) !== null)
+            return;
+        const frame = doc.querySelector('[style*="grid-template-columns"]');
+        const first = frame?.style.gridTemplateColumns.split(' ')[0] ?? '';
+        const width = Number.parseFloat(first);
+        const x = event.clientX;
+        if (Number.isFinite(width) && x < width)
+            return;
+        try {
+            layout.toggleSidebar();
+        }
+        catch {
+        }
+    };
+    doc.addEventListener('click', onClick, true);
+    return () => doc.removeEventListener('click', onClick, true);
+}
 /**
  * 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
@@ -637,6 +739,18 @@ function factory(require) {
                 catch (error) {
                     ctx.logger?.warn?.(`[mobile-access] iOS sidebar tap guard unavailable: ${String(error)}`);
                 }
+                try {
+                    cleanups.push(installIOSSidebarSwipeGuard(ctx.layout));
+                }
+                catch (error) {
+                    ctx.logger?.warn?.(`[mobile-access] iOS sidebar swipe guard unavailable: ${String(error)}`);
+                }
+                try {
+                    cleanups.push(installIOSContentTapCollapse(ctx.layout));
+                }
+                catch (error) {
+                    ctx.logger?.warn?.(`[mobile-access] iOS content tap collapse unavailable: ${String(error)}`);
+                }
                 return () => {
                     for (const cleanup of cleanups.reverse()) {
                         try {

package/package.json

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