dsh-bridge-gateway 0.1.5 → 0.1.7

package/CHANGELOG.md

@@ -2,6 +2,26 @@
 
 本项目 `dsh-bridge-gateway` 是基于 [dsh-bridge](https://github.com/wenbin-wb/dsh-bridge) 的移植增强分支，在保留原版能力之外，重点新增「公网直连网关」。
 
+## [0.1.7] - 2026-09-12
+
+### 变更（移动端第三批：标题行密度）
+- 对话/轨迹/上下文 改为标题行内的「对话 ▾」下拉按钮（弃用胶囊方案）：插在标准模式与访达图标之间，原生样式观感，点开下拉切换视图，文案动态读取、语言无关。
+- 修复 tabs 胶囊与标题行折成两行的问题：删除级联中残留的 titleRow wrap 规则，标题行强制单行。
+- 原生 corner 按钮（打开右侧边栏）负边距归零，单行布局下不再被裁切。
+
+### 修复
+- workbuddy-connect 的 Reasoning levels 按钮：移动端删除文字节点只留图标（此前裁切露字），悬停宽度锁定不再引起工具栏抖动。
+- 修复标签文案同步无条件写入 textContent 触发 MutationObserver 死循环导致页面卡死的问题。
+
+## [0.1.6] - 2026-09-12
+
+### 修复（移动端第二批：布局密度与面板）
+- 输入框贴底：收掉 scrollBody 的 16px 底部衬距，只保留 6px 呼吸位 + 安全区，底部统计药丸完整可见。
+- workbuddy-connect 的 Reasoning levels 按钮收成纯图标（26px，结构锚点不依赖语言），不再把左侧按钮挤到上一行；工具栏恢复单行。
+- 对话/轨迹/上下文标签行折叠为标题行下缘的悬浮胶囊（原生 tooltip 灰配色），不再独占一行，中间内容区净增约 33px。
+- 底部面板（better-sidebar panel-host）不再被一刀切隐藏：展开时以底部面板形态显示内容（zsh 会话等），收起时隐藏；收掉展开时原生预留的 220px 空白。展开信号用语言无关的 aria-pressed 锚点（body.dsh-workbench-open 在收起后残留，不可用）。
+- 抽屉化侧边栏顶部对齐到标签条之下（top: 38px），不再与最上面的栏重叠。
+
 ## [0.1.5] - 2026-09-12
 
 ### 变更

package/client/client.js

@@ -3829,24 +3829,97 @@ function injectMobileStyles() {
         display: none !important;
       }
 
+      /* ---- \u5BF9\u8BDD/\u8F68\u8FF9/\u4E0A\u4E0B\u6587 \u6807\u7B7E\u6298\u53E0\u8FDB\u6807\u9898\u884C\uFF08\u540C\u4E00\u884C\uFF09 ----
+         \u539F\u751F tablist \u6574\u884C\u9690\u85CF\uFF1B\u7531 setupMobileExperience \u6CE8\u5165\u4E00\u4E2A\u539F\u751F\u6837\u5F0F\u7684
+         \u300C\u5BF9\u8BDD\u300D\u6309\u94AE\uFF08\u63D2\u5728\u6807\u51C6\u6A21\u5F0F\u4E0E\u8BBF\u8FBE\u56FE\u6807\u4E4B\u95F4\uFF09\uFF0C\u70B9\u51FB\u5F39\u4E0B\u62C9\u5207\u6362\u4E09\u4E2A\u89C6\u56FE\u3002
+         \u6309\u94AE\u6587\u6848\u4E0E\u9009\u9879\u6587\u6848\u90FD\u4ECE\u539F\u751F tab \u52A8\u6001\u8BFB\u53D6\uFF0C\u8BED\u8A00\u65E0\u5173\u3002 */
+      div[class*="wSkVaW_tabs"] {
+        display: none !important;
+      }
+      .dsh-mobile-tab-btn {
+        display: inline-flex !important;
+        align-items: center !important;
+        gap: 5px !important;
+        position: relative !important;
+        height: 28px !important;
+        min-height: 28px !important;
+        padding: 0 10px !important;
+        border-radius: 999px !important;
+        background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12)) !important;
+        color: var(--dsw-alias-label-primary, inherit) !important;
+        font-size: 12.5px !important;
+        line-height: 28px !important;
+        white-space: nowrap !important;
+        cursor: pointer !important;
+      }
+      .dsh-mobile-tab-btn svg {
+        flex: 0 0 auto !important;
+      }
+      .dsh-mobile-tab-dropdown {
+        position: absolute !important;
+        top: calc(100% + 6px) !important;
+        left: 0 !important;
+        min-width: 132px !important;
+        z-index: 60 !important;
+        padding: 4px !important;
+        border-radius: 12px !important;
+        background: var(--dsw-alias-bg-layer-2, #2c2c2e) !important;
+        border: 1px solid var(--dsw-alias-border-l2, transparent) !important;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+        gap: 8px !important;
+        width: 100% !important;
+        padding: 7px 10px !important;
+        border: 0 !important;
+        border-radius: 8px !important;
+        background: transparent !important;
+        color: var(--dsw-alias-label-primary, inherit) !important;
+        font-size: 13px !important;
+        line-height: 18px !important;
+        cursor: pointer !important;
+        text-align: left !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option:hover {
+        background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.15)) !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option[data-active='true'] {
+        color: var(--dsw-alias-brand-text, var(--dsw-alias-label-primary, inherit)) !important;
+        font-weight: 600 !important;
+      }
+
       /* ---- \u9876\u680F\u300C\u6807\u51C6\u6A21\u5F0F\u300D\u4E0E\u300C\u5BF9\u8BDD\u7BA1\u7406\u300D\u91CD\u53E0\u4FEE\u590D ----
          \u5B9E\u6D4B\uFF08390px\uFF09\uFF1A\u6807\u51C6\u6A21\u5F0F(\u5728 titleCluster \u5185) \u53F3\u8FB9\u754C 102\uFF0C
          \u5BF9\u8BDD\u7BA1\u7406(\u5728 headerUtilities \u5185) \u5DE6\u8FB9\u754C 91 \u2192 \u6C34\u5E73\u91CD\u53E0 11px\u3002
-         \u6839\u56E0\uFF1AtitleCluster \u53EA\u6709 46px \u5BBD\uFF08[33,79]\uFF09\uFF0C\u4F46\u5185\u90E8\u7684\u300C\u6807\u51C6\u6A21\u5F0F\u300D\u80F6\u56CA\u56FA\u5B9A 69px\uFF0C
-         \u6491\u7834\u7236\u5BB9\u5668\u540E\u4E0E\u53F3\u4FA7 headerUtilities \u76F8\u649E\u3002
-         \u4FEE\u590D\uFF1A\u5141\u8BB8 titleRow \u6362\u884C + \u8BA9\u4E24\u4FA7\u5404\u81EA\u53EF\u6536\u7F29\u5E76\u9650\u5BBD\u3002 */
+         \u4FEE\u590D\uFF1AtitleRow \u5F3A\u5236\u5355\u884C\uFF08tabs \u5DF2\u5E76\u5165\u540C\u4E00\u884C\uFF09\uFF0C\u8D85\u5BBD\u65F6 titleCluster
+         \u5185\u90E8\u622A\u65AD\u800C\u4E0D\u662F\u6362\u884C\u2014\u2014\u6362\u884C\u4F1A\u8BA9 header \u53D8\u4E24\u884C\u3001\u6324\u538B\u4E2D\u95F4\u7A7A\u95F4\u3002 */
       div[class*="wSkVaW_titleRow"],
       div[class*="_titleRow"] {
-        flex-wrap: wrap !important;
-        row-gap: 6px !important;
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+        align-items: center !important;
+        flex: 1 1 auto !important;
+        min-width: 0 !important;
         column-gap: 8px !important;
-        overflow: visible !important;
+        overflow: hidden !important;
       }
       div[class*="wSkVaW_titleCluster"],
       div[class*="_titleCluster"] {
-        flex: 1 1 auto !important;
+        flex: 0 1 auto !important;
         min-width: 0 !important;
         max-width: 100% !important;
+        overflow: hidden !important;
+      }
+      /* \u539F\u751F corner \u6309\u94AE\u5E26 margin-right:-16px \u60AC\u6302\u8BBE\u8BA1\uFF0C\u5728\u5355\u884C + overflow:hidden \u4E0B
+         \u4F1A\u88AB\u88C1\u6389 16px\u2014\u2014\u5F52\u96F6\u540E\u6574\u884C\u521A\u597D\u653E\u4E0B\uFF1Acluster69 + utilities123 + corner28 */
+      div[class*="wSkVaW_headerCorner"] {
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+        flex: 0 0 auto !important;
       }
       div[class*="wSkVaW_headerActions"],
       div[class*="_headerActions"] {
@@ -4017,13 +4090,9 @@ function injectMobileStyles() {
         box-sizing: border-box !important;
       }
 
-      /* ---- \u9876\u90E8\u63A7\u4EF6\u9632\u6EA2\u51FA\u88C1\u5207\uFF08320px \u4E0B main \u5206\u652F chip \u6EA2\u51FA 39px \u88AB\u88C1\uFF09 ---- */
-      div[class*="wSkVaW_titleRow"],
-      div[class*="_titleRow"] {
-        flex-wrap: wrap !important;
-        row-gap: 6px !important;
-        overflow: visible !important;
-      }
+      /* ---- \u9876\u90E8\u63A7\u4EF6\u9632\u6EA2\u51FA\u88C1\u5207\uFF08320px \u4E0B main \u5206\u652F chip \u6EA2\u51FA 39px \u88AB\u88C1\uFF09 ----
+         \u6CE8\u610F\uFF1AtitleRow \u7684 wrap \u89C4\u5219\u5DF2\u5220\u9664\u2014\u2014tabs \u6298\u53E0\u8FDB\u6807\u9898\u884C\u540E\u5FC5\u987B\u5355\u884C\uFF0C
+         \u8FD9\u91CC\u7684 wrap \u4F1A\u5728\u7EA7\u8054\u4E2D\u8D62\u8FC7\u524D\u9762\u7684 nowrap\uFF0C\u5BFC\u81F4\u6807\u9898\u884C\u91CD\u65B0\u6298\u6210\u4E24\u884C\u3002 */
       button[class*="_7rgC5q_chip"],
       button[class*="cubgiG_seat"],
       div[class*="_7rgC5q_chipWrap"] {
@@ -4101,11 +4170,34 @@ function injectMobileStyles() {
               \u5E38\u9A7B\u5C4F\u5E55\u53F3\u4E0B\u89D2\uFF0C\u89C6\u89C9\u4E0A\u5C31\u662F\u90A3\u4E2A"\u5C0F\u65B9\u5757"\u3002
          \u4FEE\u590D\uFF1A\u79FB\u52A8\u7AEF\u9690\u85CF panel-host \u906E\u7F69\u4E0E glass \u6E10\u53D8\u88C5\u9970\u6761\uFF0C\u5E76\u9501\u5B9A\u8F93\u5165\u6846 sticky \u4E8E\u5E95\u90E8\u3002 */
 
-      /* \u9690\u85CF better-sidebar \u7684\u5168\u5C4F\u906E\u7F69\uFF08\u907F\u514D\u8986\u76D6\u8F93\u5165\u6846\u5E76\u62E6\u622A\u70B9\u51FB\uFF09 */
+      /* better-sidebar \u9762\u677F\u5BBF\u4E3B\uFF1A\u9ED8\u8BA4\u9690\u85CF\uFF08\u65E7\u7684\u5168\u5C4F fixed \u906E\u7F69\u4F1A\u76D6\u4F4F\u8F93\u5165\u6846\u5E76\u62E6\u622A\u70B9\u51FB\uFF09\uFF1B
+         \u5E95\u90E8\u9762\u677F\u5C55\u5F00\u65F6\uFF08\u5F00\u5173 aria-pressed=true / body.dsh-workbench-open\uFF09\u6539\u4E3A
+         \u5E95\u90E8\u9762\u677F\u5F62\u6001\u663E\u793A\u2014\u2014\u4E0D\u906E\u8F93\u5165\u6846\u3001\u4E0D\u9876\u72B6\u6001\u680F\uFF0C\u5185\u5BB9\uFF08zsh \u4F1A\u8BDD\u7B49\uFF09\u53EF\u89C1\u3002
+         aria-pressed \u4E0E data-active \u90FD\u662F\u8BED\u8A00\u65E0\u5173\u951A\u70B9\uFF0C\u4E2D\u82F1\u6587\u73AF\u5883\u901A\u7528\u3002 */
       div[data-dsh-panel-host],
       div[data-dsh-better-sidebar] {
         display: none !important;
       }
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[data-dsh-panel-host],
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[data-dsh-better-sidebar] {
+        display: block !important;
+        top: 42px !important;
+        bottom: calc(var(--dsh-composer-height, 171px) + 34px) !important;
+        left: 8px !important;
+        right: 8px !important;
+        width: auto !important;
+        height: auto !important;
+        z-index: 20 !important;
+        border-radius: 12px !important;
+        overflow: auto !important;
+        background: var(--dsw-alias-bg-layer-2, #2c2c2e) !important;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
+      }
+      /* \u5E95\u90E8\u9762\u677F\u5C55\u5F00\u65F6\u539F\u751F\u7ED9\u4E2D\u680F\u9884\u7559\u7684 220px \u5E95\u90E8\u7A7A\u767D\u6536\u6389\uFF0C\u8F93\u5165\u6846\u56DE\u5230\u5C4F\u5E55\u5E95\u3002
+         \u6CE8\u610F body.dsh-workbench-open \u5728\u6536\u8D77\u540E\u4ECD\u6B8B\u7559\uFF0C\u4E0D\u80FD\u5F53\u5C55\u5F00\u4FE1\u53F7\u3002 */
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[class*="pI_x6G_centerCol"] {
+        margin-bottom: 0 !important;
+      }
       /* \u9690\u85CF\u4E3B\u9898\u88C5\u9970\u6027\u6E10\u53D8\u6761\uFF08\u53F3\u4E0B\u89D2\u5C0F\u65B9\u5757\uFF09 */
       span[data-dsh-glass-fade] {
         display: none !important;
@@ -4122,12 +4214,48 @@ function injectMobileStyles() {
         display: flex !important;
         align-items: center !important;
         justify-content: space-between !important;
+        flex-wrap: nowrap !important;
         gap: 6px !important;
         width: 100% !important;
         padding: 2px 2px 4px !important;
         box-sizing: border-box !important;
       }
 
+      /* \u8F93\u5165\u6846\u8D34\u5E95\uFF1AscrollBody \u7684 16px \u5E95\u90E8\u886C\u8DDD\u662F\u7A7A\u9699\u6765\u6E90\uFF0C\u6536\u6389\u53EA\u7559\u5B89\u5168\u533A\uFF1B
+         \u518D\u57AB 6px \u8BA9\u7EDF\u8BA1\u836F\u4E38\u5B8C\u6574\u53EF\u89C1 */
+      div[class*="wSkVaW_scrollBody"] {
+        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
+      }
+      div[class*="wSkVaW_composerStack"] {
+        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
+      }
+
+      /* workbuddy-connect \u7684 Reasoning levels \u6309\u94AE\uFF08uV2eYG_trailing \u91CC\u552F\u4E00\u7684\u65E0 class
+         \u6309\u94AE\uFF0C\u7ED3\u6784\u951A\u70B9 span>button\uFF09\uFF1A\u79FB\u52A8\u7AEF\u6536\u6210\u7EAF\u56FE\u6807\uFF0C\u6587\u5B57\u88AB\u88C1\u6389\uFF0C
+         \u4E0D\u518D\u628A\u5DE6\u4FA7\u6309\u94AE\u6324\u5230\u4E0A\u4E00\u884C */
+      div[class*="uV2eYG_trailing"] span > button:not([class]) {
+        flex: 0 0 26px !important;
+        width: 26px !important;
+        min-width: 26px !important;
+        padding: 0 2px !important;
+        overflow: hidden !important;
+        justify-content: center !important;
+        gap: 0 !important;
+        font-size: 0 !important;
+        /* \u60AC\u505C\u9501\u5B9A\uFF1A\u5BBD\u5EA6\u4E0E\u4F4D\u79FB\u90FD\u4E0D\u53D8\uFF0C\u675C\u7EDD\u5DE5\u5177\u680F/\u5BF9\u8BDD\u6846\u6296\u52A8 */
+        transition: none !important;
+        border-radius: 8px !important;
+      }
+      div[class*="uV2eYG_trailing"] span > button:not([class]):hover {
+        width: 26px !important;
+        min-width: 26px !important;
+        padding: 0 2px !important;
+        background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.15)) !important;
+      }
+      div[class*="uV2eYG_trailing"] span > button:not([class]) svg {
+        flex: 0 0 auto !important;
+      }
+
       div[class*="uV2eYG_tools"] {
         display: flex !important;
         align-items: center !important;
@@ -4210,7 +4338,8 @@ function injectMobileStyles() {
       div[class*="_sidebarCol"] {
         position: fixed !important;
         left: 0 !important;
-        top: 0 !important;
+        /* \u9876\u5230\u9876\u90E8\u6807\u7B7E\u6761(38px)\u4E4B\u4E0B\uFF0C\u4E0D\u518D\u4E0E\u6700\u4E0A\u9762\u7684\u680F\u91CD\u53E0 */
+        top: 38px !important;
         bottom: auto !important;
         /* \u4FA7\u8FB9\u680F\u5E95\u90E8\u6EA2\u51FA\u5C4F\u5E55\u4FEE\u590D\uFF1A
            \u5B9E\u6D4B 390x844 \u4E0B\uFF0C\u4FA7\u8FB9\u680F\u5B9E\u9645\u76D2\u5B50\u4E3A T=12 B=882\uFF08\u9AD8\u5EA6 870 > \u89C6\u53E3 844\uFF09\uFF0C\u5E95\u90E8\u6EA2\u51FA 38px\u3002
@@ -4218,8 +4347,8 @@ function injectMobileStyles() {
            \u4E8E\u662F padding(10px+14px) \u4E0E margin(12px) \u88AB\u52A0\u5728 height:100dvh \u4E4B\u5916\u3002
            \u6539\u4E3A border-box \u5E76\u7528 100dvh \u76F4\u63A5\u7EA6\u675F\u9AD8\u5EA6\uFF0Cpadding \u5373\u88AB\u5305\u542B\u5728\u9AD8\u5EA6\u5185\u3002 */
         box-sizing: border-box !important;
-        height: 100dvh !important;
-        max-height: 100dvh !important;
+        height: calc(100dvh - 38px) !important;
+        max-height: calc(100dvh - 38px) !important;
         margin: 0 !important;
         width: 290px !important;
         max-width: 82vw !important;
@@ -4686,6 +4815,125 @@ function setupMobileExperience(rpcCall, ctx) {
   const panelObserver = new MutationObserver(ensurePanelCloseButton);
   panelObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ["class"] });
   window.addEventListener("resize", ensurePanelCloseButton);
+  const mobileTabState = { btn: null, dropdown: null };
+  const nativeTabs = () => [...document.querySelectorAll('[role="tablist"] [role="tab"]')];
+  const closeTabDropdown = () => {
+    if (mobileTabState.dropdown) {
+      mobileTabState.dropdown.remove();
+      mobileTabState.dropdown = null;
+    }
+  };
+  const renderTabDropdown = () => {
+    closeTabDropdown();
+    if (!mobileTabState.btn) return;
+    const dropdown = document.createElement("div");
+    dropdown.className = "dsh-mobile-tab-dropdown";
+    const tabs = nativeTabs();
+    tabs.forEach((tabEl) => {
+      const isActive = tabEl.getAttribute("aria-selected") === "true";
+      const option = document.createElement("button");
+      option.type = "button";
+      option.className = "dsh-mobile-tab-option";
+      option.setAttribute("data-active", isActive ? "true" : "false");
+      const name2 = document.createElement("span");
+      name2.textContent = tabEl.textContent.replace(/\s+/g, " ").trim();
+      option.appendChild(name2);
+      if (isActive) {
+        const check = document.createElementNS("http://www.w3.org/2000/svg", "svg");
+        check.setAttribute("width", "14");
+        check.setAttribute("height", "14");
+        check.setAttribute("viewBox", "0 0 24 24");
+        check.setAttribute("fill", "none");
+        check.setAttribute("stroke", "currentColor");
+        check.setAttribute("stroke-width", "2.5");
+        check.setAttribute("stroke-linecap", "round");
+        check.setAttribute("stroke-linejoin", "round");
+        check.innerHTML = '<polyline points="20 6 9 17 4 12"></polyline>';
+        option.appendChild(check);
+      }
+      option.onclick = (e) => {
+        e.stopPropagation();
+        tabEl.click();
+        closeTabDropdown();
+        syncTabButtonLabel();
+      };
+      dropdown.appendChild(option);
+    });
+    mobileTabState.btn.appendChild(dropdown);
+    mobileTabState.dropdown = dropdown;
+  };
+  const syncTabButtonLabel = () => {
+    if (!mobileTabState.btn || !mobileTabState.btn.isConnected) return;
+    const active = nativeTabs().find((t) => t.getAttribute("aria-selected") === "true");
+    const labelEl = mobileTabState.btn.querySelector(".dsh-mobile-tab-btn-label");
+    if (!labelEl || !active) return;
+    const name2 = active.textContent.replace(/\s+/g, " ").trim();
+    if (labelEl.textContent !== name2) labelEl.textContent = name2;
+  };
+  const ensureTabButton = () => {
+    if (typeof window === "undefined" || window.innerWidth > 768) return;
+    const titleRow = document.querySelector('div[class*="wSkVaW_titleRow"]');
+    const cluster = titleRow ? titleRow.querySelector('div[class*="wSkVaW_titleCluster"]') : null;
+    if (!titleRow || !cluster) {
+      closeTabDropdown();
+      if (mobileTabState.btn) {
+        mobileTabState.btn.remove();
+        mobileTabState.btn = null;
+      }
+      return;
+    }
+    if (mobileTabState.btn && mobileTabState.btn.isConnected && titleRow.contains(mobileTabState.btn)) {
+      syncTabButtonLabel();
+      return;
+    }
+    document.querySelectorAll(".dsh-mobile-tab-btn").forEach((el) => el.remove());
+    const tabBtn = document.createElement("button");
+    tabBtn.type = "button";
+    const pillBtn = titleRow.querySelector('div[class*="wSkVaW_titleCluster"] button');
+    const utilBtn = titleRow.querySelector('div[class*="wSkVaW_headerUtilities"] button');
+    const mimic = pillBtn && pillBtn.className || utilBtn && utilBtn.className || "";
+    tabBtn.className = (mimic ? mimic + " " : "") + "dsh-mobile-tab-btn";
+    tabBtn.innerHTML = `<span class="dsh-mobile-tab-btn-label">\u5BF9\u8BDD</span><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>`;
+    tabBtn.onclick = (e) => {
+      e.stopPropagation();
+      if (mobileTabState.dropdown) closeTabDropdown();
+      else renderTabDropdown();
+    };
+    titleRow.insertBefore(tabBtn, cluster.nextSibling);
+    mobileTabState.btn = tabBtn;
+    syncTabButtonLabel();
+  };
+  const cleanReasoningButtons = () => {
+    if (typeof window === "undefined" || window.innerWidth > 768) return;
+    document.querySelectorAll('div[class*="uV2eYG_trailing"] span > button:not([class])').forEach((btn) => {
+      if (btn.dataset.dshTextCleaned === "1") return;
+      [...btn.childNodes].forEach((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          if (node.tagName.toLowerCase() === "svg" || typeof node.querySelector === "function" && node.querySelector("svg")) return;
+        }
+        node.remove();
+      });
+      btn.dataset.dshTextCleaned = "1";
+    });
+  };
+  const titleExtrasObserver = new MutationObserver(() => {
+    ensureTabButton();
+    cleanReasoningButtons();
+  });
+  titleExtrasObserver.observe(document.body, { childList: true, subtree: true });
+  window.addEventListener("resize", () => {
+    if (window.innerWidth > 768) closeTabDropdown();
+  });
+  document.addEventListener(
+    "click",
+    (e) => {
+      if (!mobileTabState.dropdown) return;
+      if (!mobileTabState.dropdown.contains(e.target) && !e.target.closest(".dsh-mobile-tab-btn")) closeTabDropdown();
+    },
+    true
+  );
+  ensureTabButton();
+  cleanReasoningButtons();
   document.addEventListener("click", (e) => {
     if (typeof window === "undefined" || window.innerWidth > 768) return;
     const trigger = e.target.closest('button[aria-label*="\u9762\u677F"], button[aria-label*="\u5DE5\u4F5C\u533A"], div[class*="toggleCluster"] button, button[class*="subagent"], div[class*="headerActions"] button, div[class*="titleRow"] button');

package/client/index.js

@@ -3426,24 +3426,97 @@ function injectMobileStyles() {
         display: none !important;
       }
 
+      /* ---- 对话/轨迹/上下文 标签折叠进标题行（同一行） ----
+         原生 tablist 整行隐藏；由 setupMobileExperience 注入一个原生样式的
+         「对话」按钮（插在标准模式与访达图标之间），点击弹下拉切换三个视图。
+         按钮文案与选项文案都从原生 tab 动态读取，语言无关。 */
+      div[class*="wSkVaW_tabs"] {
+        display: none !important;
+      }
+      .dsh-mobile-tab-btn {
+        display: inline-flex !important;
+        align-items: center !important;
+        gap: 5px !important;
+        position: relative !important;
+        height: 28px !important;
+        min-height: 28px !important;
+        padding: 0 10px !important;
+        border-radius: 999px !important;
+        background: var(--dsw-alias-bg-layer-2, rgba(127, 127, 127, 0.12)) !important;
+        color: var(--dsw-alias-label-primary, inherit) !important;
+        font-size: 12.5px !important;
+        line-height: 28px !important;
+        white-space: nowrap !important;
+        cursor: pointer !important;
+      }
+      .dsh-mobile-tab-btn svg {
+        flex: 0 0 auto !important;
+      }
+      .dsh-mobile-tab-dropdown {
+        position: absolute !important;
+        top: calc(100% + 6px) !important;
+        left: 0 !important;
+        min-width: 132px !important;
+        z-index: 60 !important;
+        padding: 4px !important;
+        border-radius: 12px !important;
+        background: var(--dsw-alias-bg-layer-2, #2c2c2e) !important;
+        border: 1px solid var(--dsw-alias-border-l2, transparent) !important;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option {
+        display: flex !important;
+        align-items: center !important;
+        justify-content: space-between !important;
+        gap: 8px !important;
+        width: 100% !important;
+        padding: 7px 10px !important;
+        border: 0 !important;
+        border-radius: 8px !important;
+        background: transparent !important;
+        color: var(--dsw-alias-label-primary, inherit) !important;
+        font-size: 13px !important;
+        line-height: 18px !important;
+        cursor: pointer !important;
+        text-align: left !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option:hover {
+        background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.15)) !important;
+      }
+      .dsh-mobile-tab-dropdown .dsh-mobile-tab-option[data-active='true'] {
+        color: var(--dsw-alias-brand-text, var(--dsw-alias-label-primary, inherit)) !important;
+        font-weight: 600 !important;
+      }
+
       /* ---- 顶栏「标准模式」与「对话管理」重叠修复 ----
          实测（390px）：标准模式(在 titleCluster 内) 右边界 102，
          对话管理(在 headerUtilities 内) 左边界 91 → 水平重叠 11px。
-         根因：titleCluster 只有 46px 宽（[33,79]），但内部的「标准模式」胶囊固定 69px，
-         撑破父容器后与右侧 headerUtilities 相撞。
-         修复：允许 titleRow 换行 + 让两侧各自可收缩并限宽。 */
+         修复：titleRow 强制单行（tabs 已并入同一行），超宽时 titleCluster
+         内部截断而不是换行——换行会让 header 变两行、挤压中间空间。 */
       div[class*="wSkVaW_titleRow"],
       div[class*="_titleRow"] {
-        flex-wrap: wrap !important;
-        row-gap: 6px !important;
+        display: flex !important;
+        flex-direction: row !important;
+        flex-wrap: nowrap !important;
+        align-items: center !important;
+        flex: 1 1 auto !important;
+        min-width: 0 !important;
         column-gap: 8px !important;
-        overflow: visible !important;
+        overflow: hidden !important;
       }
       div[class*="wSkVaW_titleCluster"],
       div[class*="_titleCluster"] {
-        flex: 1 1 auto !important;
+        flex: 0 1 auto !important;
         min-width: 0 !important;
         max-width: 100% !important;
+        overflow: hidden !important;
+      }
+      /* 原生 corner 按钮带 margin-right:-16px 悬挂设计，在单行 + overflow:hidden 下
+         会被裁掉 16px——归零后整行刚好放下：cluster69 + utilities123 + corner28 */
+      div[class*="wSkVaW_headerCorner"] {
+        margin-right: 0 !important;
+        margin-left: 0 !important;
+        flex: 0 0 auto !important;
       }
       div[class*="wSkVaW_headerActions"],
       div[class*="_headerActions"] {
@@ -3614,13 +3687,9 @@ function injectMobileStyles() {
         box-sizing: border-box !important;
       }
 
-      /* ---- 顶部控件防溢出裁切（320px 下 main 分支 chip 溢出 39px 被裁） ---- */
-      div[class*="wSkVaW_titleRow"],
-      div[class*="_titleRow"] {
-        flex-wrap: wrap !important;
-        row-gap: 6px !important;
-        overflow: visible !important;
-      }
+      /* ---- 顶部控件防溢出裁切（320px 下 main 分支 chip 溢出 39px 被裁） ----
+         注意：titleRow 的 wrap 规则已删除——tabs 折叠进标题行后必须单行，
+         这里的 wrap 会在级联中赢过前面的 nowrap，导致标题行重新折成两行。 */
       button[class*="_7rgC5q_chip"],
       button[class*="cubgiG_seat"],
       div[class*="_7rgC5q_chipWrap"] {
@@ -3698,11 +3767,34 @@ function injectMobileStyles() {
               常驻屏幕右下角，视觉上就是那个"小方块"。
          修复：移动端隐藏 panel-host 遮罩与 glass 渐变装饰条，并锁定输入框 sticky 于底部。 */
 
-      /* 隐藏 better-sidebar 的全屏遮罩（避免覆盖输入框并拦截点击） */
+      /* better-sidebar 面板宿主：默认隐藏（旧的全屏 fixed 遮罩会盖住输入框并拦截点击）；
+         底部面板展开时（开关 aria-pressed=true / body.dsh-workbench-open）改为
+         底部面板形态显示——不遮输入框、不顶状态栏，内容（zsh 会话等）可见。
+         aria-pressed 与 data-active 都是语言无关锚点，中英文环境通用。 */
       div[data-dsh-panel-host],
       div[data-dsh-better-sidebar] {
         display: none !important;
       }
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[data-dsh-panel-host],
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[data-dsh-better-sidebar] {
+        display: block !important;
+        top: 42px !important;
+        bottom: calc(var(--dsh-composer-height, 171px) + 34px) !important;
+        left: 8px !important;
+        right: 8px !important;
+        width: auto !important;
+        height: auto !important;
+        z-index: 20 !important;
+        border-radius: 12px !important;
+        overflow: auto !important;
+        background: var(--dsw-alias-bg-layer-2, #2c2c2e) !important;
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35) !important;
+      }
+      /* 底部面板展开时原生给中栏预留的 220px 底部空白收掉，输入框回到屏幕底。
+         注意 body.dsh-workbench-open 在收起后仍残留，不能当展开信号。 */
+      body:has(button[data-dsh-bottom-toggle][aria-pressed='true']) div[class*="pI_x6G_centerCol"] {
+        margin-bottom: 0 !important;
+      }
       /* 隐藏主题装饰性渐变条（右下角小方块） */
       span[data-dsh-glass-fade] {
         display: none !important;
@@ -3719,12 +3811,48 @@ function injectMobileStyles() {
         display: flex !important;
         align-items: center !important;
         justify-content: space-between !important;
+        flex-wrap: nowrap !important;
         gap: 6px !important;
         width: 100% !important;
         padding: 2px 2px 4px !important;
         box-sizing: border-box !important;
       }
 
+      /* 输入框贴底：scrollBody 的 16px 底部衬距是空隙来源，收掉只留安全区；
+         再垫 6px 让统计药丸完整可见 */
+      div[class*="wSkVaW_scrollBody"] {
+        padding-bottom: calc(6px + env(safe-area-inset-bottom, 0px)) !important;
+      }
+      div[class*="wSkVaW_composerStack"] {
+        padding-bottom: env(safe-area-inset-bottom, 0px) !important;
+      }
+
+      /* workbuddy-connect 的 Reasoning levels 按钮（uV2eYG_trailing 里唯一的无 class
+         按钮，结构锚点 span>button）：移动端收成纯图标，文字被裁掉，
+         不再把左侧按钮挤到上一行 */
+      div[class*="uV2eYG_trailing"] span > button:not([class]) {
+        flex: 0 0 26px !important;
+        width: 26px !important;
+        min-width: 26px !important;
+        padding: 0 2px !important;
+        overflow: hidden !important;
+        justify-content: center !important;
+        gap: 0 !important;
+        font-size: 0 !important;
+        /* 悬停锁定：宽度与位移都不变，杜绝工具栏/对话框抖动 */
+        transition: none !important;
+        border-radius: 8px !important;
+      }
+      div[class*="uV2eYG_trailing"] span > button:not([class]):hover {
+        width: 26px !important;
+        min-width: 26px !important;
+        padding: 0 2px !important;
+        background: var(--dsw-alias-interactive-bg-hover, rgba(127, 127, 127, 0.15)) !important;
+      }
+      div[class*="uV2eYG_trailing"] span > button:not([class]) svg {
+        flex: 0 0 auto !important;
+      }
+
       div[class*="uV2eYG_tools"] {
         display: flex !important;
         align-items: center !important;
@@ -3807,7 +3935,8 @@ function injectMobileStyles() {
       div[class*="_sidebarCol"] {
         position: fixed !important;
         left: 0 !important;
-        top: 0 !important;
+        /* 顶到顶部标签条(38px)之下，不再与最上面的栏重叠 */
+        top: 38px !important;
         bottom: auto !important;
         /* 侧边栏底部溢出屏幕修复：
            实测 390x844 下，侧边栏实际盒子为 T=12 B=882（高度 870 > 视口 844），底部溢出 38px。
@@ -3815,8 +3944,8 @@ function injectMobileStyles() {
            于是 padding(10px+14px) 与 margin(12px) 被加在 height:100dvh 之外。
            改为 border-box 并用 100dvh 直接约束高度，padding 即被包含在高度内。 */
         box-sizing: border-box !important;
-        height: 100dvh !important;
-        max-height: 100dvh !important;
+        height: calc(100dvh - 38px) !important;
+        max-height: calc(100dvh - 38px) !important;
         margin: 0 !important;
         width: 290px !important;
         max-width: 82vw !important;
@@ -4301,6 +4430,141 @@ function setupMobileExperience(rpcCall, ctx) {
   panelObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
   window.addEventListener('resize', ensurePanelCloseButton);
 
+  // 1.5 移动端标题行「对话」下拉：隐藏原生 tablist，在标准模式右边注入一个
+  //     原生样式的「对话 ▾」按钮，点开下拉选择 对话/轨迹/上下文 切换视图。
+  //     文案从原生 tab 动态读取（语言无关）；按钮类名复刻原生标题行按钮。
+  const mobileTabState = { btn: null, dropdown: null };
+
+  const nativeTabs = () => [...document.querySelectorAll('[role="tablist"] [role="tab"]')];
+
+  const closeTabDropdown = () => {
+    if (mobileTabState.dropdown) {
+      mobileTabState.dropdown.remove();
+      mobileTabState.dropdown = null;
+    }
+  };
+
+  const renderTabDropdown = () => {
+    closeTabDropdown();
+    if (!mobileTabState.btn) return;
+    const dropdown = document.createElement('div');
+    dropdown.className = 'dsh-mobile-tab-dropdown';
+    const tabs = nativeTabs();
+    tabs.forEach((tabEl) => {
+      const isActive = tabEl.getAttribute('aria-selected') === 'true';
+      const option = document.createElement('button');
+      option.type = 'button';
+      option.className = 'dsh-mobile-tab-option';
+      option.setAttribute('data-active', isActive ? 'true' : 'false');
+      const name = document.createElement('span');
+      name.textContent = tabEl.textContent.replace(/\s+/g, ' ').trim();
+      option.appendChild(name);
+      if (isActive) {
+        const check = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
+        check.setAttribute('width', '14');
+        check.setAttribute('height', '14');
+        check.setAttribute('viewBox', '0 0 24 24');
+        check.setAttribute('fill', 'none');
+        check.setAttribute('stroke', 'currentColor');
+        check.setAttribute('stroke-width', '2.5');
+        check.setAttribute('stroke-linecap', 'round');
+        check.setAttribute('stroke-linejoin', 'round');
+        check.innerHTML = '<polyline points="20 6 9 17 4 12"></polyline>';
+        option.appendChild(check);
+      }
+      option.onclick = (e) => {
+        e.stopPropagation();
+        tabEl.click();
+        closeTabDropdown();
+        syncTabButtonLabel();
+      };
+      dropdown.appendChild(option);
+    });
+    mobileTabState.btn.appendChild(dropdown);
+    mobileTabState.dropdown = dropdown;
+  };
+
+  const syncTabButtonLabel = () => {
+    if (!mobileTabState.btn || !mobileTabState.btn.isConnected) return;
+    const active = nativeTabs().find((t) => t.getAttribute('aria-selected') === 'true');
+    const labelEl = mobileTabState.btn.querySelector('.dsh-mobile-tab-btn-label');
+    if (!labelEl || !active) return;
+    // 只有文案真的变化才写入：textContent 无条件赋值会移除并重建文本节点，
+    // 触发 MutationObserver → 无限循环，页面卡死。
+    const name = active.textContent.replace(/\s+/g, ' ').trim();
+    if (labelEl.textContent !== name) labelEl.textContent = name;
+  };
+
+  const ensureTabButton = () => {
+    if (typeof window === 'undefined' || window.innerWidth > 768) return;
+    const titleRow = document.querySelector('div[class*="wSkVaW_titleRow"]');
+    const cluster = titleRow ? titleRow.querySelector('div[class*="wSkVaW_titleCluster"]') : null;
+    if (!titleRow || !cluster) {
+      closeTabDropdown();
+      if (mobileTabState.btn) {
+        mobileTabState.btn.remove();
+        mobileTabState.btn = null;
+      }
+      return;
+    }
+    if (mobileTabState.btn && mobileTabState.btn.isConnected && titleRow.contains(mobileTabState.btn)) {
+      syncTabButtonLabel();
+      return;
+    }
+    document.querySelectorAll('.dsh-mobile-tab-btn').forEach((el) => el.remove());
+    const tabBtn = document.createElement('button');
+    tabBtn.type = 'button';
+    // 观感对齐：优先复刻标准模式胶囊的类，其次访达图标按钮，最后自有样式兜底
+    const pillBtn = titleRow.querySelector('div[class*="wSkVaW_titleCluster"] button');
+    const utilBtn = titleRow.querySelector('div[class*="wSkVaW_headerUtilities"] button');
+    const mimic = (pillBtn && pillBtn.className) || (utilBtn && utilBtn.className) || '';
+    tabBtn.className = (mimic ? mimic + ' ' : '') + 'dsh-mobile-tab-btn';
+    tabBtn.innerHTML = `<span class="dsh-mobile-tab-btn-label">对话</span><svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>`;
+    tabBtn.onclick = (e) => {
+      e.stopPropagation();
+      if (mobileTabState.dropdown) closeTabDropdown();
+      else renderTabDropdown();
+    };
+    titleRow.insertBefore(tabBtn, cluster.nextSibling);
+    mobileTabState.btn = tabBtn;
+    syncTabButtonLabel();
+  };
+
+  // workbuddy-connect 的 Reasoning 按钮：移动端删掉文字节点只留图标（svg 保留），
+  // 插件重渲染后新按钮由观察器重新清理
+  const cleanReasoningButtons = () => {
+    if (typeof window === 'undefined' || window.innerWidth > 768) return;
+    document.querySelectorAll('div[class*="uV2eYG_trailing"] span > button:not([class])').forEach((btn) => {
+      if (btn.dataset.dshTextCleaned === '1') return;
+      [...btn.childNodes].forEach((node) => {
+        if (node.nodeType === Node.ELEMENT_NODE) {
+          if (node.tagName.toLowerCase() === 'svg' || (typeof node.querySelector === 'function' && node.querySelector('svg'))) return;
+        }
+        node.remove();
+      });
+      btn.dataset.dshTextCleaned = '1';
+    });
+  };
+
+  const titleExtrasObserver = new MutationObserver(() => {
+    ensureTabButton();
+    cleanReasoningButtons();
+  });
+  titleExtrasObserver.observe(document.body, { childList: true, subtree: true });
+  window.addEventListener('resize', () => {
+    if (window.innerWidth > 768) closeTabDropdown();
+  });
+  document.addEventListener(
+    'click',
+    (e) => {
+      if (!mobileTabState.dropdown) return;
+      if (!mobileTabState.dropdown.contains(e.target) && !e.target.closest('.dsh-mobile-tab-btn')) closeTabDropdown();
+    },
+    true,
+  );
+  ensureTabButton();
+  cleanReasoningButtons();
+
   // 移动端点击面板/工作区触发按钮时，自动激活 dsh-workbench-open
   document.addEventListener('click', (e) => {
     if (typeof window === 'undefined' || window.innerWidth > 768) return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-bridge-gateway",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "以 dsh-bridge 为根基、融合 remote-gateway 能力的 DSH 远程访问网关：局域网 / Cloudflare 隧道 / 自建隧道之外，新增「公网直连网关」（0.0.0.0 监听 + 自带 HTTPS 自签证书 + 强制登录门禁），解决移动端外网直连操控电脑。",
   "releaseNotes": "【dsh-bridge-gateway 0.1.5】\n• 🔧 适配 DSH 0.1.5：RPC 通道迁移到 webServer 直注册 + requestRejection 鉴权\n• 📱 移动端深度适配：顶栏防重叠、分支 chip 不再裁切、输入框宽度对齐并 sticky 固定、44px 点击热区、侧边栏焦点陷阱消除\n• 默认不启用，安装后原有局域网/隧道/IM 行为完全不变",
   "type": "module",