@qzsy/dsh-bridge 3.4.3 → 3.5.0

package/CHANGELOG.md

@@ -1,5 +1,33 @@
 # 更新日志
 
+## [v3.5.0] - 2026-11-02
+
+### ✨ 新增
+
+- **模型 → 思考级别连招**：在模型 sheet 里选中任意模型后，不再直接关闭整个菜单，而是自动重新打开设置菜单并进入「推理等级」子菜单，以同一个底部 sheet 呈现 Off / Low / High / Max，选完才关闭。
+- **无闪跳过渡**：选中模型时先把旧 sheet 快照留在原地，宿主菜单在背后切换，推理 sheet 滑入后再移除快照；中间宿主菜单隐藏，不会闪出桌面 popover。
+- 模型选中、推理等级选中仍由宿主完成，插件只负责串联和 sheet 化；桌面端不变。
+
+### 🧪 验证
+
+- 独立宿主模拟：模型 sheet → 选模型 → 自动进入推理 sheet（Off/Low/High/Max）→ 选等级关闭并清理，4/4 通过。
+- 运行中的 DSH：待 3.5.0 安装后验证完整链路。
+
+
+## [v3.4.4] - 2026-11-02
+
+### 🐛 修复
+
+- **模型 sheet 不再因 blur 关闭**：3.4.3 在 sheet 套用后 `blur` 搜索框，宿主菜单会因 focusout 直接关闭，看起来像「点模型没反应」。现在改为给搜索框加 `readonly` + `inputmode=none`：保留焦点、不弹键盘，宿主菜单稳定打开。
+- **用户主动搜索时恢复输入**：监听搜索框 `pointerdown` / `touchstart`，用户主动点的时候恢复 `readonly` 和 `inputmode` 并聚焦，需要搜索仍可正常输入。
+- 模型列表默认完整显示，不再被 iOS 键盘遮挡。
+
+### 🧪 验证
+
+- 模拟宿主自动 focus：sheet 保持打开，搜索框 `readOnly=true`、`inputmode=none`；用户 pointerdown 后 `readOnly=false` 且聚焦，4/4 通过。
+- 运行中的 DSH：模型菜单打开后保持存在，sheet/遮罩正常。
+
+
 ## [v3.4.3] - 2026-11-02
 
 ### 🐛 修复

package/README.md

@@ -48,7 +48,8 @@ dsh plugin --profile <name> add @qzsy/dsh-bridge
 
 - 内容区占满屏宽，左上角「菜单」按钮打开会话 / 工作区 / 插件入口；
 - 支持手势：左缘向右滑打开、抽屉内向左滑关闭，拖动时跟手，松手吸附；
-- 模型切换器在手机上改为底部 sheet：全宽、抓手、遮罩，支持下拉/点遮罩关闭；默认不聚焦搜索框（不弹键盘），需要搜索时再点；
+- 模型切换器在手机上改为底部 sheet：全宽、抓手、遮罩，支持下拉/点遮罩关闭；默认不弹键盘（搜索框 `readonly`），需要搜索时再点；
+- 选完模型自动继续进入「推理等级」sheet，Off / Low / High / Max 选完才关闭，手机上和桌面菜单一样连贯；
 - 全面屏自动避开安全区：刘海 / 状态栏 / 底部 home indicator 不遮挡内容；
 - 点遮罩、点会话行、按 Esc 或转回桌面宽度都会自动收起；
 - 桌面端保持 DSH 原生布局，不受影响。

package/client/client.js

@@ -463,6 +463,15 @@ var MOBILE_DRAWER_CSS = `
     transition: transform 220ms ease, opacity 220ms ease !important;
     animation: none !important;
   }
+  /* \u9009\u4E2D\u6A21\u578B\u540E\u8FDB\u5165\u300C\u63A8\u7406\u7B49\u7EA7\u300D\u7684\u8FC7\u6E21\uFF1A\u65E7 sheet \u7684\u5FEB\u7167\u7559\u5728\u539F\u5730\uFF0C\u5BBF\u4E3B\u83DC\u5355\u5148\u9690\u85CF */
+  [data-qzsy-model-sheet-clone] {
+    z-index: 1199 !important;
+    pointer-events: none !important;
+  }
+  body.qzsy-model-advancing div[id$="-menu"]:not([data-qzsy-model-sheet]):not([data-qzsy-model-sheet-clone]) {
+    visibility: hidden !important;
+    pointer-events: none !important;
+  }
   body.qzsy-model-sheet-dragging [data-qzsy-model-sheet] {
     transform: translateY(var(--qzsy-model-sheet-y, 0px)) !important;
     transition: none !important;
@@ -516,6 +525,10 @@ function setupMobileDrawer() {
   let modelChainUntil = 0;
   let modelDrag = null;
   let modelDragHandlers = null;
+  let modelClone = null;
+  let modelAdvancing = false;
+  let reasoningStep = false;
+  let modelAdvanceToken = 0;
   const preventDrawerScroll = (event) => {
     if (!gesture || !event.cancelable) return;
     const touch = event.touches?.[0];
@@ -633,7 +646,7 @@ function setupMobileDrawer() {
     if (search) {
       const menu = search.closest('[role="menu"]') || search.closest('[class*="_menu"]');
       const portal = bodyPortalOf(menu || search);
-      if (portal && visiblePortal(portal)) {
+      if (portal && visiblePortal(portal) && !portal.hasAttribute("data-qzsy-model-sheet-clone")) {
         const s = getComputedStyle(portal);
         if ((s.position === "fixed" || s.position === "absolute") && portal.getBoundingClientRect().width > 120) return portal;
       }
@@ -641,7 +654,8 @@ function setupMobileDrawer() {
     const candidates = [];
     for (const el of document.body.children) {
       if (!(el instanceof HTMLElement)) continue;
-      if (el === modelBackdrop || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el === modelBackdrop || el === modelClone || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el.hasAttribute("data-qzsy-model-sheet-clone")) continue;
       if (!visiblePortal(el)) continue;
       const s = getComputedStyle(el);
       if (s.position !== "fixed" && s.position !== "absolute") continue;
@@ -661,6 +675,26 @@ function setupMobileDrawer() {
     candidates.sort((a, b) => Number(b.hasSearch) - Number(a.hasSearch) || Number(b.hasModelMarker) - Number(a.hasModelMarker) || b.rows - a.rows);
     return candidates[0]?.el || null;
   };
+  const findReasoningPortal = () => {
+    if (!isMobileViewport()) return null;
+    const candidates = [];
+    for (const el of document.body.children) {
+      if (!(el instanceof HTMLElement)) continue;
+      if (el === modelBackdrop || el === modelClone || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el.hasAttribute("data-qzsy-model-sheet") || el.hasAttribute("data-qzsy-model-sheet-clone")) continue;
+      if (!visiblePortal(el)) continue;
+      const s = getComputedStyle(el);
+      if (s.position !== "fixed" && s.position !== "absolute") continue;
+      const menu = el.querySelector('[role="menu"]');
+      if (!menu) continue;
+      const radios = menu.querySelectorAll('button[role="menuitemradio"], [role="menuitemradio"], input[type="radio"]').length;
+      if (radios < 1) continue;
+      const text = menu.innerText || "";
+      if (/搜索模型|Search model|DeepSeek|claude|模型与推理等级/i.test(text)) continue;
+      candidates.push(el);
+    }
+    return candidates[candidates.length - 1] || null;
+  };
   const hostBackdropPresent = () => {
     for (const el of document.body.children) {
       if (!(el instanceof HTMLElement)) continue;
@@ -700,7 +734,23 @@ function setupMobileDrawer() {
       }, 450);
     }, 120);
   };
+  const dismissHostMenus = () => {
+    try {
+      document.body.dispatchEvent(new PointerEvent("pointerdown", { bubbles: true, cancelable: true }));
+    } catch {
+    }
+    try {
+      document.dispatchEvent(new KeyboardEvent("keydown", { key: "Escape", bubbles: true, cancelable: true }));
+    } catch {
+    }
+  };
   const closeModelSheetNow = () => {
+    if (modelAdvancing) {
+      cancelAdvanceOverlay();
+      clearModelSheet();
+      dismissHostMenus();
+      return;
+    }
     const portal = modelPortal;
     if (!portal) return;
     document.body.classList.remove("qzsy-model-sheet-open");
@@ -709,6 +759,10 @@ function setupMobileDrawer() {
     requestHostModelClose(portal);
   };
   const closeModelSheetAnimated = () => {
+    if (modelAdvancing) {
+      closeModelSheetNow();
+      return;
+    }
     const portal = modelPortal;
     if (!portal) return;
     portal.classList.add("qzsy-model-sheet-closing");
@@ -778,68 +832,158 @@ function setupMobileDrawer() {
     portal.addEventListener("touchcancel", onEnd, { passive: true });
     modelDragHandlers = { onStart, onMove, onEnd };
   };
-  const clearModelSheet = () => {
+  const clearModelSheet = ({ keepChrome = false } = {}) => {
     if (modelPortal) {
       detachModelDrag();
       modelPortal.removeAttribute("data-qzsy-model-sheet");
+      modelPortal.removeAttribute("data-qzsy-model-step");
       modelPortal.classList.remove("qzsy-model-sheet", "qzsy-model-sheet-closing");
     }
     modelPortal = null;
     modelDrag = null;
-    document.body?.classList.remove("qzsy-model-sheet-open", "qzsy-model-sheet-dragging");
+    modelAdvanceToken += 1;
+    modelAdvancing = false;
+    reasoningStep = false;
+    if (modelClone) {
+      modelClone.remove();
+      modelClone = null;
+    }
+    document.body?.classList.remove("qzsy-model-advancing", "qzsy-model-sheet-dragging");
     document.body?.style.removeProperty("--qzsy-model-sheet-y");
     document.body?.style.removeProperty("--qzsy-model-sheet-progress");
-    if (modelBackdrop) {
-      modelBackdrop.remove();
-      modelBackdrop = null;
+    if (!keepChrome) {
+      document.body?.classList.remove("qzsy-model-sheet-open");
+      if (modelBackdrop) {
+        modelBackdrop.remove();
+        modelBackdrop = null;
+      }
     }
   };
   const applyModelSheet = (portal) => {
     if (modelPortal === portal) return;
-    clearModelSheet();
+    const step = reasoningStep ? "reasoning" : "model";
+    const keepChrome = modelAdvancing && Boolean(modelClone);
+    clearModelSheet({ keepChrome });
     modelPortal = portal;
     modelChainUntil = 0;
     portal.setAttribute("data-qzsy-model-sheet", "");
+    portal.setAttribute("data-qzsy-model-step", step);
     portal.classList.add("qzsy-model-sheet");
     attachModelDrag(portal);
     ensureModelBackdrop();
     const input = portal.querySelector('input[placeholder*="\u641C\u7D22\u6A21\u578B"], input[placeholder*="Search model"], input[type="search"], input');
     if (input) {
       let userIntent = false;
-      const markUserIntent = () => {
+      const originalReadOnly = input.readOnly;
+      const originalInputMode = input.getAttribute("inputmode");
+      const enableSearch = () => {
+        if (userIntent) return;
         userIntent = true;
-      };
-      input.addEventListener("pointerdown", markUserIntent, { once: true });
-      input.addEventListener("touchstart", markUserIntent, { once: true, passive: true });
-      const blurIfAutoFocused = () => {
-        if (!input.isConnected || userIntent) return;
-        if (document.activeElement === input) {
-          try {
-            input.blur();
-          } catch {
-          }
+        input.readOnly = originalReadOnly;
+        if (originalInputMode === null) input.removeAttribute("inputmode");
+        else input.setAttribute("inputmode", originalInputMode);
+        try {
+          input.focus({ preventScroll: true });
+        } catch {
         }
       };
-      const onFocus = () => {
-        if (!userIntent) blurIfAutoFocused();
+      input.addEventListener("pointerdown", enableSearch);
+      input.addEventListener("touchstart", enableSearch, { passive: true });
+      const enforceNoKeyboard = () => {
+        if (!input.isConnected || userIntent) return;
+        if (!input.readOnly) input.readOnly = true;
+        if (!input.hasAttribute("readonly")) input.setAttribute("readonly", "");
+        if (input.getAttribute("inputmode") !== "none") input.setAttribute("inputmode", "none");
       };
-      input.addEventListener("focus", onFocus);
-      blurIfAutoFocused();
-      window.requestAnimationFrame(blurIfAutoFocused);
-      window.setTimeout(blurIfAutoFocused, 80);
-      window.setTimeout(blurIfAutoFocused, 260);
-      window.setTimeout(() => input.removeEventListener("focus", onFocus), 900);
+      input.addEventListener("focus", enforceNoKeyboard);
+      enforceNoKeyboard();
+      window.setTimeout(enforceNoKeyboard, 0);
+      window.setTimeout(enforceNoKeyboard, 80);
+      window.setTimeout(enforceNoKeyboard, 260);
+      window.setTimeout(() => input.removeEventListener("focus", enforceNoKeyboard), 1e3);
     }
     window.requestAnimationFrame(() => {
       if (!disposed && modelPortal === portal) document.body.classList.add("qzsy-model-sheet-open");
     });
   };
+  const cancelAdvanceOverlay = () => {
+    modelAdvanceToken += 1;
+    modelAdvancing = false;
+    reasoningStep = false;
+    document.body?.classList.remove("qzsy-model-advancing");
+    if (modelClone) {
+      modelClone.remove();
+      modelClone = null;
+    }
+  };
+  const beginReasoningAdvance = (portal) => {
+    if (disposed || modelAdvancing) return;
+    if (portal.getAttribute("data-qzsy-model-step") !== "model") return;
+    if (!portal.querySelector('button[role="menuitemradio"], [role="menuitemradio"]')) return;
+    modelAdvancing = true;
+    const token = ++modelAdvanceToken;
+    document.body.classList.add("qzsy-model-advancing");
+    modelClone = portal.cloneNode(true);
+    modelClone.setAttribute("data-qzsy-model-sheet-clone", "");
+    modelClone.setAttribute("aria-hidden", "true");
+    for (const el of modelClone.querySelectorAll("[id]")) el.removeAttribute("id");
+    document.body.appendChild(modelClone);
+    window.setTimeout(() => {
+      if (disposed || token !== modelAdvanceToken || !modelAdvancing) return;
+      const trigger = document.querySelector(
+        'button[aria-haspopup="menu"][aria-label*="\u9009\u62E9\u6A21\u578B"], button[aria-haspopup="menu"][aria-label*="Select model"], button[aria-haspopup="menu"][aria-label*="\u6A21\u578B"]'
+      );
+      try {
+        trigger?.click();
+      } catch {
+      }
+      let attempts = 0;
+      const openReasonCell = () => {
+        if (disposed || token !== modelAdvanceToken || !modelAdvancing) return;
+        const cell = [...document.querySelectorAll('button[role="menuitem"]')].find((b) => /推理等级|Reasoning effort|Reasoning level|推理强度/i.test(b.innerText || ""));
+        if (cell) {
+          reasoningStep = true;
+          try {
+            cell.click();
+          } catch {
+          }
+          window.setTimeout(() => {
+            if (disposed || token !== modelAdvanceToken) return;
+            if (!modelPortal) {
+              cancelAdvanceOverlay();
+              clearModelSheet();
+            }
+          }, 900);
+          return;
+        }
+        attempts += 1;
+        if (attempts > 16) {
+          cancelAdvanceOverlay();
+          clearModelSheet();
+          return;
+        }
+        window.setTimeout(openReasonCell, 60);
+      };
+      window.setTimeout(openReasonCell, 120);
+    }, 140);
+  };
   const syncModelSheet = () => {
     if (disposed) return;
     if (!isMobileViewport()) {
       clearModelSheet();
       return;
     }
+    if (modelAdvancing) {
+      if (reasoningStep) {
+        const next = findReasoningPortal();
+        if (next) {
+          applyModelSheet(next);
+          return;
+        }
+      }
+      if (modelPortal && !visiblePortal(modelPortal)) modelPortal = null;
+      return;
+    }
     if (modelPortal && !visiblePortal(modelPortal)) clearModelSheet();
     const found = findModelPortal();
     if (!found) {
@@ -868,6 +1012,10 @@ function setupMobileDrawer() {
       window.setTimeout(syncModelSheet, 30);
       window.setTimeout(syncModelSheet, 180);
     }
+    const modelOption = target.closest('button[role="menuitemradio"], [role="menuitemradio"]');
+    if (modelOption && modelPortal && modelPortal.getAttribute("data-qzsy-model-step") === "model" && modelPortal.contains(modelOption)) {
+      beginReasoningAdvance(modelPortal);
+    }
     if (!isOpen()) return;
     if (target.closest(`.${BACKDROP_CLASS}`)) {
       closeDrawer();

package/client/mobile.js

@@ -260,6 +260,15 @@ export const MOBILE_DRAWER_CSS = `
     transition: transform 220ms ease, opacity 220ms ease !important;
     animation: none !important;
   }
+  /* 选中模型后进入「推理等级」的过渡：旧 sheet 的快照留在原地，宿主菜单先隐藏 */
+  [data-qzsy-model-sheet-clone] {
+    z-index: 1199 !important;
+    pointer-events: none !important;
+  }
+  body.qzsy-model-advancing div[id$="-menu"]:not([data-qzsy-model-sheet]):not([data-qzsy-model-sheet-clone]) {
+    visibility: hidden !important;
+    pointer-events: none !important;
+  }
   body.qzsy-model-sheet-dragging [data-qzsy-model-sheet] {
     transform: translateY(var(--qzsy-model-sheet-y, 0px)) !important;
     transition: none !important;
@@ -322,6 +331,10 @@ export function setupMobileDrawer() {
   let modelChainUntil = 0;
   let modelDrag = null;
   let modelDragHandlers = null;
+  let modelClone = null;
+  let modelAdvancing = false;
+  let reasoningStep = false;
+  let modelAdvanceToken = 0;
 
   const preventDrawerScroll = (event) => {
     if (!gesture || !event.cancelable) return;
@@ -451,7 +464,7 @@ export function setupMobileDrawer() {
     if (search) {
       const menu = search.closest('[role="menu"]') || search.closest('[class*="_menu"]');
       const portal = bodyPortalOf(menu || search);
-      if (portal && visiblePortal(portal)) {
+      if (portal && visiblePortal(portal) && !portal.hasAttribute('data-qzsy-model-sheet-clone')) {
         const s = getComputedStyle(portal);
         if ((s.position === 'fixed' || s.position === 'absolute') && portal.getBoundingClientRect().width > 120) return portal;
       }
@@ -460,7 +473,8 @@ export function setupMobileDrawer() {
     const candidates = [];
     for (const el of document.body.children) {
       if (!(el instanceof HTMLElement)) continue;
-      if (el === modelBackdrop || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el === modelBackdrop || el === modelClone || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el.hasAttribute('data-qzsy-model-sheet-clone')) continue;
       if (!visiblePortal(el)) continue;
       const s = getComputedStyle(el);
       if (s.position !== 'fixed' && s.position !== 'absolute') continue;
@@ -485,6 +499,28 @@ export function setupMobileDrawer() {
     return candidates[0]?.el || null;
   };
 
+  const findReasoningPortal = () => {
+    if (!isMobileViewport()) return null;
+    const candidates = [];
+    for (const el of document.body.children) {
+      if (!(el instanceof HTMLElement)) continue;
+      if (el === modelBackdrop || el === modelClone || el.classList.contains(HEADER_CLASS) || el.classList.contains(BACKDROP_CLASS)) continue;
+      if (el.hasAttribute('data-qzsy-model-sheet') || el.hasAttribute('data-qzsy-model-sheet-clone')) continue;
+      if (!visiblePortal(el)) continue;
+      const s = getComputedStyle(el);
+      if (s.position !== 'fixed' && s.position !== 'absolute') continue;
+      const menu = el.querySelector('[role="menu"]');
+      if (!menu) continue;
+      const radios = menu.querySelectorAll('button[role="menuitemradio"], [role="menuitemradio"], input[type="radio"]').length;
+      if (radios < 1) continue;
+      const text = menu.innerText || '';
+      // 推理等级菜单只含 Off / Low / High / Max 等档位，不含模型搜索与模型分组
+      if (/搜索模型|Search model|DeepSeek|claude|模型与推理等级/i.test(text)) continue;
+      candidates.push(el);
+    }
+    return candidates[candidates.length - 1] || null;
+  };
+
   const hostBackdropPresent = () => {
     for (const el of document.body.children) {
       if (!(el instanceof HTMLElement)) continue;
@@ -517,7 +553,18 @@ export function setupMobileDrawer() {
     }, 120);
   };
 
+  const dismissHostMenus = () => {
+    try { document.body.dispatchEvent(new PointerEvent('pointerdown', { bubbles: true, cancelable: true })); } catch { /* 忽略 */ }
+    try { document.dispatchEvent(new KeyboardEvent('keydown', { key: 'Escape', bubbles: true, cancelable: true })); } catch { /* 忽略 */ }
+  };
+
   const closeModelSheetNow = () => {
+    if (modelAdvancing) {
+      cancelAdvanceOverlay();
+      clearModelSheet();
+      dismissHostMenus();
+      return;
+    }
     const portal = modelPortal;
     if (!portal) return;
     document.body.classList.remove('qzsy-model-sheet-open');
@@ -527,6 +574,10 @@ export function setupMobileDrawer() {
   };
 
   const closeModelSheetAnimated = () => {
+    if (modelAdvancing) {
+      closeModelSheetNow();
+      return;
+    }
     const portal = modelPortal;
     if (!portal) return;
     portal.classList.add('qzsy-model-sheet-closing');
@@ -600,54 +651,77 @@ export function setupMobileDrawer() {
     modelDragHandlers = { onStart, onMove, onEnd };
   };
 
-  const clearModelSheet = () => {
+  const clearModelSheet = ({ keepChrome = false } = {}) => {
     if (modelPortal) {
       detachModelDrag();
       modelPortal.removeAttribute('data-qzsy-model-sheet');
+      modelPortal.removeAttribute('data-qzsy-model-step');
       modelPortal.classList.remove('qzsy-model-sheet', 'qzsy-model-sheet-closing');
     }
     modelPortal = null;
     modelDrag = null;
-    document.body?.classList.remove('qzsy-model-sheet-open', 'qzsy-model-sheet-dragging');
+    modelAdvanceToken += 1;
+    modelAdvancing = false;
+    reasoningStep = false;
+    if (modelClone) {
+      modelClone.remove();
+      modelClone = null;
+    }
+    document.body?.classList.remove('qzsy-model-advancing', 'qzsy-model-sheet-dragging');
     document.body?.style.removeProperty('--qzsy-model-sheet-y');
     document.body?.style.removeProperty('--qzsy-model-sheet-progress');
-    if (modelBackdrop) {
-      modelBackdrop.remove();
-      modelBackdrop = null;
+    if (!keepChrome) {
+      document.body?.classList.remove('qzsy-model-sheet-open');
+      if (modelBackdrop) {
+        modelBackdrop.remove();
+        modelBackdrop = null;
+      }
     }
   };
 
   const applyModelSheet = (portal) => {
     if (modelPortal === portal) return;
-    clearModelSheet();
+    const step = reasoningStep ? 'reasoning' : 'model';
+    const keepChrome = modelAdvancing && Boolean(modelClone);
+    clearModelSheet({ keepChrome });
     modelPortal = portal;
     modelChainUntil = 0;
     portal.setAttribute('data-qzsy-model-sheet', '');
+    portal.setAttribute('data-qzsy-model-step', step);
     portal.classList.add('qzsy-model-sheet');
     attachModelDrag(portal);
     ensureModelBackdrop();
 
     // 宿主菜单默认会聚焦「搜索模型」，手机上会直接弹起键盘把 sheet 顶掉一半。
-    // 移动端模型数量通常很少，默认不聚焦；用户主动点搜索框时再允许聚焦。
+    // 移动端模型数量通常很少：先把搜索框设为 readonly + inputmode=none，阻止键盘；
+    // 保留焦点，避免宿主因 focusout 关闭菜单。用户主动点搜索框时再恢复可输入。
     const input = portal.querySelector('input[placeholder*="搜索模型"], input[placeholder*="Search model"], input[type="search"], input');
     if (input) {
       let userIntent = false;
-      const markUserIntent = () => { userIntent = true; };
-      input.addEventListener('pointerdown', markUserIntent, { once: true });
-      input.addEventListener('touchstart', markUserIntent, { once: true, passive: true });
-      const blurIfAutoFocused = () => {
+      const originalReadOnly = input.readOnly;
+      const originalInputMode = input.getAttribute('inputmode');
+      const enableSearch = () => {
+        if (userIntent) return;
+        userIntent = true;
+        input.readOnly = originalReadOnly;
+        if (originalInputMode === null) input.removeAttribute('inputmode');
+        else input.setAttribute('inputmode', originalInputMode);
+        try { input.focus({ preventScroll: true }); } catch { /* 忽略 */ }
+      };
+      input.addEventListener('pointerdown', enableSearch);
+      input.addEventListener('touchstart', enableSearch, { passive: true });
+      const enforceNoKeyboard = () => {
         if (!input.isConnected || userIntent) return;
-        if (document.activeElement === input) {
-          try { input.blur(); } catch { /* 忽略 */ }
-        }
+        if (!input.readOnly) input.readOnly = true;
+        if (!input.hasAttribute('readonly')) input.setAttribute('readonly', '');
+        if (input.getAttribute('inputmode') !== 'none') input.setAttribute('inputmode', 'none');
       };
-      const onFocus = () => { if (!userIntent) blurIfAutoFocused(); };
-      input.addEventListener('focus', onFocus);
-      blurIfAutoFocused();
-      window.requestAnimationFrame(blurIfAutoFocused);
-      window.setTimeout(blurIfAutoFocused, 80);
-      window.setTimeout(blurIfAutoFocused, 260);
-      window.setTimeout(() => input.removeEventListener('focus', onFocus), 900);
+      input.addEventListener('focus', enforceNoKeyboard);
+      enforceNoKeyboard();
+      window.setTimeout(enforceNoKeyboard, 0);
+      window.setTimeout(enforceNoKeyboard, 80);
+      window.setTimeout(enforceNoKeyboard, 260);
+      window.setTimeout(() => input.removeEventListener('focus', enforceNoKeyboard), 1000);
     }
 
     window.requestAnimationFrame(() => {
@@ -655,12 +729,83 @@ export function setupMobileDrawer() {
     });
   };
 
+  const cancelAdvanceOverlay = () => {
+    modelAdvanceToken += 1;
+    modelAdvancing = false;
+    reasoningStep = false;
+    document.body?.classList.remove('qzsy-model-advancing');
+    if (modelClone) {
+      modelClone.remove();
+      modelClone = null;
+    }
+  };
+
+  // 选完模型后自动进入推理等级：保留旧 sheet 快照，宿主菜单在背后切换，再滑入推理 sheet
+  const beginReasoningAdvance = (portal) => {
+    if (disposed || modelAdvancing) return;
+    if (portal.getAttribute('data-qzsy-model-step') !== 'model') return;
+    if (!portal.querySelector('button[role="menuitemradio"], [role="menuitemradio"]')) return;
+    modelAdvancing = true;
+    const token = ++modelAdvanceToken;
+    document.body.classList.add('qzsy-model-advancing');
+    modelClone = portal.cloneNode(true);
+    modelClone.setAttribute('data-qzsy-model-sheet-clone', '');
+    modelClone.setAttribute('aria-hidden', 'true');
+    for (const el of modelClone.querySelectorAll('[id]')) el.removeAttribute('id');
+    document.body.appendChild(modelClone);
+
+    window.setTimeout(() => {
+      if (disposed || token !== modelAdvanceToken || !modelAdvancing) return;
+      const trigger = document.querySelector(
+        'button[aria-haspopup="menu"][aria-label*="选择模型"], button[aria-haspopup="menu"][aria-label*="Select model"], button[aria-haspopup="menu"][aria-label*="模型"]',
+      );
+      try { trigger?.click(); } catch { /* 忽略 */ }
+      let attempts = 0;
+      const openReasonCell = () => {
+        if (disposed || token !== modelAdvanceToken || !modelAdvancing) return;
+        const cell = [...document.querySelectorAll('button[role="menuitem"]')].find((b) => /推理等级|Reasoning effort|Reasoning level|推理强度/i.test(b.innerText || ''));
+        if (cell) {
+          reasoningStep = true;
+          try { cell.click(); } catch { /* 忽略 */ }
+          window.setTimeout(() => {
+            if (disposed || token !== modelAdvanceToken) return;
+            if (!modelPortal) {
+              // 推理菜单没出现：撤掉 overlay，避免卡在半路
+              cancelAdvanceOverlay();
+              clearModelSheet();
+            }
+          }, 900);
+          return;
+        }
+        attempts += 1;
+        if (attempts > 16) {
+          cancelAdvanceOverlay();
+          clearModelSheet();
+          return;
+        }
+        window.setTimeout(openReasonCell, 60);
+      };
+      window.setTimeout(openReasonCell, 120);
+    }, 140);
+  };
+
   const syncModelSheet = () => {
     if (disposed) return;
     if (!isMobileViewport()) {
       clearModelSheet();
       return;
     }
+    if (modelAdvancing) {
+      if (reasoningStep) {
+        const next = findReasoningPortal();
+        if (next) {
+          applyModelSheet(next);
+          return;
+        }
+      }
+      if (modelPortal && !visiblePortal(modelPortal)) modelPortal = null;
+      return;
+    }
     if (modelPortal && !visiblePortal(modelPortal)) clearModelSheet();
     const found = findModelPortal();
     if (!found) {
@@ -694,6 +839,14 @@ export function setupMobileDrawer() {
       window.setTimeout(syncModelSheet, 180);
     }
 
+    // 选完模型继续进入推理等级，而不是直接关掉整个菜单
+    const modelOption = target.closest('button[role="menuitemradio"], [role="menuitemradio"]');
+    if (modelOption && modelPortal
+      && modelPortal.getAttribute('data-qzsy-model-step') === 'model'
+      && modelPortal.contains(modelOption)) {
+      beginReasoningAdvance(modelPortal);
+    }
+
     if (!isOpen()) return;
 
     if (target.closest(`.${BACKDROP_CLASS}`)) {

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@qzsy/dsh-bridge",
-  "version": "3.4.3",
+  "version": "3.5.0",
   "description": "DSH 远程隧道云官方客户端插件：一条命令把本机 DeepSeek Harness 接入云端隧道（设备码绑定、短期令牌、本地门禁代理、HTTP/SSE/WebSocket 反向隧道）。",
-  "releaseNotes": "【v3.4.3】模型 sheet 默认不弹键盘\\n• 宿主打开模型菜单会自动聚焦搜索框，iOS 键盘把 sheet 顶掉一半；现在自动 blur\\n• 模型数量少时默认直接看到完整列表；需要搜索时主动点搜索框仍可输入\\n• 立即 / 80ms / 260ms 三次兜底 blur，不误伤用户主动点击",
+  "releaseNotes": "【v3.5.0】模型 → 思考级别连招\\n• 选完模型自动进入推理等级 sheet（Off / Low / High / Max），选完才关闭\\n• 旧 sheet 快照过渡，宿主菜单在背后切换，不闪桌面 popover\\n• 模型和推理等级仍由宿主选择；桌面端不变",
   "type": "module",
   "main": "lib/index.js",
   "exports": {