dsh-bridge-gateway 0.1.6 → 0.1.7

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 本项目 `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
 
 ### 修复（移动端第二批：布局密度与面板）

package/client/client.js

@@ -3829,62 +3829,97 @@ function injectMobileStyles() {
         display: none !important;
       }
 
-      /* ---- \u5BF9\u8BDD/\u8F68\u8FF9/\u4E0A\u4E0B\u6587 \u6807\u7B7E\u884C\u6298\u53E0\u8FDB\u6807\u9898\u884C ----
-         \u539F\u672C tabs \u72EC\u5360\u4E00\u884C\uFF0825px + \u95F4\u8DDD\uFF09\uFF0C\u79FB\u52A8\u7AEF\u4E2D\u95F4\u7A7A\u95F4\u592A\u5C0F\u3002
-         \u6539\u4E3A\u7EDD\u5BF9\u5B9A\u4F4D\u7684\u60AC\u6D6E\u80F6\u56CA\uFF1A\u9489\u5728\u6807\u9898\u884C\u4E0B\u7F18\u53F3\u4FA7\uFF0C\u4E0D\u518D\u5360\u636E\u5E03\u5C40\u9AD8\u5EA6\uFF0C
-         \u4E2D\u95F4\u5185\u5BB9\u533A\u51C0\u589E\u7EA6 33px\uFF1B\u80CC\u666F\u7528\u539F\u751F tooltip \u7070\u4E0E\u5185\u5BB9\u5206\u5C42\u3002 */
-      header[class*="wSkVaW_header"] {
-        position: relative !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"] {
-        position: absolute !important;
-        top: 38px !important;
-        right: 6px !important;
-        left: auto !important;
-        width: auto !important;
-        max-width: 62vw !important;
-        height: 30px !important;
-        display: inline-flex !important;
-        align-items: center !important;
-        gap: 2px !important;
-        padding: 2px !important;
-        border-radius: 999px !important;
-        background: var(--dsw-alias-tooltip-bg, #43454a) !important;
-        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
-        overflow-x: auto !important;
-        scrollbar-width: none !important;
-        z-index: 30 !important;
-      }
-      div[class*="wSkVaW_tabs"]::-webkit-scrollbar {
         display: none !important;
       }
-      div[class*="wSkVaW_tabs"] [role="tab"] {
-        height: 24px !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;
-        font-size: 12px !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"] {
@@ -4055,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"] {
@@ -4211,6 +4242,15 @@ function injectMobileStyles() {
         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;
@@ -4775,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,62 +3426,97 @@ function injectMobileStyles() {
         display: none !important;
       }
 
-      /* ---- 对话/轨迹/上下文 标签行折叠进标题行 ----
-         原本 tabs 独占一行（25px + 间距），移动端中间空间太小。
-         改为绝对定位的悬浮胶囊：钉在标题行下缘右侧，不再占据布局高度，
-         中间内容区净增约 33px；背景用原生 tooltip 灰与内容分层。 */
-      header[class*="wSkVaW_header"] {
-        position: relative !important;
-      }
+      /* ---- 对话/轨迹/上下文 标签折叠进标题行（同一行） ----
+         原生 tablist 整行隐藏；由 setupMobileExperience 注入一个原生样式的
+         「对话」按钮（插在标准模式与访达图标之间），点击弹下拉切换三个视图。
+         按钮文案与选项文案都从原生 tab 动态读取，语言无关。 */
       div[class*="wSkVaW_tabs"] {
-        position: absolute !important;
-        top: 38px !important;
-        right: 6px !important;
-        left: auto !important;
-        width: auto !important;
-        max-width: 62vw !important;
-        height: 30px !important;
-        display: inline-flex !important;
-        align-items: center !important;
-        gap: 2px !important;
-        padding: 2px !important;
-        border-radius: 999px !important;
-        background: var(--dsw-alias-tooltip-bg, #43454a) !important;
-        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3) !important;
-        overflow-x: auto !important;
-        scrollbar-width: none !important;
-        z-index: 30 !important;
-      }
-      div[class*="wSkVaW_tabs"]::-webkit-scrollbar {
         display: none !important;
       }
-      div[class*="wSkVaW_tabs"] [role="tab"] {
-        height: 24px !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;
-        font-size: 12px !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"] {
@@ -3652,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"] {
@@ -3808,6 +3839,15 @@ function injectMobileStyles() {
         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;
@@ -4390,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.6",
+  "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",