dsh-mobile-ui 0.1.1 → 0.2.2

package/README.md

@@ -42,7 +42,11 @@ Fast local iteration: copy to `~/.dsh/profiles/node_modules/dsh-mobile-ui/` and
 
 - **CSS layer**: injects `style[data-plugin-css=dsh-mobile-ui]`, all rules wrapped in `@media (max-width:768px)` — desktop loads none of it
 - **JS layer**: `matchMedia`-driven; on narrow screens the main grid goes single-column, the sidebar is hidden and becomes a fixed overlay drawer with scrim
-- **QA card** (`ask_user_question`, Mbwy4a component): JS detects the card and pins it as a floating panel (`position:fixed; top:100px`) — no `:has()` dependency (works in WeChat/X5-style engines); the footer button row wraps when narrow, so the submit button is always visible; conversation stays visible below
+- **QA card** (`ask_user_question`, Mbwy4a component): JS detects the card and turns its composer seat into a full-height floating panel — no `:has()` dependency (works in WeChat/X5-style engines). The card's own `max-height` is lifted and its body stays the single scroll container, so long option lists scroll with a finger on every device; the footer button row wraps when narrow, so the submit button is always visible
+- **Composer action row = two lines** (2026-09-11, settled over two rounds of user feedback): line 1 holds the tools (`+` / attach / access mode) then the context ring and send pushed to its right edge; line 2 is the model trigger alone, spanning the full width. ⚠️ The *first* two-line attempt (tools alone on line 1, model + context + send on line 2) was wrong: it left **183px of dead space** at the end of line 1 (measured at 412px) and the user immediately spotted it as "an empty patch up there". Lifting the context ring and send onto line 1 fills it (183px → 8px). Implemented with `display:contents` on the trailing group so its children become direct flex items of the row, then `order` for visual sequence and `margin-left:auto` to push the last two right — **pure CSS, no DOM moves** (relocating React nodes throws `removeChild` on re-render). Two lines are *required*, not cosmetic: the full model name (`commandcode/deepseek/deepseek-v4.1-flash` = 40 chars ≈ 225px) physically cannot fit on one line inside a 390px viewport — the row has 332px of content width and the tools need 120px, leaving the model trigger ~61px (10/40 chars, measured). Wrapping lets it take 218px at the same viewport (38/40 chars) and the **full name from 400px up**, at the cost of row height 52 → 90px. The access-mode button always shows its shield icon plus its text (`@container (min-width: 170px)`, judged on the row's real width); a clipped model name always uses a real ellipsis.
+- **Composer row visual consistency** (2026-09-11, from the user's "the heights don't match, it looks off" report): upstream ships six different control heights (add 28 / PermissionSelect 28 / model 28 / ContextMeter 28 / primary 34) and our own earlier patches had left a 36/40/44 mix with three font sizes (model 11px / access 13px / context 10px). Everything is now **44px tall with a 12px font** (which also satisfies the iOS HIG minimum touch size — measured: `+`/attach/access were only 36px), the primary button's upstream `translateY(-2px)` is cancelled (a single-line-era optical compensation that pushed its centre 2px below its row), and the access-mode button gets the same round solid background as `+`/attach (upstream renders it as a background-less compact trigger, which looked like a missing piece between two round buttons). **Invariants**: exactly two lines; within a row every button is the same height, the same font size, and their vertical centres spread ≤1.5px; and **no line may end in more than 60px of dead space** (the quantitative guard for that "empty patch"). ⚠️ One more subtlevty: the UA default for `<button>` is **`text-align:center`** — once the model name spans a full line, centring makes the text start at x=69px instead of aligning with the `+` button above, so `text-align:left` must be explicit (the old layout never exposed this because the label's width exactly equalled its text width). ⚠️ This surfaced a fourth word-root leak: the message flow contains **no** `[class*=tools]` at all (only `xzv4MW_actions` / `TS9iAW_actions`), so the old `[class*=scrollBody] [class*=tools] button{min-height:36px}` was really hitting the composer's `uV2eYG_tools` and crushing `+`/attach/access to 36px — the actual cause of "row 1 is 36px while row 2 is 40/44px". It is now scoped to `[class*=flowItem]`, so message-flow buttons stay 36px and composer controls 44px. Never fake a single line with "no-wrap + shrink": upstream group buttons carry a non-compressible `min-width: 44px`, so a narrow row cannot resolve by shrinking and simply **overlaps** (the original bug: at 390px the model trigger covered the context ring by 4.3px and the access-mode button covered it by 5.7px).
+- **Regression probe**: `python3 tests/mobile-layout-probe.py` drives a real headless Chromium (upstream CSS + real DOM nesting + the actual plugin bundle) across viewports, asserting two families of invariants: for the QA card — "option list scrolls / last option reachable after a real touch swipe / submit always visible / the fixed top-right menu button does not overlap the card"; for the composer row — "no two controls overlap / nothing spills past the card's right edge / every control is hit-testable / the access-mode icon *and* its text are always visible / the model name keeps at least 120px so it never degrades back into a sliver / a clipped model name uses a real ellipsis / icon, text and chevron are vertically centred". Exit code 1 on regression.
+- **⚠️ The most dangerous pitfall in this plugin: word-root selectors** (three separate silent breakages on 2026-09-11). Upstream's `_7KE1Ra_triggerLabel / triggerIcon / triggerEffort` all contain **"trigger"**, so a bare `[class*=trigger]` hits them too: with `display:flex` the `text-overflow:ellipsis` is ignored (flex containers ignore it) and the model name is **cut mid-character**; with `min-height:40px` the label is stretched to full row height and its text hugs the top, so the chevron *looks* like it dropped to another line. Always narrow to `button[class*=trigger]`, and keep ellipsis on `display:block`. Likewise `button[aria-label*=访问模式] span { display:none }` hides the **shield icon as well** (it is a span too), leaving a completely blank button — hide only `[class*=triggerLabel]` and keep the icon permanently visible. Two more rules it guards: never override the card body's `overflow` (that is exactly what broke scrolling before), and hide the floating menu button whenever the question card is open (it sits at `top:48px; right:12px`, right on top of the card title). Related: a `min-width` floor on the trailing group's content is harmful — `flex:1 1 0` + `min-width:0` + `justify-content:flex-end` spills children **leftward** over the tools group once the box is narrower than its content minimum (measured: 9px at 365px viewport with `min-width:96px`), so express "the model name should stay readable" some other way.
 
 ## Maintenance notes (important)
 

package/README.zh.md

@@ -28,8 +28,55 @@ bash install.sh --uninstall  # 卸载
 ```bash
 bash scripts/build.sh                       # 语法 + 契约预检（含 classic-script 校验）
 bash scripts/package.sh                     # 打包 dist/dsh-mobile-ui-install.tar.gz
+python3 tests/mobile-layout-probe.py        # 移动端布局回归探针（提问卡片 + 输入区操作行）
 ```
 
+**回归探针**（`tests/mobile-layout-probe.py`）：用真实上游 CSS + 真实 DOM 嵌套 +
+真实插件代码，在 headless Chromium 里按视口跑矩阵，回归时退出码 1。两组：
+
+**① 提问卡片**（视口 × 选项数）：断言「正文可滚 / 真实手指滑动后最后一个选项可见 /
+提交按钮始终可见 / 右上角菜单按钮不遮挡卡片」。它守的是两条硬纪律——
+
+1. **绝不要覆盖提问卡片正文（`Mbwy4a_body` / `data-question-scroll`）的 overflow**：
+   上游卡片是 `max-height:min(60vh,520px)+overflow:hidden`，正文才是它唯一的滚动容器，
+   把它改成 `visible` 会让放不下的选项被卡片直接裁掉、且再也滚不出来（2026-09-11 修复的真实故障）。
+2. **浮层打开时必须隐藏右上角菜单按钮**：它固定在 `top:48px; right:12px`，
+   正好压在提问卡片标题右侧（截图实证），所以菜单按钮的显隐要按
+   「抽屉 / 设置面板 / 提问卡片」三态判定，而不是只看抽屉。
+
+**② 输入区操作行**（视口 × 会话页/首页 × 长/短模型名）：断言「任意两个控件都不重叠 /
+不越出输入卡右边界 / 都点得到 / 权限图标与文字都常显 / 模型名够宽（≥120px）/
+被裁模型名走真省略号 / 图标文字箭头垂直居中对齐 / **同行控件等高同字号且中心离散
+≤1.5px**」。它守的是第三条硬纪律——
+
+3. **绝不能用"禁止换行 + 强行收缩"来硬塞单行**：上游组内按钮有
+   `min-width:44px` 不可压缩，`flex-wrap:nowrap` 下宽度不足时 flex 无法收缩化解，
+   只能**溢出重叠**（2026-09-11 修复的真实故障：390px 会话页
+   访问模式↔模型重叠 5.7px、模型↔上下文重叠 4.3px）。正确做法是恢复上游
+   `flex-wrap:wrap` 作兜底，并让 **trailing 组吃满余量、只留模型按钮一个可收缩项**。
+
+**⚠️ `[class*=trigger]` / `[class*=访问模式] span` 这两类词根选择器是本插件最危险的坑**
+（2026-09-11 一次性踩中三处，全部静默）：
+
+- 上游 `_7KE1Ra_triggerLabel / triggerIcon / triggerEffort` 类名里都含 **"trigger"**。
+  `[class*=trigger]{display:flex}` 会把 `text-overflow:ellipsis` 废掉（flex 容器忽略它）
+  → 模型名被**硬切出半个字符**；`[class*=trigger]{min-height:40px}` 还会把 label
+  撑成整行高、文字贴顶 → 视觉上 chevron 像"掉到下一行"。
+  ⇒ 一律限定 `button[class*=trigger]`；省略号必须配 `display:block`。
+- `button[aria-label*=访问模式] span{display:none}` 的 `span` 通配会连**盾牌图标**
+  （也是 span）一起隐藏 → 整个按钮**纯空白**。⇒ 只隐藏 `[class*=triggerLabel]`，
+  图标必须常显（它是该按钮唯一不变的识别物）。
+
+另外两条同源教训：**trailing 的 `min-width` 不能给小**（`flex:1 1 0` + `min-width:0`
++ `justify-content:flex-end` 时，盒宽小于内容最小宽会把子元素**向左溢出**压住工具组——
+实测 `min-width:96px` 时 365px 压 9px、410px 压 2px；而"模型名至少多宽"这种业务意图
+不该用 min-width 表达）；**按容器查询而非视口猜**（操作行自带 `container-type:inline-size`，
+`@container (min-width:324px)` 决定权限文字显隐，比按视口宽度判断稳）。
+
+探针已做**双向对照**验证：修复前的版本返回 1（抓到 4 个重叠/越界用例 +
+"权限图标被隐藏"/"推理等级后缀未隐藏"），完整修复版返回 0 —— 即它抓得住这两类缺陷，
+不是"永远绿灯"的假探针。
+
 本地快速迭代：复制到 `~/.dsh/profiles/node_modules/dsh-mobile-ui/` 后刷新页面
 （客户端插件有 HMR 通道，改 client.js 后页面自动更新）。
 
@@ -41,6 +88,52 @@ bash scripts/package.sh                     # 打包 dist/dsh-mobile-ui-install.
   注入右上角菜单按钮 + 遮罩；菜单把侧边栏临时变为 fixed 抽屉（overlay）。
 - **hero 标题置顶**：纯 CSS 实现——composerHero 栈在 hero 态撑满视口
   （flex:1），输入卡 margin-top:auto 沉底，标题/工作区行自然留在顶部。
+- **提问卡片**：JS 检测到卡片后把它的 composerSeat 变成铺满可视高度的浮层，
+  卡片自身的 max-height 放开、正文保持为唯一滚动容器（卡片内 `data-question-scroll`），
+  footer 钉在浮层底部。选择器优先用上游稳定属性（`data-question-key` /
+  `data-question-scroll` / `data-composer-seat`），hash 类名只作兜底。
+- **操作行 = 两行布局**（2026-09-11 按用户反馈两轮迭代定型）：
+  - 第一行：工具组（`+` / 附件 / 访问模式）······ 上下文环　发送
+  - 第二行：模型选择器（**独占整行**）
+
+  为什么必须两行：完整模型名（如 `commandcode/deepseek/deepseek-v4.1-flash`
+  = 40 字符 ≈ 225px）在单行里**物理上放不下**——390px 视口整行内容仅 332px、
+  工具组最少 120px，单行最多只能给模型名约 61px（10/40 字符，实测）。
+  模型独占整行后同一视口可达 236px，**340px 以上就完整显示**；
+  代价是行高 52 → 98~102px。
+
+  ⚠️ **第一版两行排布（工具组独占第一行、模型+上下文+发送在第二行）是错的**：
+  它在第一行右侧留出 **183px 空白**（412px 实测），用户一眼看出"上面空了一块"。
+  正确做法是把上下文环与发送提到第一行右侧填满，模型独占第二行
+  （空块 183px → 8px）。实现用 `display:contents` 打散 `trailing`，
+  让其子元素成为 row 的直接 flex 项，再用 `order` 指定视觉顺序、
+  `margin-left:auto` 把后两者推到最右 —— **纯 CSS，不移动 DOM**
+  （搬 React 节点会在重渲染时 removeChild 抛错）。
+  权限按钮恒显盾牌图标 + 文字（`@container (min-width:170px)` 判据，第一行独占后
+  320px 也放得下「完全权限」）；被裁的模型名一律走**真省略号**。
+
+- **操作行视觉统一**（2026-09-11 用户反馈"高度不一致、怪怪的"实测定案）：
+  上游六种控件高度本不相同（add 28 / PermissionSelect 28 / 模型 28 / ContextMeter 28
+  / primary 34，而我们此前的补丁又留下 36/40/44 混排），字号也散落三代
+  （模型 11px / 权限 13px / 上下文 10px）。现已全部统一为 **44px 高 + 12px 字号**
+  （顺带满足 iOS HIG 最小可点尺寸——实测原来 `+`/附件/权限 只有 36px 可点高度），
+  并取消发送键上游的 `translateY(-2px)`（那是单行时代的视觉补偿，多行下让它的
+  中心比同行低 2px），权限按钮补上与 `+`/附件 相同的圆形实底（上游它是无底色
+  紧凑触发器，夹在两个圆形实底按钮中间显得"缺一块"，是"怪"的主要来源）。
+  **判据**：恰为两行、同一行内所有按钮等高同字号、垂直中心离散 ≤1.5px、
+  **每行右侧空块 ≤60px**（后者正是"空了一块"的量化守卫）。
+
+  ⚠️ 另一个隐蔽坑：浏览器 UA 默认给 `<button>` 是 **`text-align:center`**。
+  模型名独占整行后，居中会让文字从 69px 处才开始（实测 412px），
+  与上一行的 `+` 按钮不对齐 —— 必须显式 `text-align:left`。
+  （旧排布里 label 宽度恰好等于文字宽度、没有富余空间居中，所以一直没暴露。）
+
+  ⚠️ 这条修复暴露了第四处**词根选择器泄漏**：消息流里**并不存在** `[class*=tools]`
+  （实测消息流只有 `xzv4MW_actions` / `TS9iAW_actions`），所以旧规则
+  `[class*=scrollBody] [class*=tools] button{min-height:36px}` 唯一命中的对象是
+  **输入框的 `uV2eYG_tools`**，把 `+`/附件/权限 压成 36px —— 这正是"第一行 36px、
+  第二行 40/44px"的根源。现已限定到 `[class*=flowItem]` 内，消息流按钮保持
+  36px、输入框控件 44px，两者互不干扰。
 
 ## 维护须知（重要）
 
@@ -54,6 +147,16 @@ bash scripts/package.sh                     # 打包 dist/dsh-mobile-ui-install.
   pXSMma_root 等）：React fiber 树仍记录旧父节点，重渲染时 removeChild 抛
   NotFoundError，整个会话视图被卸载 → 页面空白。布局需求一律用 CSS
   （flex/order/:has）表达；hero 标题置顶即纯 CSS 实现。
+- **严禁覆盖提问卡片正文的 overflow**（2026-09-11 故障根因，已由探针看住）：
+  上游 `.card{max-height:min(60vh,520px);overflow:hidden}` 且 `.body{overflow-y:auto}`
+  ——正文是卡片内唯一滚动容器。改成 `overflow:visible` 会造成
+  「选项看不全 + 手指滑动毫无反应」：卡片把放不下的选项裁掉，正文又不再滚动，
+  浮层里也没有可滚内容（实测 6 选项时 body 内容 1047px / 可见 319px，滑动后几何零变化）。
+  正确做法是**给正文更多高度**（浮层撑满视口 + 卡片 max-height:100%），而不是动它的 overflow。
+- **右上角菜单按钮的显隐必须是三态判定**（抽屉 / 设置面板 / 提问卡片）：
+  该按钮固定在 `top:calc(48px + safe-area); right:12px`，提问卡片打开时正好压在
+  卡片标题右侧（2026-09-11 由真实页面截图发现）。旧写法只看 `drawerOpen`，
+  既会在提问卡片上造成遮挡，也会把设置面板打开时隐藏的菜单在下次 sync 又显示回来。
 
 ## 回滚
 

package/client.js

@@ -50,9 +50,15 @@ window.__ModuleLoader__.load({
 			"  body.dsh-mobile-ui [class*=composerSeat],body.dsh-mobile-ui [class*=composerStack]{padding-bottom:calc(10px + env(safe-area-inset-bottom,0px)) !important}",
 			/* 头部紧凑（允许换行，标题不再截断） */
 			"  body.dsh-mobile-ui [class*=header]{flex-wrap:wrap;row-gap:4px}",
-			/* 触摸目标：composer 区按钮/触发器 ≥44px（iOS HIG） */
+			/* 触摸目标：composer 区按钮统一 44px（iOS HIG 最小可点尺寸）。
+			   上游本身高度不一（add 28 / PermissionSelect 28 / 模型 28 / ContextMeter 28
+			   / primary 34），下面「操作行统一高度」块会全部拉到 44px，
+			   这里只负责给一个所有按钮都能继承的基线。
+			   ⚠️ 必须限定 button：上游 _7KE1Ra_triggerLabel / triggerIcon / triggerEffort
+			   类名里也含 "trigger"，裸 [class*=trigger] 会把 min-height 套到这些
+			   span 上 → label 被撑成整行高、文字贴顶 → 视觉上 chevron 像"掉到下一行"
+			   （2026-09-11 用户截图实证；与下面 访问模式/选择模型 的选择器收窄同源）。 */
 			"  body.dsh-mobile-ui [class*=composerSeat] button,body.dsh-mobile-ui [class*=composerStack] button{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}",
-			"  body.dsh-mobile-ui [class*=composerSeat] [class*=trigger],body.dsh-mobile-ui [class*=composerStack] [class*=trigger]{min-height:40px}",
 			/* 统计行（LLM 用时/首token）允许换行防截断（分段 nowrap 片段的父容器） */
 			"  body.dsh-mobile-ui [class*=composerStack] > *,body.dsh-mobile-ui [class*=composerSeat] > *{white-space:normal !important;overflow-wrap:anywhere !important}",
 			/* 抽屉会话列表项触摸目标 44px */
@@ -71,13 +77,26 @@ window.__ModuleLoader__.load({
 			"  body.dsh-mobile-ui [class*=composerHero] > [class*=heroWorkspaceRow]{flex:0 0 auto !important;height:auto !important}",
 			/* 工作区行内按钮豁免 44px 触摸高（保持 28px 原高） */
 			"  body.dsh-mobile-ui [class*=heroWorkspaceRow] button{min-height:28px !important;min-width:0 !important;height:auto !important}",
-		/* QA 问答卡片（Mbwy4a）移动端适配：全屏弹层（与设置面板同构）——
-		   seat 固定铺满视口 + 内部滚动，footer（跳过/提交）sticky 钉屏幕底部。
-		   任何设备/视口/系统字体下提交按钮都必然可见；QA 关闭后自动恢复 */
-		"  body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa{position:fixed !important;top:100px !important;left:8px !important;right:8px !important;bottom:auto !important;margin:0 !important;z-index:2147482999 !important;padding:12px !important;max-height:calc(100vh - 150px) !important;max-height:calc(100dvh - 150px) !important;overflow-y:auto !important;background:transparent !important}",
-			"  body.dsh-mobile-ui [class*=Mbwy4a_card]{width:100% !important;max-width:none !important}",
-			"  body.dsh-mobile-ui [class*=Mbwy4a_body]{overflow:visible !important}",
-			"  body.dsh-mobile-ui [class*=Mbwy4a_footer]{position:sticky !important;bottom:0 !important;background:var(--dsw-alias-bg-layer-1,rgb(44,44,46)) !important}",
+		/* ── QA 问答卡片（ask_user_question）移动端适配 ─────────────────────
+		   ⚠️ 2026-09-11 复现定案的坑（现象：选项看不全、手指滑动也翻不出来）：
+		   上游卡片自带 max-height:min(60vh,520px) + overflow:hidden，真正的滚动容器
+		   是它内部的 body（上游 overflow-y:auto）。旧规则把 body 的 overflow 覆盖成
+		   visible → ①超出卡片的选项被卡片直接裁掉；②body 不再是滚动容器；
+		   ③覆盖层因卡片被 60vh 卡死而没有可滚内容 → 滑动毫无反应、选项永久不可见。
+		   （实测 6 选项：body scrollHeight 1047 / clientHeight 319，滑动后几何零变化）
+		   修法三原则：①绝不覆盖 body 的 overflow（保留上游唯一滚动容器）；
+		     ②覆盖层撑满可视高度、卡片 max-height:100%（不再被 60vh 卡死）；
+		     ③覆盖层自身 overflow:hidden，杜绝双层滚动互抢手势。
+		   选择器优先用上游稳定属性 data-question-key（frame）/ data-question-scroll（body）
+		   / data-composer-seat（seat），hash 类名只作兜底，降低 dsh 升级后的漂移风险。 */
+		"  body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa,body.dsh-mobile-ui [data-composer-seat].dsh-mobile-qa{position:fixed !important;top:calc(12px + env(safe-area-inset-top,0px)) !important;left:8px !important;right:8px !important;bottom:calc(12px + env(safe-area-inset-bottom,0px)) !important;margin:0 !important;z-index:2147482999 !important;padding:0 !important;max-height:none !important;overflow:hidden !important;background:transparent !important;display:flex !important;flex-direction:column !important}",
+		"  body.dsh-mobile-ui [data-question-key] > section,body.dsh-mobile-ui [class*=Mbwy4a_card]{width:100% !important;max-width:none !important;border:1px solid var(--dsw-alias-border-l2,rgba(255,255,255,.14)) !important;box-shadow:0 10px 34px rgba(0,0,0,.45) !important}",
+		"  body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa [data-question-key],body.dsh-mobile-ui [data-composer-seat].dsh-mobile-qa [data-question-key],body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa [class*=Mbwy4a_frame]{flex:1 1 auto !important;min-height:0 !important;padding:0 !important;align-items:flex-start !important}",
+		"  body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa [data-question-key] > section,body.dsh-mobile-ui [data-composer-seat].dsh-mobile-qa [data-question-key] > section,body.dsh-mobile-ui [class*=composerSeat].dsh-mobile-qa [class*=Mbwy4a_card]{max-height:100% !important;min-height:0 !important}",
+		/* 正文：唯一滚动容器（覆盖层态与普通流态都生效——JS 标记失败也不会再被裁掉）；
+		   overscroll-behavior 防滑动穿透到会话消息流 */
+		"  body.dsh-mobile-ui [data-question-scroll],body.dsh-mobile-ui [class*=Mbwy4a_body]{flex:1 1 auto !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;overscroll-behavior:contain !important;touch-action:pan-y !important}",
+		"  body.dsh-mobile-ui [class*=Mbwy4a_footer]{position:sticky !important;bottom:0 !important;background:var(--dsw-alias-bg-layer-1,rgb(44,44,46)) !important}",
 			/* QA footer 防溢出：内容超宽时换行（跳过/提交换行后仍可见，提交永不被裁） */
 			"  body.dsh-mobile-ui [class*=Mbwy4a_footer]{flex-wrap:wrap !important;row-gap:4px !important}",
 			"  body.dsh-mobile-ui [class*=Mbwy4a_footer] [class*=footerActions]{flex-wrap:wrap !important;min-width:0 !important}",
@@ -86,18 +105,93 @@ window.__ModuleLoader__.load({
 			"  body.dsh-mobile-ui [class*=Mbwy4a_footer] [class*=progress]{flex:0 1 auto !important;min-width:0 !important}",
 			"  body.dsh-mobile-ui [class*=Mbwy4a_pager]{flex:0 1 auto !important;min-width:0 !important}",
 			"  body.dsh-mobile-ui [class*=Mbwy4a_footer] button[class*=_primary]{flex:0 0 auto !important}",
-			/* 操作行单行紧凑：hero 4 元素 / 会话页 5 元素（含上下文按钮）一行放下。
+			/* 操作行紧凑：hero 4 元素 / 会话页 5 元素（含上下文按钮）一行放下。
 			   权限按钮移动端图标模式（44px 隐藏文字防撑宽），上下文紧凑 36px，
-			   模型选择器 127px 居中显示（轻微截断可接受） */
-			"  body.dsh-mobile-ui [class*=uV2eYG_row]{flex-wrap:nowrap !important;gap:4px !important}",
-			"  body.dsh-mobile-ui [class*=uV2eYG_row] > *{flex:0 1 auto !important}",
-			"  body.dsh-mobile-ui [class*=uV2eYG_tools],body.dsh-mobile-ui [class*=uV2eYG_modes]{padding:0 !important;gap:4px !important}",
-			"  body.dsh-mobile-ui [class*=uV2eYG_row] [class*=trigger]{display:flex !important;align-items:center !important;line-height:1.2 !important}",
-			"  body.dsh-mobile-ui button[aria-label*=选择模型]{display:flex !important;align-items:center !important;justify-content:center !important;flex:0 0 auto !important;max-width:136px !important;font-size:11px !important;padding:0 6px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}",
-			"  body.dsh-mobile-ui button[aria-label*=访问模式]{width:44px !important;flex:0 0 44px !important;padding:0 !important;justify-content:center !important}",
-			"  body.dsh-mobile-ui button[aria-label*=访问模式] span,body.dsh-mobile-ui button[aria-label*=访问模式] [class*=label]{display:none !important}",
-			"  body.dsh-mobile-ui button[aria-label*=上下文]{width:36px !important;max-width:36px !important;min-width:36px !important;flex:0 0 36px !important;padding:0 !important;font-size:10px !important;justify-content:center !important;overflow:hidden !important}",
+			   模型选择器最长 136px、可伸缩、超出省略号截断。
+			   ⚠️ 2026-09-11 修复「模型/上下文/控制按钮三者在会话页重叠」：
+			   ① 旧规则 [class*=uV2eYG_row] [class*=trigger] 会误命中上游的
+			      _7KE1Ra_triggerLabel / triggerIcon / triggerEffort（类名都含 "trigger"），
+			      用 display:flex !important 顶掉上游 @container(width<=360px) 的折叠，
+			      把模型按钮撑到 136px 且无法收缩 —— 选择器收窄为 button[class*=trigger]；
+			   ② 旧 row 强制 nowrap 且把 tools/trailing 都设成 flex:0 1 auto，
+			      但组内按钮有 44px min-width 不可压缩，宽度不足时不是换行而是**溢出**，
+			      于是模型按钮压住上下文环、访问模式按钮压住模型按钮（实测重叠 5.7px/4.3px）。
+			      改法：恢复上游 flex-wrap:wrap 作兜底（宁可换行绝不重叠），
+			      trailing 吃满余量并右对齐，全行只留模型按钮一个可收缩项。 */
+			"  body.dsh-mobile-ui [class*=uV2eYG_row]{flex-wrap:wrap !important;gap:8px !important;row-gap:6px !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_row] > *{flex:0 1 auto !important;min-width:0 !important}",
+			/* ── 移动端操作行排布（2026-09-11 v3，按用户反馈"上面空了一块"重排）────
+			   两行，但**不是**「工具组独占第一行 + 其余全在第二行」：
+			     第一行：工具组(+ / 附件 / 访问模式) ······ 上下文环  发送
+			     第二行：模型选择器（独占整行）
+			   为什么这样：旧排布（工具组独占第一行、模型+上下文+发送在第二行）
+			   实测在 412px 下第一行右侧留出 **183px 空白**——用户一眼看出"上面空了一块"。
+			   把上下文环与发送键提到第一行右侧正好填满（空块降到 8px），
+			   同时模型独占整行后名字可完整显示（412px 实测 40/40 字符，旧排布 37/40）。
+			   实现：display:contents 打散 trailing，让它三个子元素成为 row 的直接
+			   flex 项，再用 order 指定视觉顺序、margin-left:auto 把后两者推到最右。
+			   （纯 CSS，不移动 DOM —— 搬 React 节点会在重渲染时 removeChild 抛错。） */
+			"  body.dsh-mobile-ui [class*=uV2eYG_trailing]{display:contents !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_tools]{order:1 !important;flex:0 0 auto !important;padding:0 !important;gap:8px !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_modes]{padding:0 !important;gap:8px !important}",
+			"  body.dsh-mobile-ui [class*=JObwrW_root]{order:2 !important;flex:0 0 auto !important;margin-left:auto !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_primary]{order:3 !important;flex:0 0 auto !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_row] button[class*=trigger]{display:flex !important;align-items:center !important;line-height:1.2 !important}",
+			/* 模型选择器：独占整行（flex:1 1 100%），故**不设宽度上限**；
+			   min-width:0 保留（给内容设 min-width 地板会导致窄行时向左溢出压住工具组） */
+			"  body.dsh-mobile-ui [class*=_7KE1Ra_root]{order:4 !important;flex:1 1 100% !important;min-width:0 !important;max-width:none !important;overflow:hidden !important}",
+			/* 模型按钮：内边距 6→4px。
+			   ⚠️ text-align:left 必须显式写：浏览器的 UA 默认给 <button> 是 text-align:center，
+			   模型名独占整行后，居中会让文字从 69px 处开始（实测 412px），
+			   左对齐才与上一行的 + 按钮对齐（旧排布里 label 宽度恰好等于文字宽度，
+			   没有富余空间居中，所以这个坑一直没暴露）。 */
+			"  body.dsh-mobile-ui button[aria-label*=选择模型]{display:flex !important;align-items:center !important;justify-content:flex-start !important;text-align:left !important;flex:1 1 auto !important;min-width:0 !important;max-width:100% !important;width:100% !important;font-size:11px !important;padding:0 4px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}",
+			/* 模型名：display:block + overflow:hidden + text-overflow:ellipsis 才有**真省略号**
+			   （flex 容器忽略 text-overflow，会硬切出半个字符——用户截图里的"半截字母"）。
+			   flex:1 1 auto 让名字吃满、把 chevron 顶到最右（像正常下拉框）。
+			   垂直居中由父按钮的 align-items:center 负责。 */
+			"  body.dsh-mobile-ui button[aria-label*=选择模型] [class*=_7KE1Ra_triggerLabel]{display:block !important;flex:1 1 auto !important;line-height:1.2 !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}",
+			/* 推理等级（Max）移动端不显示：上游给它 flex-shrink:1000（先消失），
+			   上轮误改成 flex:0 1 auto 后它与模型名一起被压缩，只剩 8px 宽的
+			   半截字符（用户截图实证）。这里直接隐藏，信息仍可在模型菜单里看到。 */
+			"  body.dsh-mobile-ui button[aria-label*=选择模型] [class*=_7KE1Ra_triggerEffort]{display:none !important}",
+			/* 模型图标移动端不显示：两行布局后模型名有整行宽度，文字信息量远大于图标
+			   （上游在 @container(width<=360px) 时才折叠成图标，我们不再需要那条降级） */
+			"  body.dsh-mobile-ui button[aria-label*=选择模型] [class*=_7KE1Ra_triggerIcon]{display:none !important}",
+			/* 权限（访问模式）按钮：恢复图标 + 文字。
+			   ⚠️ 旧规则 button[aria-label*=访问模式] span{display:none} 用 span 通配，
+			   连上游的 triggerIcon（盾牌图标也是 span）一起隐藏 → 整个按钮纯空白
+			   （2026-09-11 用户截图实证；此前被控件重叠掩盖）。现在：
+			   图标常显（这是按钮唯一不变的识别物）；文字只在整行有余量时显示
+			   （容器查询按行实际宽度判定，比按视口猜可靠），窄屏自动退回图标模式。
+			   宽度自适应 + 可收缩，避免任何情况下把行撑溢出。 */
+			"  body.dsh-mobile-ui button[aria-label*=访问模式]{width:auto !important;min-width:44px !important;max-width:120px !important;flex:0 1 auto !important;padding:0 4px !important;gap:3px !important;justify-content:center !important}",
+			"  body.dsh-mobile-ui button[aria-label*=访问模式] [class*=triggerIcon]{display:inline-flex !important;flex:0 0 auto !important}",
+			"  body.dsh-mobile-ui button[aria-label*=访问模式] [class*=triggerLabel]{display:none !important;line-height:1.2 !important;min-width:0 !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}",
+			/* chevron 在移动端省略（该按钮语义已由盾牌图标 + 文字表达，省 18px 留给模型名） */
+			"  body.dsh-mobile-ui button[aria-label*=访问模式] [class*=chevron]{display:none !important}",
+			"  body.dsh-mobile-ui button[aria-label*=上下文]{width:44px !important;max-width:44px !important;min-width:44px !important;flex:0 0 44px !important;padding:0 !important;font-size:11px !important;justify-content:center !important;overflow:hidden !important}",
 			"  body.dsh-mobile-ui button[aria-label*=上下文] span,body.dsh-mobile-ui button[aria-label*=上下文] [class*=label]{max-width:30px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}",
+			/* ── 操作行「视觉统一」四件事（2026-09-11 用户反馈"高度不一致、怪怪的"）──
+			   实测病灶（412px 会话页）：
+			     第一行 36px（+ / 附件 / 权限），第二行 40px（模型 / 上下文）+ 44px（发送）
+			     → 同一行内 36 vs 40 vs 44 三种高度；发送键还带上游 translateY(-2px)
+			     （单行时代的视觉补偿），多行布局下让它的中心比同行低 2px。
+			   修法：全部拉到 44px（顺带满足 iOS HIG 最小可点尺寸，实测原来
+			     `+`/附件/权限 只有 36px 可点高度、模型/上下文 40px，都偏小），
+			   取消发送键的 translateY，字号统一 12px（原模型 11 / 权限 13 / 上下文 10）。*/
+			"  body.dsh-mobile-ui [class*=uV2eYG_row] button{min-height:44px !important;height:44px !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_add]{width:44px !important;min-width:44px !important;max-width:44px !important}",
+			"  body.dsh-mobile-ui [class*=_7KE1Ra_root]{height:44px !important}",
+			"  body.dsh-mobile-ui [class*=JObwrW_root],body.dsh-mobile-ui [class*=JObwrW_trigger]{height:44px !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_primary]{transform:none !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_row] button{font-size:12px !important}",
+			"  body.dsh-mobile-ui [class*=uV2eYG_row] [class*=triggerLabel]{font-size:12px !important;line-height:1.2 !important}",
+			"  body.dsh-mobile-ui button[aria-label*=访问模式] [class*=triggerIcon] svg{width:16px !important;height:16px !important}",
+			/* 权限按钮与 + / 附件 同一视觉语言（上游它是无底色的紧凑触发器，
+			   夹在两个圆形实底按钮中间显得"缺一块"，是"怪"的主要来源） */
+			"  body.dsh-mobile-ui button[aria-label*=访问模式]{background:var(--dsw-specific-selector) !important;border-radius:999px !important}",
+			"  body.dsh-mobile-ui button[aria-label*=访问模式]:active{background:var(--dsw-alias-interactive-bg-hover-solid,var(--dsw-alias-interactive-bg-hover)) !important}",
 			/* 输入框圆角与内边距（视觉更圆润、输入更舒适；卡左右加宽） */
 			"  body.dsh-mobile-ui [class*=input]{border-radius:18px !important}",
 			"  body.dsh-mobile-ui [class*=uV2eYG_root]{padding-left:8px !important;padding-right:8px !important}",
@@ -121,16 +215,31 @@ window.__ModuleLoader__.load({
 			"  body.dsh-mobile-ui [class*=header] [class*=title],body.dsh-mobile-ui [class*=crumbs]{white-space:normal;overflow-wrap:anywhere}",
 			/* 输入框聚焦反馈 */
 			"  body.dsh-mobile-ui textarea:focus,body.dsh-mobile-ui [class*=input]:focus-within{outline:none;box-shadow:0 0 0 2px var(--dsw-alias-brand-primary,rgba(79,124,255,.45))}",
-			/* 消息流操作按钮（复制/反馈/分享）触摸目标提升 */
-			"  body.dsh-mobile-ui [class*=scrollBody] [class*=actions] button,body.dsh-mobile-ui [class*=scrollBody] [class*=tools] button{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}",
+			/* 消息流操作按钮（复制/反馈/分享）触摸目标提升。
+			   ⚠️ 必须限定在 [class*=flowItem] 内：消息流里**并不存在** [class*=tools]
+			   （实测消息流只有 xzv4MW_actions / TS9iAW_actions），所以裸
+			   `[class*=scrollBody] [class*=tools] button` 唯一命中的对象是**输入框里的
+			   uV2eYG_tools**，把 + / 附件 / 权限 三个按钮压成 36px ——
+			   这正是"第一行 36px、第二行 40/44px 高度不一致"的根源
+			   （2026-09-11 用户反馈"选项卡和输入按钮高度不一致"实测定案）。 */
+			"  body.dsh-mobile-ui [class*=scrollBody] [class*=flowItem] [class*=actions] button,body.dsh-mobile-ui [class*=scrollBody] [class*=flowItem] [class*=tools] button{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}",
+			/* ── 按「行实际宽度」决定权限按钮是否显示文字（容器查询，不用视口猜）──
+			   操作行上游自带 container-type:inline-size，故这里以行宽为判据。
+			   v3 排布下第一行是「工具组 ····· 上下文 发送」，要保住**两行**，
+			   权限文字的宽度预算必须让出来：实测 320px 视口（行宽 278px）带文字
+			   会挤成三行，故阈值取 290px —— 行宽不足时权限按钮退回纯图标，
+			   上下文+发送就能与工具组同行（该视口模型名反而能完整显示）。 */
+			"  @container (min-width:290px){",
+			"    body.dsh-mobile-ui button[aria-label*=访问模式] [class*=triggerLabel]{display:block !important}",
+			"  }",
 			"}",
 
-			/* 320px 小屏: 操作行进一步压缩防重叠 */
+			/* ≤360px 小屏：仅压缩间距。
+			   ⚠️ 这里**不再**把模型按钮降级成图标——两行布局后模型独占第二行，
+			   320px 视口也有约 244px 可用（可显示 38/40 字符），降级反而丢信息。
+			   权限文字也无需降级：容器查询阈值已降到 170px，窄屏同样显示。 */
 			"@media (max-width:360px){",
-			"  body.dsh-mobile-ui button[aria-label*=选择模型]{max-width:110px !important}",
 			"  body.dsh-mobile-ui [class*=uV2eYG_row]{gap:2px !important}",
-			"  body.dsh-mobile-ui [class*=uV2eYG_tools],body.dsh-mobile-ui [class*=uV2eYG_modes]{gap:2px !important}",
-			"  body.dsh-mobile-ui button[aria-label*=上下文]{margin-left:8px !important}",
 			"}",
 			/* 抽屉视觉：右侧圆角 + 更实背景 */
 			"body.dsh-mobile-ui [class*=sidebarCol].dsh-mobile-drawer{border-radius:0 18px 18px 0;padding-bottom:64px !important;box-sizing:border-box !important}",
@@ -145,10 +254,17 @@ window.__ModuleLoader__.load({
 			/* trailing 基础 gap 2px：hero（无上下文）模型右扩吃 gap，左缘保持不变 */
 			"body.dsh-mobile-ui [class*=uV2eYG_trailing]{gap:2px !important}",
 			/* 会话页（有上下文按钮）：上下文 margin-left 右移 12px（只扩模型↔上下文间距） */
-			"body.dsh-mobile-ui [class*=uV2eYG_trailing]:has(button[aria-label*=上下文]) button[aria-label*=上下文]{margin-left:12px !important}",
-			"body.dsh-mobile-ui [class*=VOzbGW_nav]{width:110px !important;flex:0 0 110px !important;min-width:110px !important;overflow:visible !important}",
+			"body.dsh-mobile-ui [class*=uV2eYG_trailing]:has(button[aria-label*=上下文]) button[aria-label*=上下文]{margin-left:4px !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_nav]{width:68px !important;flex:0 0 68px !important;min-width:68px !important;overflow:visible !important}",
 			"body.dsh-mobile-ui [class*=VOzbGW_nav] [class*=navList]{flex:1 1 auto !important;height:auto !important;max-height:none !important;overflow-y:auto !important}",
-			"body.dsh-mobile-ui [class*=VOzbGW_content]{flex:1 1 auto !important;min-width:0 !important;max-width:calc(100% - 110px) !important;padding:0 12px !important;overflow:hidden !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_nav] button,body.dsh-mobile-ui [class*=VOzbGW_nav] [role=button]{white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}",
+			/* 选项卡改竖排（icon 上/文字下居中）：dsh 默认横排 icon+88px 标签总宽 112px，
+			   88px 窄栏放不下会裁掉文字；竖排后 88px 宽容纳 4 字标签 */
+			"body.dsh-mobile-ui [class*=VOzbGW_nav] [class*=navCell]{flex-direction:column !important;justify-content:center !important;align-items:center !important;gap:4px !important;padding:4px 0 !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_nav] [class*=navCell] svg{width:20px !important;height:20px !important;flex:0 0 auto !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_nav] [class*=navLabel]{flex:0 0 auto !important;width:auto !important;max-width:100% !important;min-width:0 !important;text-align:center !important;font-size:12px !important;line-height:1.2 !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_nav] [class*=navTitle]{width:100% !important;box-sizing:border-box !important;padding:0 8px !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important}",
+			"body.dsh-mobile-ui [class*=VOzbGW_content]{flex:1 1 auto !important;min-width:0 !important;max-width:calc(100% - 68px) !important;padding:0 12px !important;overflow:hidden !important}",
 			/* 头部防重叠加固：关闭按钮固定右侧 + 打开配置文件允许收缩 */
 			"body.dsh-mobile-ui [class*=VOzbGW_header]{display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:8px !important;padding:0 12px !important}",
 			"body.dsh-mobile-ui [class*=VOzbGW_close]{flex:0 0 28px !important;margin-left:0 !important}",
@@ -161,6 +277,14 @@ window.__ModuleLoader__.load({
 			"body.dsh-mobile-ui [class*=VOzbGW_content] [class*=title],body.dsh-mobile-ui [class*=VOzbGW_content] [class*=rowText]{width:100% !important;max-width:100% !important;white-space:normal !important;overflow-wrap:anywhere !important}",
 			"body.dsh-mobile-ui [class*=VOzbGW_content] [class*=title]{display:block !important;flex:1 1 auto !important;align-self:stretch !important}",
 			"body.dsh-mobile-ui [class*=VOzbGW_content] [class*=rowText]{flex:1 1 auto !important;min-width:0 !important}",
+			/* 会话行操作菜单（dsh portal 弹层，原 z-index:1100）提升层级：
+			   抽屉(2147482995)/遮罩(2147482990)层级过高会把菜单盖住（归档等操作不可见）。
+			   仅移动端提升，菜单 fixed 定位不受抽屉 overflow 裁剪；QA 卡片(2147482999)仍居最上 */
+			"body.dsh-mobile-ui [class*=_portal_]{z-index:2147482996 !important}",
+			/* dsh 模态弹层容器提升：目录选择(添加工作区)/Modal 的 portal root 是 fixed z-index:1000，
+			   会被抽屉(2147482995)/遮罩(2147482990)盖住 → 弹框不可见。
+			   [role=dialog] 定位容器统一提升到 2996 与菜单同级(< QA 2999) */
+			"body.dsh-mobile-ui div:has(> [role=dialog]){z-index:2147482996 !important}",
 		].join("\n");
 
 		function injectStyle() {
@@ -189,6 +313,7 @@ window.__ModuleLoader__.load({
 				var scrim = null;
 				var drawerOpen = false;
 				var settingsOpen = false;   /* 设置弹层打开标志（弹层关闭时恢复导航栏） */
+				var qaOpen = false;         /* 提问卡片打开标志（卡片浮层打开时隐藏右上角菜单，防遮挡标题） */
 				var savedGrid = null;   /* 窄屏前的 frame 原始 grid（宽屏恢复用） */
 
 				/* 主布局 frame：display:grid 的顶层容器（CSS 生效前 3 列 / 生效后 1 列均可） */
@@ -300,17 +425,23 @@ window.__ModuleLoader__.load({
 								}
 							}
 							document.body.classList.add("dsh-mobile-ui");
-							/* QA 弹层标记：JS 检测 Mbwy4a 卡片（不依赖 :has，兼容微信 X5 等旧内核）。
-							   加 class 到 composerSeat，CSS 据此全屏化；卡片消失即移除 */
+							/* QA 弹层标记：JS 检测提问卡片（不依赖 :has，兼容微信 X5 等旧内核）。
+							   加 class 到 composerSeat，CSS 据此覆盖层化；卡片消失即移除。
+							   定位优先用上游稳定属性 data-question-key / data-composer-seat
+							   （hash 类名在 dsh 升级后会漂移，只作兜底） */
 							try {
-								var qaFrame = document.querySelector("[class*=Mbwy4a_frame]");
+								var qaFrame = document.querySelector("[data-question-key],[class*=Mbwy4a_frame]");
 								var qaSeat = null;
 								if (qaFrame) {
-									var qn = qaFrame.parentElement;
-									while (qn) { if ((typeof qn.className === "string" ? qn.className : "").indexOf("composerSeat") >= 0) { qaSeat = qn; break; } qn = qn.parentElement; }
+									if (typeof qaFrame.closest === "function") qaSeat = qaFrame.closest("[data-composer-seat],[class*=composerSeat]");
+									if (!qaSeat) {
+										var qn = qaFrame.parentElement;
+										while (qn) { if ((typeof qn.className === "string" ? qn.className : "").indexOf("composerSeat") >= 0) { qaSeat = qn; break; } qn = qn.parentElement; }
+									}
 								}
+								qaOpen = !!qaSeat;
 								if (qaSeat) qaSeat.classList.add("dsh-mobile-qa");
-								else { var qOld = document.querySelector("[class*=composerSeat].dsh-mobile-qa"); if (qOld) qOld.classList.remove("dsh-mobile-qa"); }
+								else { var qOld = document.querySelector(".dsh-mobile-qa"); if (qOld) qOld.classList.remove("dsh-mobile-qa"); }
 							} catch (e) { /* QA 标记失败静默 */ }
 							/* hero 标题置顶改由纯 CSS 实现（composerHero 撑满视口 + 输入卡沉底），
 							   不再用 insertBefore 搬动 React 节点——移动节点会导致 React 重渲染
@@ -324,9 +455,13 @@ window.__ModuleLoader__.load({
 							/* 抽屉态下 sidebar 保持可见，否则隐藏 */
 							side.style.display = drawerOpen ? "" : "none";
 							ensureChrome();
-							if (tabbar) tabbar.style.display = drawerOpen ? "none" : "";
+							/* 菜单按钮三态判定：抽屉 / 设置面板 / 提问卡片浮层打开时都隐藏。
+							   （旧写法只看 drawerOpen，会把设置面板打开时隐藏的菜单在下次 sync 又显示回来；
+							   提问卡片时则会浮在卡片右上角遮住问题标题） */
+							if (tabbar) tabbar.style.display = (drawerOpen || settingsOpen || qaOpen) ? "none" : "";
 						} else {
 							document.body.classList.remove("dsh-mobile-ui");
+							qaOpen = false;
 							var frame2 = findFrame();
 							if (frame2) {
 								if (savedGrid) frame2.style.gridTemplateColumns = savedGrid;

package/install.sh

@@ -46,6 +46,10 @@ done
 [ -n "$PLUGIN" ] || { echo "错误: 缺少 --plugin <name>"; exit 1; }
 HERE="$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)"
 [ -n "$SRC" ] || SRC="$HERE"
+# tarball 分发布局：install.sh 在根、插件源码在同名子目录（如 <name>-install/<name>/）
+if [ ! -f "$SRC/package.json" ] && [ -f "$SRC/$PLUGIN/package.json" ]; then
+  SRC="$SRC/$PLUGIN"
+fi
 # 契约预检脚本位置：优先所在仓库（packages/<name>/install.sh → ../../scripts），
 # 其次环境变量 DSH_PLUGINS_REPO，最后 $HOME/dsh-plugins
 for CAND in "$HERE/../../scripts" "${DSH_PLUGINS_REPO:-$HOME/dsh-plugins}/scripts"; do
@@ -221,14 +225,48 @@ fi
 
 if [ "$MODE" = "restart" ]; then
   echo "== 4/4 重启 dsh =="
-  pkill -TERM -f 'node_modules/.bin/dsh web' 2>/dev/null
-  pkill -TERM -f 'npm exec @deepseek-ai/dsh web' 2>/dev/null
-  sleep 3
-  if [ -n "$ROOT" ] && [ -x "$ROOT/node_modules/.bin/dsh" ]; then
-    cd "$ROOT" || exit 1
-    setsid nohup ./node_modules/.bin/dsh web >> /tmp/dsh-web.log 2>&1 < /dev/null &
-    echo "  新进程 PID=$!"
-    sleep 8
+  # 统一重启逻辑：systemd 托管优先，回退 pkill（MR-026）
+  if [ -f "$HERE/_dsh-common/dsh-restart.sh" ]; then
+    # tarball 内自带共享重启脚本（package.sh 打入 _dsh-common/）
+    . "$HERE/_dsh-common/dsh-restart.sh"
+    restart_dsh "$ROOT"
+  elif [ -n "$COMMON" ] && [ -f "$COMMON/dsh-restart.sh" ]; then
+    # 开发环境：dsh-plugins 仓库 scripts/
+    . "$COMMON/dsh-restart.sh"
+    restart_dsh "$ROOT"
+  else
+    # 极端场景（无共享脚本）：内联完整重启逻辑（systemd → pkill 回退）
+    SVC=""
+    if command -v systemctl >/dev/null 2>&1; then
+      for SVC in dsh.service dsh-web.service; do
+        systemctl --user is-active --quiet "$SVC" 2>/dev/null && break
+      done
+    fi
+    if [ -n "$SVC" ]; then
+      echo "  [systemd] $SVC 托管中 → systemctl --user restart $SVC"
+      systemctl --user restart "$SVC"
+      sleep 6
+      curl -s --noproxy '*' -o /dev/null -w "  127.0.0.1:3080 页面 -> %{http_code}\n" http://127.0.0.1:3080/ || echo "  [警告] 页面未就绪"
+    else
+      echo "  [回退] 无 systemd 托管，pkill + 手动拉起"
+      pkill -TERM -f "dsh web" 2>/dev/null
+      pkill -TERM -f 'node_modules/.bin/dsh web' 2>/dev/null
+      pkill -TERM -f 'npm exec @deepseek-ai/dsh web' 2>/dev/null
+      pkill -TERM -f 'sh -c dsh web' 2>/dev/null
+      pkill -TERM -f 'dsh/lib/bin.js web' 2>/dev/null
+      sleep 3
+      if [ -n "$ROOT" ] && [ -x "$ROOT/node_modules/.bin/dsh" ]; then
+        cd "$ROOT" || exit 1
+        setsid nohup ./node_modules/.bin/dsh web >> /tmp/dsh-web.log 2>&1 < /dev/null &
+        echo "  新进程 PID=$!"
+        sleep 8
+        curl -s --noproxy '*' -o /dev/null -w "  127.0.0.1:3080 页面 -> %{http_code}\n" http://127.0.0.1:3080/ || echo "  [警告] 页面未就绪"
+      else
+        echo "  [警告] 无法定位 dsh 可执行文件，请手动重启 dsh web"
+      fi
+    fi
+  fi
+  if [ -x "$ROOT/node_modules/.bin/dsh" ]; then
     curl -s -o /dev/null -w "  127.0.0.1:3080 页面 -> %{http_code}\n" http://127.0.0.1:3080/ || echo "  [警告] 页面未就绪，请稍后手动刷新"
     curl -s -o /dev/null -w "  $PLUGIN bundle -> %{http_code}\n" "http://127.0.0.1:3080/plugins/$PLUGIN/client.js"
   else

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-mobile-ui",
-  "version": "0.1.1",
+  "version": "0.2.2",
   "description": "Mobile UI for the DeepSeek Harness Web GUI: responsive layout, overlay session drawer, 44px touch targets, safe-area support, reading enhancements (≤768px, zero desktop impact)",
   "type": "module",
   "main": "index.js",

package/tests/mobile-layout-probe.py

@@ -0,0 +1,690 @@
+#!/usr/bin/env python3
+"""dsh-mobile-ui 移动端布局探针：两处可读性/几何回归测试。
+
+## 一、提问卡片（ask_user_question）
+
+提问卡片曾在手机上出现「选项看不全 + 手指滑动也没反应」的故障（2026-09-11 定位修复）。
+根因不是样式不生效，而是**覆盖了上游唯一的滚动容器**：
+
+    上游 .card  { max-height: min(60vh,520px); overflow: hidden }
+    上游 .body  { overflow-y: auto }          ← 卡片内唯一的滚动容器
+    旧插件规则  .body { overflow: visible }    ← 把滚动容器废掉
+    ⇒ ① 超出卡片的选项被 card 的 overflow:hidden 直接裁掉
+      ② body 不再是滚动容器，③ 覆盖层里也没有可滚内容
+      ⇒ 手指滑动零反应，后面的选项永久不可见
+
+## 二、输入区操作行（composer row）
+
+操作行曾出现「模型选择器压住上下文环 / 访问模式按钮压住模型选择器」（2026-09-11 定位修复）。
+根因是**两条插件规则互相配合出的溢出**：
+
+    旧插件规则  [class*=uV2eYG_row]{flex-wrap:nowrap}          ← 禁止换行
+    旧插件规则  [class*=uV2eYG_row] > *{flex:0 1 auto}          ← 组可收缩
+    上游组内按钮 min-width:44px                                 ← 但按钮不可压缩
+    ⇒ 行宽不足时 flex 无法通过收缩解决，又禁止换行 ⇒ 各控件**溢出重叠**
+      （实测 390px 会话页：访问模式↔模型重叠 5.7px、模型↔上下文重叠 4.3px）
+
+这类故障同样**静默且只在特定宽度/控件数下出现**（hero 页 4 控件正常、会话页
+多一个上下文按钮就重叠），肉眼审查 CSS 极难穷举，所以固化成几何测量：
+真实上游 CSS + 真实 DOM 嵌套 + 真实插件代码，断言「任意两个控件都不重叠」。
+
+## 用法
+
+    python3 tests/mobile-layout-probe.py                 # 默认测当前安装副本
+    python3 tests/mobile-layout-probe.py --plugin ./client.js
+    python3 tests/mobile-layout-probe.py --viewport 320x568 --options 12
+    python3 tests/mobile-layout-probe.py --only composer  # 只跑操作行
+    python3 tests/mobile-layout-probe.py --only qa        # 只跑提问卡片
+
+依赖：playwright（python）+ 已安装的 dsh（用于抽取上游 CSS）。退出码非 0 表示回归。
+"""
+from __future__ import annotations
+
+import argparse
+import json
+import os
+import pathlib
+import re
+import sys
+import tempfile
+
+DSH_NODE_MODULES = pathlib.Path(
+    os.environ.get(
+        "DSH_NODE_MODULES",
+        "/home/wbaifan/.npm-global/lib/node_modules/@deepseek-ai/dsh/node_modules/@deepseek-ai",
+    )
+)
+DEFAULT_PLUGIN = pathlib.Path.home() / ".dsh/plugins/dsh-mobile-ui/client.js"
+
+CONV_CSS_RE = r'const css\$4 = ("(?:[^"\\]|\\.)*");'
+QQ_CSS_RE = r'const css = ("(?:[^"\\]|\\.)*");'
+# 输入区（InputBar）上游 CSS：uV2eYG 词根
+INPUTBAR_CSS_RE = r'const css\$1 = ("(?:[^"\\]|\\.)*");'
+
+
+def extract_css(path: pathlib.Path, pattern: str, what: str) -> str:
+    """从已安装的 dsh 客户端包里抽出上游 CSS（保证复现页与线上像素级同源）。"""
+    if not path.exists():
+        raise SystemExit(f"找不到 {path}（用 DSH_NODE_MODULES 指定 dsh 安装位置）")
+    m = re.search(pattern, path.read_text(encoding="utf-8"))
+    if not m:
+        raise SystemExit(f"未能从 {path} 抽取 {what} 的 CSS（上游结构可能已变化）")
+    return eval(m.group(1))
+
+
+def build_page(plugin: pathlib.Path, options: int, detail_paras: int) -> str:
+    conv_css = extract_css(DSH_NODE_MODULES / "dsh-client-ui-conversation/lib/client.js", CONV_CSS_RE, "ConversationRoot")
+    qq_css = extract_css(DSH_NODE_MODULES / "dsh-client-ui-user-questions/lib/client.js", QQ_CSS_RE, "QuestionComposer")
+
+    detail = "".join(
+        f"<p>背景说明段落 {i + 1}：用于模拟真实场景中 detail 字段的长文本，"
+        f"它会明显占据垂直空间。</p>"
+        for i in range(detail_paras)
+    )
+    opts = "".join(
+        f"""
+        <button type="button" class="Mbwy4a_option" role="radio" aria-checked="false" aria-label="选项 {i + 1}">
+          <span class="Mbwy4a_number">{i + 1}</span>
+          <span class="Mbwy4a_optionCopy"><span class="Mbwy4a_optionLine">
+            <span class="Mbwy4a_optionLabel">选项 {i + 1}：第 {i + 1} 个候选方案的简短标题</span>
+            <span class="Mbwy4a_description">— 该方案的补充说明，用于占位真实文本长度。</span>
+          </span></span>
+        </button>"""
+        for i in range(options)
+    )
+
+    return f"""<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>mobile-layout-probe</title>
+<style>
+:root{{
+  --dsw-alias-bg-base:#16171b; --dsw-alias-bg-layer-1:#1e1f24; --dsw-specific-input-major:#26272d;
+  --dsw-alias-label-primary:rgba(255,255,255,.9); --dsw-alias-border-l2:rgba(255,255,255,.14);
+  --dsw-alias-scrollbar-bg-l2:rgba(255,255,255,.2); --dsw-alias-scrollbar-hover-l2:rgba(255,255,255,.3);
+  --dsh-composer-side-clearance:12px; --dsh-composer-card-max-width:720px;
+  --dsh-chat-user-width:clamp(680px, 60vw, 860px); --dsh-scrollbar-width:0px;
+  --dsh-conversation-column-width:100%;
+}}
+html,body{{margin:0;padding:0;height:100%;background:var(--dsw-alias-bg-base);color:#eee;
+  font-family:-apple-system,"PingFang SC",system-ui,sans-serif}}
+{conv_css}
+{qq_css}
+/* 顶层容器必须带 frame 词根：插件靠 [class*=frame] 找主布局（真实 dsh 同构） */
+#app{{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr) 0px}}
+.sidebarCol{{background:#1a1b1f;border-right:1px solid rgba(255,255,255,.08)}}
+.detailsCol{{background:#1a1b1f}}
+.msg{{padding:10px 14px;margin:8px 12px;border-radius:12px;background:#22232a;line-height:1.5}}
+</style></head>
+<body>
+<div id="app" class="frame">
+  <div class="sidebarCol" data-testid="sidebar">sidebar</div>
+  <div class="wSkVaW_root" data-phase="active">
+    <div class="wSkVaW_header" style="padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08)">会话标题</div>
+    <div class="wSkVaW_body">
+      <div class="wSkVaW_scrollBody" data-conversation-scroll>
+        <div data-slot="conversation.session"><div class="wSkVaW_viewArea">
+          <div class="msg">用户：帮我看下这个方案。</div>
+          <div class="msg">助手：好的，我需要你确认几个问题。</div>
+        </div></div>
+        <div class="wSkVaW_composerSeat" data-composer-seat>
+          <div class="Mbwy4a_frame" data-question-key="probe">
+            <section class="Mbwy4a_card" aria-labelledby="q1">
+              <header class="Mbwy4a_header">
+                <div class="Mbwy4a_headingBlock">
+                  <div class="Mbwy4a_eyebrow">需要你的确认</div>
+                  <h2 class="Mbwy4a_title" id="q1">这个任务应该按哪种方式继续？请在下面选择一项。</h2>
+                </div>
+                <div class="Mbwy4a_headerActions">
+                  <button type="button" class="Mbwy4a_iconButton" aria-label="最小化">⌄</button>
+                  <button type="button" class="Mbwy4a_iconButton" aria-label="取消">✕</button>
+                </div>
+              </header>
+              <div class="Mbwy4a_body" data-question-scroll>
+                <div class="Mbwy4a_detail">{detail}</div>
+                <div class="Mbwy4a_options" role="radiogroup">{opts}
+                  <div class="Mbwy4a_customRow">
+                    <span class="Mbwy4a_number" aria-hidden="true">+</span>
+                    <input class="Mbwy4a_fieldInput" placeholder="其他（自定义回答）">
+                  </div>
+                </div>
+              </div>
+              <div class="Mbwy4a_footer">
+                <div class="Mbwy4a_footerActions"><button class="Mbwy4a_iconButton">跳过</button></div>
+                <div class="Mbwy4a_footerActions">
+                  <span class="Mbwy4a_progress">1/1</span>
+                  <button class="Mbwy4a_primary">提交</button>
+                </div>
+              </div>
+            </section>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="detailsCol" data-testid="details">details</div>
+</div>
+<script>window.__ModuleLoader__={{mode:"queue",load:function(reg){{window.__reg=reg}}}};</script>
+<script src="file://{plugin}"></script>
+<script>window.__reg.factory(function(){{throw new Error("no require")}});window.__reg.factory;window.__plug=window.__reg;window.__plug.factory(function(){{}});</script>
+<script>try{{window.__plug.factory(function(){{}});}}catch(e){{}}</script>
+</body></html>"""
+
+
+MEASURE_JS = r"""
+() => {
+  const q = (s) => document.querySelector(s);
+  const seat = q('[data-composer-seat]');
+  const body = q('[data-question-scroll]');
+  const opts = [...document.querySelectorAll('button[class*=Mbwy4a_option]')];
+  const vis = (el) => {
+    if (!el) return {ok:false, why:'missing'};
+    const r = el.getBoundingClientRect();
+    if (!r.width || !r.height) return {ok:false, why:'zero-size'};
+    const cx = r.left + r.width/2, cy = r.top + r.height/2;
+    if (cy < 0 || cy > innerHeight) return {ok:false, why:'offscreen'};
+    const hit = document.elementFromPoint(cx, cy);
+    return {ok: !!hit && (hit === el || el.contains(hit) || hit.contains(el)), why: hit ? String(hit.className||hit.tagName) : 'null'};
+  };
+  return {
+    vp: {w: innerWidth, h: innerHeight},
+    seatQa: !!(seat && /dsh-mobile-qa/.test(seat.className)),
+    bodyOverflow: body ? getComputedStyle(body).overflowY : null,
+    bodyScroll: body ? body.scrollHeight - body.clientHeight : 0,
+    last: vis(opts[opts.length-1]),
+    submit: vis(q('[class*=Mbwy4a_primary]')),
+    // 右上角菜单按钮在提问卡片打开时必须隐藏，否则会浮在卡片右上角遮住问题标题
+    menuBtnDisplay: (() => { const m = document.getElementById('dsh-mobile-menu-btn'); return m ? getComputedStyle(m).display : null; })(),
+  };
+}
+"""
+
+
+def apply_plugin(page, plugin: pathlib.Path) -> None:
+    """在页面里按真实加载路径执行插件：注册 → factory → apply(ctx)。"""
+    page.add_script_tag(path=str(plugin))
+    page.evaluate(
+        """() => {
+          const reg = window.__reg;
+          window.__plug = reg.factory(function () { throw new Error('no require'); });
+          window.__plug.apply({ logger: { info() {} } });
+        }"""
+    )
+
+
+def build_composer_page(plugin: pathlib.Path, with_context: bool, with_effort: bool,
+                       model_label: str = "commandcode/deepseek/deepseek-v4.1-flash") -> str:
+    """复现页：真实上游 InputBar CSS + 真实 DOM 嵌套（composerSeat > stack > root > card > row > tools/trailing）。
+
+    with_context: 会话页有「上下文已用」按钮（hero 页没有）——正是多这一个控件才触发重叠。
+    with_effort:  模型名带推理等级后缀（triggerEffort），会额外占宽。
+    model_label:  模型显示名。默认用超长 provider/model（最坏情况，考验省略号）；
+                  短名（目录内模型的友好名）用于对照正常观感。
+    """
+    conv_css = extract_css(DSH_NODE_MODULES / "dsh-client-ui-conversation/lib/client.js", CONV_CSS_RE, "ConversationRoot")
+    input_css = extract_css(
+        DSH_NODE_MODULES / "dsh-client-ui-conversation/lib/client.js", INPUTBAR_CSS_RE, "InputBar")
+
+    effort = '<span class="_7KE1Ra_triggerEffort">Max</span>' if with_effort else ""
+    ctx_btn = (
+        '<span class="JObwrW_root"><button type="button" class="JObwrW_trigger" '
+        'aria-label="上下文已用 18%" aria-haspopup="dialog"><svg viewBox="0 0 14 14" width="14" height="14">'
+        '<circle class="JObwrW_track" cx="7" cy="7" r="5"></circle>'
+        '<circle class="JObwrW_fill" cx="7" cy="7" r="5" stroke-dasharray="5.6 31.4" '
+        'transform="rotate(-90 7 7)"></circle></svg></button></span>'
+        if with_context else ""
+    )
+
+    return f"""<!doctype html>
+<html lang="zh-CN"><head><meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+<title>composer-row-probe</title>
+<style>
+:root{{
+  --dsw-alias-bg-base:#16171b; --dsw-alias-bg-layer-1:#1e1f24; --dsw-specific-input-major:#26272d;
+  --dsw-specific-menu:#2a2b31; --dsw-specific-selector:#33343a;
+  --dsw-alias-label-primary:rgba(255,255,255,.9); --dsw-alias-label-secondary:rgba(255,255,255,.7);
+  --dsw-alias-label-tertiary:rgba(255,255,255,.5); --dsw-alias-label-caption:rgba(255,255,255,.4);
+  --dsw-alias-border-l2:rgba(255,255,255,.14); --dsw-alias-border-l3:rgba(255,255,255,.2);
+  --dsw-alias-interactive-bg-hover:rgba(255,255,255,.08);
+  --dsh-composer-side-clearance:12px; --dsh-composer-card-max-width:720px;
+  --dsh-composer-text-max-height:200px; --dsh-content-font-size:14px;
+  --dsh-conversation-column-width:100%;
+}}
+html,body{{margin:0;padding:0;height:100%;background:var(--dsw-alias-bg-base);color:#eee;
+  font-family:-apple-system,"PingFang SC",system-ui,sans-serif}}
+{conv_css}
+{input_css}
+#app{{height:100%;display:grid;grid-template-columns:260px minmax(0,1fr) 0px}}
+.sidebarCol{{background:#1a1b1f}} .detailsCol{{background:#1a1b1f}}
+</style></head>
+<body>
+<div id="app" class="frame">
+  <div class="sidebarCol" data-testid="sidebar">sidebar</div>
+  <div class="wSkVaW_root" data-phase="active">
+    <div class="wSkVaW_header" style="padding:8px 12px">会话标题</div>
+    <div class="wSkVaW_body">
+      <div class="wSkVaW_scrollBody" data-conversation-scroll>
+        <div data-slot="conversation.session"><div class="wSkVaW_viewArea">&nbsp;</div></div>
+        <div class="wSkVaW_composerSeat" data-composer-seat>
+          <div class="wSkVaW_composerStack">
+            <div class="uV2eYG_root">
+              <div class="uV2eYG_card">
+                <div class="uV2eYG_scroll"><div class="uV2eYG_grow">
+                  <div class="uV2eYG_input" contenteditable="true" aria-label="发消息"></div>
+                </div></div>
+                <div class="uV2eYG_row">
+                  <div class="uV2eYG_tools">
+                    <button type="button" class="uV2eYG_add" aria-label="指令">
+                      <svg viewBox="0 0 16 16" width="14" height="14"><path d="M8 3v10M3 8h10" stroke="currentColor" fill="none"/></svg></button>
+                    <button type="button" class="uV2eYG_add" aria-label="添加附件">
+                      <svg viewBox="0 0 16 16" width="14" height="14"><path d="M5 8h6" stroke="currentColor" fill="none"/></svg></button>
+                    <div class="uV2eYG_modes">
+                      <button type="button" class="Sh0Q9G_trigger" aria-label="访问模式，当前：完全权限"
+                        ><span class="Sh0Q9G_triggerIcon"><svg viewBox="0 0 16 16" width="14" height="14"><path d="M8 1l6 3v4c0 4-3 6-6 7-3-1-6-3-6-7V4z" fill="none" stroke="currentColor"/></svg></span><span class="Sh0Q9G_triggerLabel">完全权限</span></button>
+                    </div>
+                  </div>
+                  <div class="uV2eYG_trailing">
+                    <div class="_7KE1Ra_root">
+                      <button type="button" class="_7KE1Ra_trigger" aria-label="选择模型，当前 {model_label}" aria-haspopup="menu">
+                        <svg class="_7KE1Ra_triggerIcon" viewBox="0 0 16 16" width="16" height="16"><path d="M2 8h12" stroke="currentColor" fill="none"/></svg>
+                        <span class="_7KE1Ra_triggerLabel">{model_label}</span>
+                        {effort}
+                        <svg class="_7KE1Ra_chevron" viewBox="0 0 14 14" width="14" height="14"><path d="M4 6l3 3 3-3" stroke="currentColor" fill="none"/></svg>
+                      </button>
+                    </div>
+                    {ctx_btn}
+                    <button type="button" class="uV2eYG_primary" aria-label="发送消息">
+                      <svg viewBox="0 0 16 16" width="16" height="16"><path d="M8 13V3M4 7l4-4 4 4" stroke="currentColor" fill="none"/></svg></button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="detailsCol" data-testid="details">details</div>
+</div>
+<script>window.__ModuleLoader__={{mode:"queue",load:function(reg){{window.__reg=reg}}}};</script>
+<script src="file://{plugin}"></script>
+<script>window.__plug=window.__reg;window.__plug.factory(function(){{}});</script>
+</body></html>"""
+
+
+COMPOSER_MEASURE_JS = r"""
+() => {
+  const row = document.querySelector('[class*=uV2eYG_row]');
+  if (!row) return {err: 'no composer row'};
+  const btns = [...row.querySelectorAll('button')].map(b => {
+    const r = b.getBoundingClientRect();
+    return {aria: (b.getAttribute('aria-label')||'').slice(0, 24),
+            x: +r.x.toFixed(1), y: +r.y.toFixed(1), right: +r.right.toFixed(1),
+            bottom: +r.bottom.toFixed(1), w: +r.width.toFixed(1), h: +r.height.toFixed(1)};
+  });
+  // 任意两个控件重叠 = 回归（正是 2026-09-11 的故障形态）
+  const overlaps = [];
+  for (let i = 0; i < btns.length; i++) for (let j = i + 1; j < btns.length; j++) {
+    const a = btns[i], b = btns[j];
+    const ox = Math.min(a.right, b.right) - Math.max(a.x, b.x);
+    const oy = Math.min(a.bottom, b.bottom) - Math.max(a.y, b.y);
+    if (ox > 0.5 && oy > 0.5) overlaps.push({a: a.aria, b: b.aria, ox: +ox.toFixed(1)});
+  }
+  const card = document.querySelector('[class*=uV2eYG_card]');
+  const cardRight = card ? +card.getBoundingClientRect().right.toFixed(1) : null;
+  // 控件越出输入卡右边界 = 溢出（窄屏下被裁掉，点不到）
+  const spill = cardRight === null ? [] : btns
+      .filter(b => b.right > cardRight + 0.5)
+      .map(b => ({aria: b.aria, over: +(b.right - cardRight).toFixed(1)}));
+  const rowBox = row.getBoundingClientRect();
+
+  // ── 子元素可见性断言（2026-09-11 两个静默故障的守卫）──
+  const shown = (sel) => { const el = document.querySelector(sel);
+    return el ? getComputedStyle(el).display !== 'none' : null; };
+  const accessIconShown = shown('button[aria-label*=访问模式] [class*=triggerIcon]');
+  // 权限文字只在行够宽时出现；出现时必须真的可见（不能是 0 宽空壳）
+  const accessLabelEl = document.querySelector('button[aria-label*=访问模式] [class*=triggerLabel]');
+  const accessLabelShown = accessLabelEl ? getComputedStyle(accessLabelEl).display !== 'none' : false;
+  const accessLabelW = accessLabelEl && accessLabelShown
+      ? +accessLabelEl.getBoundingClientRect().width.toFixed(1) : 0;
+  // 推理等级后缀移动端必须隐藏（否则被压成 8px 宽的半截字符）
+  const effortShown = shown('button[aria-label*=选择模型] [class*=triggerEffort]');
+
+  // 省略号是否真的生效：被裁的 label 必须 overflow:hidden + text-overflow:ellipsis
+  // （flex 容器会忽略 text-overflow → 硬切出半个字符，正是用户看到的"半截字母"）
+  const label = document.querySelector('button[aria-label*=选择模型] [class*=_7KE1Ra_triggerLabel]');
+  let ellipsisOk = true, modelLabelClipped = false, modelLabelW = null;
+  if (label) {
+    const lcs = getComputedStyle(label);
+    const shown = lcs.display !== 'none';
+    modelLabelW = shown ? +label.getBoundingClientRect().width.toFixed(1) : 0;
+    modelLabelClipped = label.scrollWidth > label.clientWidth + 1;
+    if (modelLabelClipped) {
+      ellipsisOk = lcs.overflow === 'hidden' && lcs.textOverflow === 'ellipsis'
+                   && lcs.display !== 'flex';
+    }
+  }
+
+  // ── 每行右侧空块宽度（2026-09-11 用户反馈"上面空了一块"的守卫）──
+  // 旧排布把工具组独占第一行，右侧留白 183px（412px 实测）→ 一眼看出"空了一块"。
+  // 判据：每行最右控件的右缘到卡片右缘的空白不得超过 60px（约一个按钮宽）。
+  // ── 视觉一致性（2026-09-11 用户反馈"高度不一致、怪怪的"的守卫）──
+  // 同一操作行内所有按钮必须等高、同字号，且行内垂直中心离散 ≤1.5px
+  const heights = [...new Set(btns.map(b => Math.round(b.h)))];
+  const fonts = [...new Set([...row.querySelectorAll('button')]
+      .map(b => getComputedStyle(b).fontSize))];
+  // 按 top 分簇（不能用中心 y：控件 44px 高、两行中心仅差 50px，
+  // 阈值稍大就会把两行并成一簇。等高后同行 top 必然相同，故对 top 聚类最稳）
+  const tops = btns.map(b => b.y).sort((a, b) => a - b);
+  const clusters = [];
+  for (const ty of tops) {
+    if (!clusters.length || ty - clusters[clusters.length - 1][0] > 6) clusters.push([ty]);
+    else clusters[clusters.length - 1].push(ty);
+  }
+  const lineSpreads = clusters.map(c => +(Math.max(...c) - Math.min(...c)).toFixed(1));
+  // 每行右侧空块（行最右控件右缘 → 卡片右缘）
+  // ⚠️ clusters 的每个元素是「该行 top 的数组」，取 [0] 才是行 top
+  //（曾误把整个数组当数值比较，导致空块恒算出 0、守卫静默失效）
+  const lineRightGaps = cardRight === null ? [] : clusters.map(cluster => {
+    const lineTop = cluster[0];
+    const rowBtns = btns.filter(b => Math.abs(b.y - lineTop) <= 6);
+    return rowBtns.length ? +(cardRight - Math.max(...rowBtns.map(b => b.right))).toFixed(1) : 0;
+  });
+
+  // 垂直对齐：label / chevron / 图标中心相对按钮中心的偏差 ≤1.5px
+  const cy = (el) => { const b = el.getBoundingClientRect(); return b.y + b.height / 2; };
+  const misaligned = [];
+  for (const [name, btnSel, innerSel] of [
+      ['模型名', 'button[aria-label*=选择模型]', '[class*=_7KE1Ra_triggerLabel]'],
+      ['模型箭头', 'button[aria-label*=选择模型]', '[class*=_7KE1Ra_chevron]'],
+      ['权限图标', 'button[aria-label*=访问模式]', '[class*=triggerIcon]']]) {
+    const btn = document.querySelector(btnSel), el = document.querySelector(innerSel);
+    if (!btn || !el || getComputedStyle(el).display === 'none') continue;
+    const dev = Math.abs(cy(el) - cy(btn));
+    if (dev > 1.5) misaligned.push({name, dev: +dev.toFixed(1)});
+  }
+
+  return {
+    rowH: +rowBox.height.toFixed(1), rowW: +rowBox.width.toFixed(1),
+    count: btns.length,
+    minW: btns.length ? Math.min(...btns.map(b => b.w)) : 0,
+    overlaps, spill,
+    accessIconShown, accessLabelShown, accessLabelW, effortShown,
+    modelLabelClipped, ellipsisOk, misaligned, modelLabelW,
+    heights, fonts, lineSpreads, lineRightGaps,
+    // 控件是否都可点（中心点命中自己）
+    unclickable: btns.filter(b => {
+      const cx = b.x + b.w / 2, cy2 = b.y + b.h / 2;
+      const hit = document.elementFromPoint(cx, cy2);
+      const el = [...row.querySelectorAll('button')].find(x => {
+        const r = x.getBoundingClientRect();
+        return Math.abs(r.x - b.x) < .5 && Math.abs(r.width - b.w) < .5; });
+      return !hit || !el || !(hit === el || el.contains(hit) || hit.contains(el));
+    }).map(b => b.aria),
+  };
+}
+"""
+
+
+def probe_composer(plugin, viewport, with_context, with_effort, workdir,
+                   model_label="commandcode/deepseek/deepseek-v4.1-flash"):
+    """操作行几何探针：断言控件互不重叠、不越界、可点击，且关键子元素该显示的都在。"""
+    from playwright.sync_api import sync_playwright
+
+    w, h = viewport
+    html = build_composer_page(plugin, with_context, with_effort, model_label)
+    tag = (f"composer-{'sess' if with_context else 'hero'}-{'eff' if with_effort else 'noeff'}"
+           f"-{'long' if len(model_label) > 20 else 'short'}-{w}x{h}")
+    page_path = workdir / f"{tag}.html"
+    page_path.write_text(html, encoding="utf-8")
+
+    with sync_playwright() as p:
+        browser = p.chromium.launch()
+        ctx = browser.new_context(
+            viewport={"width": w, "height": h}, device_scale_factor=2, is_mobile=True, has_touch=True
+        )
+        page = ctx.new_page()
+        page.goto(page_path.as_uri())
+        apply_plugin(page, plugin)
+        page.wait_for_timeout(500)
+        m = page.evaluate(COMPOSER_MEASURE_JS)
+        browser.close()
+
+    return {
+        "viewport": f"{w}x{h}",
+        "variant": ("会话页(含上下文)" if with_context else "首页(hero)")
+                   + ("/长模型名" if len(model_label) > 20 else "/短模型名"),
+        "effort": with_effort,
+        **m,
+    }
+
+
+def probe(plugin, viewport, options, detail_paras, workdir):
+    from playwright.sync_api import sync_playwright
+
+    w, h = viewport
+    html = build_page(plugin, options, detail_paras)
+    page_path = workdir / f"probe-{options}-{w}x{h}.html"
+    page_path.write_text(html, encoding="utf-8")
+
+    with sync_playwright() as p:
+        browser = p.chromium.launch()
+        ctx = browser.new_context(
+            viewport={"width": w, "height": h}, device_scale_factor=2, is_mobile=True, has_touch=True
+        )
+        page = ctx.new_page()
+        page.goto(page_path.as_uri())
+        apply_plugin(page, plugin)
+        page.wait_for_timeout(500)
+
+        before = page.evaluate(MEASURE_JS)
+
+        # 真实手指滑动（touch 事件；滚轮不等价：移动端页面常只响应 touch）。
+        # 反复滑动直到末项可见（模拟用户持续上滑），最多 8 次；
+        # 滚不动的情况下滑多少次都不会可见 —— 因此不会掩盖真问题。
+        body = page.query_selector("[data-question-scroll]")
+        box = body.bounding_box()
+        swipes = 0
+        after_swipe = before
+        if box:
+            cx, y0, y1 = box["x"] + box["width"] / 2, box["y"] + box["height"] - 24, box["y"] + 24
+            cdp = ctx.new_cdp_session(page)
+            while swipes < 8:
+                cdp.send("Input.dispatchTouchEvent", {"type": "touchStart", "touchPoints": [{"x": cx, "y": y0}]})
+                for i in range(1, 11):
+                    cdp.send("Input.dispatchTouchEvent", {
+                        "type": "touchMove", "touchPoints": [{"x": cx, "y": y0 + (y1 - y0) * i / 10}]})
+                    page.wait_for_timeout(16)
+                cdp.send("Input.dispatchTouchEvent", {"type": "touchEnd", "touchPoints": []})
+                page.wait_for_timeout(200)
+                swipes += 1
+                after_swipe = page.evaluate(MEASURE_JS)
+                if after_swipe["last"]["ok"]:
+                    break
+        browser.close()
+
+    return {
+        "viewport": f"{w}x{h}",
+        "options": options,
+        "detail_paras": detail_paras,
+        "scrollable": (before["bodyScroll"] or 0) > 1 and before["bodyOverflow"] in ("auto", "scroll"),
+        "needs_scroll": (before["bodyScroll"] or 0) > 1,
+        "last_visible_after_swipe": after_swipe["last"]["ok"],
+        "submit_visible": before["submit"]["ok"],
+        "menu_btn_hidden_while_qa": before["menuBtnDisplay"] == "none",
+        "swipes_to_reach_last": swipes,
+        "seat_qa": before["seatQa"],
+        "detail": {"before": before, "after_swipe": after_swipe},
+    }
+
+
+def main() -> int:
+    ap = argparse.ArgumentParser(description="dsh-mobile-ui 移动端布局探针（提问卡片 + 输入区操作行）")
+    ap.add_argument("--plugin", default=str(DEFAULT_PLUGIN), help="被测 client.js 路径")
+    ap.add_argument("--viewport", action="append", default=None, help="WxH，可重复（默认覆盖常见机型）")
+    ap.add_argument("--options", type=int, action="append", default=None, help="选项数量，可重复")
+    ap.add_argument("--detail-paras", type=int, default=2, help="detail 长文本段落数")
+    ap.add_argument("--only", choices=["qa", "composer"], default=None, help="只跑其中一组")
+    ap.add_argument("--json", action="store_true", help="输出 JSON")
+    args = ap.parse_args()
+
+    plugin = pathlib.Path(args.plugin).expanduser()
+    if not plugin.exists():
+        raise SystemExit(f"被测插件不存在：{plugin}")
+
+    viewports = [tuple(int(x) for x in v.lower().split("x")) for v in (args.viewport or ["320x568", "360x640", "390x844", "414x896"])]
+    options_list = args.options or [1, 3, 6, 12]
+
+    qa_results, composer_results = [], []
+    with tempfile.TemporaryDirectory(prefix="dsh-mobile-probe-") as tmp:
+        wd = pathlib.Path(tmp)
+        if args.only in (None, "qa"):
+            for vp in viewports:
+                for n in options_list:
+                    qa_results.append(probe(plugin, vp, n, args.detail_paras, wd))
+        if args.only in (None, "composer"):
+            # 会话页（含上下文按钮）+ 首页 hero；模型名分超长(provider/model 兜底)与短名两种，
+            # 都要过：带推理等级后缀更宽，长名考验省略号。
+            for vp in viewports:
+                for with_ctx in (True, False):
+                    composer_results.append(probe_composer(plugin, vp, with_ctx, True, wd))
+            for vp in viewports[:2]:
+                composer_results.append(probe_composer(
+                    plugin, vp, True, True, wd, model_label="DeepSeek V4.1 Flash"))
+
+    qa_failures = [
+        r for r in qa_results
+        if not r["last_visible_after_swipe"] or not r["submit_visible"]
+        or not r["menu_btn_hidden_while_qa"] or (r["needs_scroll"] and not r["scrollable"])
+    ]
+    composer_failures = [
+        r for r in composer_results
+        if r.get("err") or r.get("overlaps") or r.get("spill") or r.get("unclickable")
+        or r.get("count", 0) < 2
+        # 权限图标必须常显（曾被 span 通配规则连图标一起隐藏 → 整个按钮空白）
+        or not r.get("accessIconShown")
+        # 权限按钮：**图标**必须常显（曾因 span 通配规则连图标一起隐藏 → 按钮纯空白）；
+        # **文字**按行宽自适应：v3 排布下第一行是「工具组 ···· 上下文 发送」，
+        # 行宽不足（<290px，如 320px 视口）时主动退回纯图标以保住两行，
+        # 故此处只要求"若显示则必须有真实宽度"，不强制常显。
+        or not r.get("accessIconShown")
+        or (r.get("accessLabelShown") and (r.get("accessLabelW") or 0) < 20)
+        # 推理等级后缀必须隐藏（否则被压成半截字符）
+        or r.get("effortShown")
+        # 被裁的模型名必须走真省略号，不能硬切半个字符
+        or (r.get("modelLabelClipped") and not r.get("ellipsisOk"))
+        # 模型名必须够宽（两行布局后独占一行：320px 约 148px、390px 约 218px，
+        # 而单行时代仅 40px → 只能看 7/40 字符）。下限取 120px 防退化成窄条，
+        # 又不锁死具体像素（布局微调不该误报）。
+        or 0 < (r.get("modelLabelW") or 0) < 120
+        # 图标/文字/箭头必须垂直居中对齐
+        or r.get("misaligned")
+        # 行数必须恰为 2（v3 排布：工具组+上下文+发送 / 模型独占第二行）
+        or len(r.get("lineSpreads") or []) != 2
+        # 每行右侧不得留出大空块（旧排布第一行空 183px → 用户看出"空了一块"）
+        or any(g > 60 for g in (r.get("lineRightGaps") or []))
+        # 控件必须等高、同字号（曾 36/40/44 三种高度混排 → 视觉"怪"）
+        or len(r.get("heights") or [1]) != 1
+        or len(r.get("fonts") or [1]) != 1
+        # 行内垂直中心离散 ≤1.5px（发送键上游 translateY(-2px) 曾致偏移）
+        or any(s > 1.5 for s in (r.get("lineSpreads") or [0]))
+    ]
+
+    if args.json:
+        print(json.dumps({
+            "ok": not qa_failures and not composer_failures,
+            "qa": qa_results, "composer": composer_results,
+        }, ensure_ascii=False, indent=2))
+        return 1 if (qa_failures or composer_failures) else 0
+
+    print(f"被测插件: {plugin}")
+
+    if qa_results:
+        print()
+        print("── 提问卡片（ask_user_question）──")
+        print(f"{'视口':<10} {'选项数':<7} {'内容溢出':<9} {'正文可滚':<9} {'滑动后末项可见':<15} {'提交可见':<9} {'菜单不遮挡':<10}")
+        print("-" * 78)
+        for r in qa_results:
+            print(f"{r['viewport']:<10} {r['options']:<8} {'是' if r['needs_scroll'] else '否':<10} "
+                  f"{'✓' if r['scrollable'] else ('—' if not r['needs_scroll'] else '✗'):<10} "
+                  f"{'✓' if r['last_visible_after_swipe'] else '✗':<16} {'✓' if r['submit_visible'] else '✗':<10} "
+                  f"{'✓' if r['menu_btn_hidden_while_qa'] else '✗':<10}")
+
+    if composer_results:
+        print()
+        print("── 输入区操作行（composer row）──")
+        print(f"{'视口':<10} {'形态':<24} {'控件':<5} {'重叠':<6} {'越界':<6} {'可点':<6} "
+              f"{'权限图标':<9} {'权限文字':<9} {'省略号':<8} {'对齐':<6}")
+        print("-" * 96)
+        for r in composer_results:
+            if r.get("err"):
+                print(f"{r['viewport']:<10} {r['variant']:<24} ERR {r['err']}")
+                continue
+            ell = "—" if not r.get("modelLabelClipped") else ("✓" if r.get("ellipsisOk") else "✗")
+            perm_txt = ("✓" if r.get("accessLabelShown") else "—")
+            print(f"{r['viewport']:<10} {r['variant']:<24} {r['count']:<6} "
+                  f"{'✓' if not r['overlaps'] else '✗':<7} {'✓' if not r['spill'] else '✗':<7} "
+                  f"{'✓' if not r['unclickable'] else '✗':<7} "
+                  f"{'✓' if r.get('accessIconShown') else '✗':<10} {perm_txt:<10} {ell:<9} "
+                  f"{'✓' if not r.get('misaligned') else '✗':<6}")
+
+    print()
+    if qa_failures or composer_failures:
+        if qa_failures:
+            print(f"❌ 提问卡片回归：{len(qa_failures)} 个用例不达标（选项被裁 / 滚动失效 / 提交按钮不可见）")
+            for r in qa_failures:
+                print(f"   - {r['viewport']} options={r['options']}: {r['detail']['before']}")
+        if composer_failures:
+            print(f"❌ 操作行回归：{len(composer_failures)} 个用例不达标")
+            for r in composer_failures:
+                # 逐条列出真实原因，别只说"重叠/越界"（2026-09-11 曾因此误判）
+                why = []
+                if r.get("err"):
+                    why.append(f"err={r['err']}")
+                if r.get("overlaps"):
+                    why.append(f"控件重叠={r['overlaps']}")
+                if r.get("spill"):
+                    why.append(f"越出卡片={r['spill']}")
+                if r.get("unclickable"):
+                    why.append(f"点不到={r['unclickable']}")
+                if not r.get("accessIconShown"):
+                    why.append("权限图标被隐藏(按钮会变空白)")
+                if r.get("accessLabelShown") and (r.get("accessLabelW") or 0) < 20:
+                    why.append(f"权限文字宽度异常={r.get('accessLabelW')}")
+                if r.get("effortShown"):
+                    why.append("推理等级后缀未隐藏(会被压成半截字符)")
+                if r.get("modelLabelClipped") and not r.get("ellipsisOk"):
+                    why.append("模型名被硬切而非省略号")
+                mw = r.get("modelLabelW") or 0
+                if 0 < mw < 120:
+                    why.append(f"模型名被压得过窄({mw}px < 120px)")
+                if r.get("misaligned"):
+                    why.append(f"垂直未对齐={r['misaligned']}")
+                if len(r.get("heights") or [1]) != 1:
+                    why.append(f"控件高度不一致={r.get('heights')}")
+                if len(r.get("fonts") or [1]) != 1:
+                    why.append(f"字号不一致={r.get('fonts')}")
+                if len(r.get("lineSpreads") or []) != 2:
+                    why.append(f"行数不为 2（实际 {len(r.get('lineSpreads') or [])}）")
+                if any(g > 60 for g in (r.get("lineRightGaps") or [])):
+                    why.append(f"行右侧留有大空块={r.get('lineRightGaps')}px")
+                if any(s > 1.5 for s in (r.get("lineSpreads") or [0])):
+                    why.append(f"行内中心离散过大={r.get('lineSpreads')}")
+                if r.get("count", 0) < 2:
+                    why.append(f"控件数异常={r.get('count')}")
+                print(f"   - {r['viewport']} {r.get('variant')}: " + "；".join(why or ["未知"]))
+        return 1
+
+    parts = []
+    if qa_results:
+        parts.append(f"提问卡片 {len(qa_results)} 个（选项可滚可见、提交始终可见、菜单不遮挡）")
+    if composer_results:
+        parts.append(f"操作行 {len(composer_results)} 个（互不重叠/不越界/可点击、"
+                     f"权限图标常显、被裁模型名走省略号、图标文字垂直对齐）")
+    print("✅ 全部通过：" + "；".join(parts))
+    return 0
+
+
+if __name__ == "__main__":
+    sys.exit(main())