@wenbin_wb/dsh-bridge 2.10.6 → 2.10.8

package/CHANGELOG.md

@@ -4,6 +4,33 @@
 
 ---
 
+## [v2.10.8] - 2026-09-08
+
+### ✨ 新功能
+
+- **登录 Session 持久化**（issue #36，PR #37）：宿主（dsh web）进程重启后，已登录设备不再需要重输访问密码——手机远程访问的登录态不再随每次 DSH 重启丢失。改密码 / 切换模式 / 重新生成 Token 仍会同步吊销全部旧会话（安全语义保持）；文件损坏/写盘失败安全降级。
+- **设置页检测 DSH 宿主更新并一键升级**：版本横幅同步检测 `@deepseek-ai/dsh` 线上最新版，发现新版时黄色提示；检测到 npm 全局安装形态时提供「一键升级 DSH」按钮（升级后引导重启），非 npm 安装（源码 / 打包加壳等）仅提醒并给官方升级方式，避免误导。
+- **移动端输入框可折叠**：聊天头部工具栏（Session 下载钮旁）新增折叠按钮，收起底部输入区后消息阅读区最大化（约 +20% 可视高度）；折叠时底部保留「✏️ 点击输入消息」细条一键唤回；折叠偏好跨会话记忆。
+
+### 🐞 修复
+
+- **iOS Safari 键盘弹起时聊天输入框上下跳动**：输入区为 sticky 吸底布局，键盘弹起时随 visual viewport 收缩反复重排抖动——现键盘弹起时固定输入框所属滚动容器高度，键盘收起后还原，仅 iOS 生效、不依赖宿主类名。
+
+---
+
+## [v2.10.7] - 2026-09-08
+
+### 🐞 修复
+
+- **修复 Cloudflare 固定域名（Token 模式）隧道秒退**（issue #35）：v2.10.6 引入的 `--no-autoupdate` 参数位置错误（写在 `run` 之后）导致 cloudflared 报 `Incorrect Usage` 秒退、固定域名隧道永远起不来（免费临时隧道不受影响）。已改为放在 `run` 之前，与临时隧道分支保持一致。
+- **确定性配置错误直接提示**：`Incorrect Usage` / 无效 Token 等配置错误不再误判为"意外退出"退避重连 12 次，而是直接置 error 显示配置错误原因，便于定位问题。
+
+### ✨ 优化
+
+- **Cloudflare 固定域名配置区新增教程入口**：「查看 Cloudflare 固定域名申请与配置教程」链接，覆盖账号注册 → 域名接入 → 创建固定隧道 → 复制 Token → 绑定子域名（Public Hostname）→ 填回面板的完整图文步骤，中英文菜单对照。
+
+---
+
 ## [v2.10.6] - 2026-09-07
 
 ### 🐞 修复

package/README.md

@@ -139,7 +139,7 @@ dsh plugin --profile web add @wenbin_wb/dsh-bridge@latest
   3. 几秒内自动生成公网 URL 和二维码，点「重置链接」可随时换新。
 
 - **模式 2：Cloudflare Token 固定域名（永久不变 · 免费）**
-  1. 在 [Cloudflare Zero Trust 控制台](https://one.dash.cloudflare.com/) 免费创建 Tunnel 并绑定域名（如 `dsh.yourdomain.com`）；
+  1. 在 [Cloudflare Zero Trust 控制台](https://one.dash.cloudflare.com/) 免费创建 Tunnel 并绑定域名（如 `dsh.yourdomain.com`）——**[📖 从零申请/配置完整教程](docs/cloudflare-fixed-domain.md)**（注册账号 → 接入域名 → 建隧道 → 取 Token → 绑定子域名 → 填回面板）；
   2. 展开卡片底部的 **「⚙️ 高级配置：固定域名 (Cloudflare Token)」**，填入自定义域名与 Tunnel Token 并保存；
   3. 勾选 **「随 DSH 启动自动开启」**，每次 DSH 重启即可自动恢复隧道，**URL 永久固定不变**！
 

package/client/client.js

@@ -425,6 +425,74 @@ var MOBILE_STYLES_CSS = `
         padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
       }
 
+      /* \u2500\u2500 \u79FB\u52A8\u7AEF\u8F93\u5165\u6846\u6298\u53E0\u6A21\u5F0F\uFF08body.dsh-composer-collapsed\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+         \u6298\u53E0\u540E\u9690\u85CF\u5438\u5E95\u8F93\u5165\u533A\uFF0C\u8BA9\u6D88\u606F viewArea \u81EA\u52A8\u4F38\u5C55\u5230\u5168\u9AD8\uFF0C\u6700\u5927\u5316\u9605\u8BFB\u533A\u3002
+         \u5165\u53E3\uFF1A\u804A\u5929\u5934\u90E8\u5DE5\u5177\u680F\uFF08Session \u4E0B\u8F7D\u94AE\u65C1\uFF09\u7684\u6298\u53E0\u6309\u94AE\uFF0C\u6216\u6298\u53E0\u6001\u5E95\u90E8\u7EC6\u8F93\u5165\u6761\u70B9\u5B83\u5524\u56DE\u3002
+         \u72B6\u6001\u6301\u4E45\u5316\u5230 localStorage\u3002 */
+      body.dsh-composer-collapsed div[class*="wSkVaW_composerSeat"] {
+        display: none !important;
+      }
+      body.dsh-composer-collapsed div[class*="wSkVaW_viewArea"] {
+        flex: 1 1 auto !important;
+        height: auto !important;
+        min-height: 0 !important;
+      }
+      /* \u6298\u53E0\u65F6\u6EDA\u52A8\u533A\u5E95\u90E8\u5BF9\u9F50 safe-area\uFF0C\u907F\u514D\u5185\u5BB9\u88AB iPhone \u5E95\u90E8\u6A2A\u6761\u906E\u6321 */
+      body.dsh-composer-collapsed div[class*="wSkVaW_scrollBody"] {
+        padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
+      }
+
+      /* \u6298\u53E0\u8F93\u5165\u6846\u6309\u94AE\uFF1A\u6CE8\u5165\u5728\u804A\u5929\u5934\u90E8\u5DE5\u5177\u680F\uFF08Session \u4E0B\u8F7D\u94AE\u65C1\uFF09\uFF0C
+         \u4E0E DSH sessionLogButton \u540C\u89C4\u683C\uFF0828px \u5706\u5F62\u56FE\u6807\u94AE\uFF09\uFF0C\u89C6\u89C9\u4E0E\u539F\u751F\u4E00\u81F4 */
+      .dsh-header-fold-btn {
+        min-width: 28px !important;
+        width: 28px !important;
+        height: 28px !important;
+        padding: 0 !important;
+        border-radius: 50% !important;
+        display: inline-flex !important;
+        align-items: center !important;
+        justify-content: center !important;
+        flex-shrink: 0 !important;
+        border: 1px solid var(--dsw-alias-border-l2, rgba(0, 0, 0, 0.1)) !important;
+        background: var(--dsw-alias-bg-layer-2, rgba(0, 0, 0, 0.03)) !important;
+        color: var(--dsw-alias-label-secondary, #6b7280) !important;
+        cursor: pointer !important;
+        transition: opacity 0.15s !important;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
+        -webkit-tap-highlight-color: transparent !important;
+      }
+      .dsh-header-fold-btn:active {
+        opacity: 0.6 !important;
+      }
+      .dsh-header-fold-btn svg {
+        width: 15px !important;
+        height: 15px !important;
+      }
+
+      /* \u6298\u53E0\u6001\u5E95\u90E8\u7EC6\u8F93\u5165\u6761\uFF1A\u70B9\u51FB\u5524\u8D77\u8F93\u5165\u6846\uFF08\u4F4D\u4E8E\u539F\u8F93\u5165\u533A\u4F4D\u7F6E\uFF0Csticky \u5E95\u90E8\uFF09 */
+      .dsh-composer-collapsed-bar {
+        display: none !important;
+        position: sticky !important;
+        bottom: 0 !important;
+        margin: 8px 12px max(8px, env(safe-area-inset-bottom, 0px)) 12px !important;
+        padding: 11px 16px !important;
+        border-radius: 22px !important;
+        background: var(--dsw-alias-bg-layer-2, #f4f4f7) !important;
+        border: 1px solid rgba(0, 0, 0, 0.07) !important;
+        color: var(--dsw-alias-label-tertiary, #8b93a1) !important;
+        font-size: 13.5px !important;
+        line-height: 1.4 !important;
+        cursor: pointer !important;
+        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
+        -webkit-tap-highlight-color: transparent !important;
+        z-index: 40 !important;
+        box-sizing: border-box !important;
+      }
+      body.dsh-composer-collapsed .dsh-composer-collapsed-bar {
+        display: block !important;
+      }
+
       /* \u8F93\u5165\u5361\u7247\uFF1ADeepSeek App \u5706\u89D2\u5927\u80F6\u56CA\u9020\u578B */
       div[class*="uV2eYG_card"] {
         border-radius: 26px !important;
@@ -999,6 +1067,7 @@ var BRIDGE_ENDPOINTS = {
   setLanIp: "setLanIp",
   checkVersion: "checkVersion",
   upgradePlugin: "upgradePlugin",
+  upgradeDsh: "upgradeDsh",
   restartDsh: "restartDsh",
   exportBackup: "exportBackup",
   importBackup: "importBackup",
@@ -1085,6 +1154,7 @@ var GITHUB_URL = "https://github.com/wenbin-wb/dsh-bridge";
 var RELEASES_URL = "https://github.com/wenbin-wb/dsh-bridge/releases";
 var ISSUES_URL = "https://github.com/wenbin-wb/dsh-bridge/issues/new";
 var TUNNEL_DOCS_URL = "https://github.com/wenbin-wb/dsh-bridge/blob/main/docs/custom-tunnel.md";
+var CLOUDFLARE_TUTORIAL_URL = "https://github.com/wenbin-wb/dsh-bridge/blob/main/docs/cloudflare-fixed-domain.md";
 function upgradeCommands(latest) {
   const spec = `@wenbin_wb/dsh-bridge@${latest}`;
   return [
@@ -1849,6 +1919,12 @@ var CloudflareConfigForm = React.memo(function CloudflareConfigForm2({ token, ho
         { style: { fontSize: 12, color: "var(--dsw-alias-label-secondary, #6b7280)", marginBottom: 8, lineHeight: 1.5 } },
         "\u5728 Cloudflare Zero Trust \u63A7\u5236\u53F0\u521B\u5EFA Tunnel \u5373\u53EF\u83B7\u53D6\u4E13\u5C5E Token \u5E76\u7ED1\u5B9A\u81EA\u5DF1\u7684\u57DF\u540D\uFF08\u5982 dsh.yourname.com\uFF09\uFF0C\u6BCF\u6B21\u91CD\u542F URL \u6C38\u4E0D\u53D8\u66F4\u3002\u4E0D\u586B\u5219\u4F7F\u7528\u9ED8\u8BA4\u514D\u767B\u5F55\u4E34\u65F6\u968F\u673A\u57DF\u540D\u3002"
       ),
+      React.createElement("a", {
+        href: CLOUDFLARE_TUTORIAL_URL,
+        target: "_blank",
+        rel: "noreferrer",
+        style: { ...s.btnLink, marginBottom: 10 }
+      }, "\u{1F4D6} \u67E5\u770B\u300CCloudflare \u56FA\u5B9A\u57DF\u540D\u300D\u7533\u8BF7\u4E0E\u914D\u7F6E\u6559\u7A0B"),
       React.createElement(
         "div",
         { style: { marginBottom: 8 } },
@@ -3683,6 +3759,7 @@ function VersionBanner({ rpcCall }) {
   }, [check]);
   const hasUpdate = info?.latest && info?.current && !info.error && semverGt(info.latest, info.current);
   const isLatest = info?.latest && info?.current && !info.error && !semverGt(info.latest, info.current);
+  const dshHasUpdate = !!(info?.dshLatest && info?.dshVersion && !info.error && semverGt(info.dshLatest, info.dshVersion));
   const handleUpgrade = React.useCallback(async () => {
     if (!info?.latest || upgrading) return;
     setUpgrading(true);
@@ -3704,6 +3781,28 @@ function VersionBanner({ rpcCall }) {
       setUpgrading(false);
     }
   }, [info?.latest, upgrading, rpcCall]);
+  const [dshUpgrading, setDshUpgrading] = React.useState(false);
+  const [dshUpgradeResult, setDshUpgradeResult] = React.useState(null);
+  const handleUpgradeDsh = React.useCallback(async () => {
+    if (!info?.dshLatest || dshUpgrading) return;
+    setDshUpgrading(true);
+    setDshUpgradeResult(null);
+    setDismissRestart(false);
+    resetRestartStatus();
+    try {
+      const r = await rpcCall(BRIDGE_ENDPOINTS.upgradeDsh, { version: info.dshLatest });
+      if (r?.ok && r.value?.ok) {
+        setDshUpgradeResult({ ok: true, message: `DSH \u5DF2\u6210\u529F\u5347\u7EA7\u5230 v${info.dshLatest}\uFF01` });
+      } else {
+        const msg = r?.value?.error || r?.error?.message || "\u5347\u7EA7\u5931\u8D25";
+        setDshUpgradeResult({ ok: false, message: msg, manual: true });
+      }
+    } catch (e) {
+      setDshUpgradeResult({ ok: false, message: e.message || "\u5347\u7EA7\u8BF7\u6C42\u5931\u8D25", manual: true });
+    } finally {
+      setDshUpgrading(false);
+    }
+  }, [info?.dshLatest, dshUpgrading, rpcCall]);
   const links = React.createElement(
     "div",
     { style: { display: "flex", gap: 10, alignItems: "center", flexWrap: "wrap" } },
@@ -3768,24 +3867,26 @@ function VersionBanner({ rpcCall }) {
           hasUpdate && React.createElement("span", { style: { fontWeight: 600, fontSize: 11 } }, `\u2794 v${info.latest}`),
           info?.error && React.createElement("span", { style: { color: "var(--dsw-alias-state-warn-primary,#d97706)", fontSize: 11 } }, "(\u7F51\u7EDC\u8D85\u65F6)")
         ),
-        // DSH 宿主版本标签
+        // DSH 宿主版本标签（有新版时黄色高亮）
         info?.dshVersion && React.createElement(
           "span",
           {
             style: {
               ...s.tag,
-              background: "var(--dsw-alias-bg-layer-2,#f3f4f6)",
-              color: "var(--dsw-alias-label-tertiary,#6b7280)",
+              background: dshHasUpdate ? "var(--dsw-alias-state-warn-bg,#fffbeb)" : "var(--dsw-alias-bg-layer-2,#f3f4f6)",
+              color: dshHasUpdate ? "var(--dsw-alias-state-warn-primary,#d97706)" : "var(--dsw-alias-label-tertiary,#6b7280)",
               padding: "3px 10px",
               fontSize: 12,
               fontWeight: 500,
               display: "inline-flex",
               alignItems: "center",
               gap: 5
-            }
+            },
+            title: dshHasUpdate ? `\u53D1\u73B0 DSH \u65B0\u7248\u672C v${info.dshLatest}` : void 0
           },
           React.createElement("span", { style: { opacity: 0.75, fontSize: 11, fontWeight: 400 } }, "DSH"),
-          `v${info.dshVersion}`
+          `v${info.dshVersion}`,
+          dshHasUpdate && React.createElement("span", { style: { fontWeight: 600, fontSize: 11 } }, `\u2794 v${info.dshLatest}`)
         ),
         // 刷新检查按钮
         React.createElement(
@@ -3975,6 +4076,109 @@ function VersionBanner({ rpcCall }) {
           )
         )
       )
+    ),
+    // ── DSH 宿主有新版本时的提示 / 一键升级卡片 ──
+    dshHasUpdate && React.createElement(
+      "div",
+      {
+        style: {
+          ...s.card,
+          background: "var(--dsw-alias-state-warn-bg,#fffbeb)",
+          border: "1px solid var(--dsw-alias-state-warn-border,#fde68a)",
+          padding: "14px 16px",
+          marginTop: 10,
+          marginBottom: 0
+        }
+      },
+      React.createElement(
+        "div",
+        { style: { display: "flex", alignItems: "flex-start", gap: 12 } },
+        React.createElement("span", { style: { fontSize: 22 } }, "\u{1F6E0}\uFE0F"),
+        React.createElement(
+          "div",
+          { style: { flex: 1, minWidth: 0 } },
+          React.createElement(
+            "div",
+            { style: { display: "flex", alignItems: "center", justifyContent: "space-between", flexWrap: "wrap", gap: 8, marginBottom: 8 } },
+            React.createElement("div", {
+              style: { fontSize: 13, fontWeight: 600, color: "var(--dsw-alias-state-warn-primary,#92400e)" }
+            }, `DSH \u6709\u65B0\u7248\u672C v${info.dshLatest}\uFF08\u5F53\u524D v${info.dshVersion}\uFF09`),
+            info?.dshUpgradable ? React.createElement(
+              "button",
+              {
+                style: {
+                  ...s.btnPri,
+                  height: 28,
+                  fontSize: 12,
+                  padding: "0 14px",
+                  background: dshUpgradeResult?.ok ? "var(--dsw-alias-state-success-primary,#059669)" : "var(--dsw-alias-brand-primary,#4f6ef7)",
+                  opacity: dshUpgrading || restarting ? 0.6 : 1
+                },
+                onClick: handleUpgradeDsh,
+                disabled: dshUpgrading || restarting || dshUpgradeResult?.ok
+              },
+              dshUpgrading ? React.createElement(
+                "span",
+                { style: { display: "inline-flex", alignItems: "center", gap: 6 } },
+                React.createElement("span", { style: { animation: "spin 1s linear infinite", display: "inline-flex" } }, React.createElement(Icons.refresh)),
+                "\u6B63\u5728\u5347\u7EA7 DSH\u2026"
+              ) : dshUpgradeResult?.ok ? "\u2713 DSH \u5347\u7EA7\u5B8C\u6210" : `\u4E00\u952E\u5347\u7EA7 DSH \u5230 v${info.dshLatest}`
+            ) : React.createElement("a", {
+              href: GITHUB_URL,
+              target: "_blank",
+              rel: "noreferrer",
+              style: { ...s.btnLink, fontSize: 12, fontWeight: 600 }
+            }, "\u67E5\u770B\u5B98\u65B9\u5347\u7EA7\u65B9\u5F0F \u2197")
+          ),
+          React.createElement(
+            "div",
+            {
+              style: { fontSize: 12, color: "var(--dsw-alias-label-secondary,#6b7280)", lineHeight: 1.6 }
+            },
+            info?.dshUpgradable ? "\u5347\u7EA7 DSH \u547D\u4EE4\u884C\u5DE5\u5177\u540E\u9700\u91CD\u542F DSH \u670D\u52A1\u751F\u6548\u3002" : info?.dshUpgradeReason || "\u5F53\u524D DSH \u975E npm \u5168\u5C40\u5B89\u88C5\uFF0C\u65E0\u6CD5\u4E00\u952E\u81EA\u52A8\u5347\u7EA7\uFF0C\u8BF7\u6309\u5B98\u65B9\u6E20\u9053\u624B\u52A8\u66F4\u65B0\u3002"
+          ),
+          dshUpgradeResult && React.createElement("div", {
+            style: {
+              marginTop: 10,
+              fontSize: 12,
+              lineHeight: 1.6,
+              color: dshUpgradeResult.ok ? "var(--dsw-alias-state-success-primary,#059669)" : "var(--dsw-alias-state-error-primary,#dc2626)"
+            }
+          }, dshUpgradeResult.message),
+          dshUpgradeResult?.ok && !dismissRestart && React.createElement(
+            "div",
+            {
+              style: { display: "flex", gap: 8, alignItems: "center", flexWrap: "wrap", marginTop: 10 }
+            },
+            React.createElement("button", {
+              style: { ...s.btnPri, height: 30, fontSize: 12, padding: "0 14px", background: "var(--dsw-alias-state-success-primary,#059669)" },
+              onClick: handleRestart
+            }, "\u{1F504} \u7ACB\u5373\u91CD\u542F DSH \u670D\u52A1"),
+            React.createElement("button", {
+              style: { ...s.btnGhost, height: 30, fontSize: 12, padding: "0 12px" },
+              onClick: () => setDismissRestart(true)
+            }, "\u7A0D\u540E\u624B\u52A8\u91CD\u542F")
+          ),
+          (restarting || restartStatus) && React.createElement(
+            "div",
+            {
+              style: {
+                display: "flex",
+                alignItems: "center",
+                gap: 8,
+                fontSize: 12,
+                marginTop: 8,
+                color: restartStatus?.phase === "success" ? "var(--dsw-alias-state-success-primary,#059669)" : restartStatus?.phase === "timeout" ? "var(--dsw-alias-state-error-primary,#dc2626)" : "var(--dsw-alias-state-info-primary,#2563eb)",
+                fontWeight: 500
+              }
+            },
+            restartStatus?.phase !== "success" && restartStatus?.phase !== "timeout" && React.createElement("span", {
+              style: { animation: "spin 1s linear infinite", display: "inline-flex" }
+            }, React.createElement(Icons.refresh)),
+            restartStatus?.text || "\u6B63\u5728\u5904\u7406\u2026"
+          )
+        )
+      )
     )
   );
 }
@@ -5749,10 +5953,196 @@ function RemoteDirectoryFlow(props) {
   }, [open, pick]);
   return null;
 }
+function setupIosKeyboardAdapter() {
+  if (typeof window === "undefined" || !window.visualViewport) return;
+  if (!/iPhone|iPad|iPod/.test(navigator.userAgent || "")) return;
+  const vv = window.visualViewport;
+  const isEditable = (el) => el && (el.isContentEditable || el.tagName === "TEXTAREA" || el.tagName === "INPUT");
+  let keyboardOpen = false;
+  let pinnedEl = null;
+  let pinnedH = null;
+  let pinnedInline = null;
+  const findScrollContainer = (el) => {
+    let n = el;
+    while (n && n !== document.body) {
+      const cs = getComputedStyle(n);
+      if ((cs.overflowY === "auto" || cs.overflowY === "scroll") && n.scrollHeight > n.clientHeight) {
+        return n;
+      }
+      n = n.parentElement;
+    }
+    return null;
+  };
+  vv.addEventListener("resize", () => {
+    const ratio = vv.height / window.innerHeight;
+    const nowOpen = ratio < 0.75;
+    if (nowOpen === keyboardOpen) return;
+    keyboardOpen = nowOpen;
+    const el = document.activeElement;
+    if (nowOpen) {
+      const scroller = isEditable(el) ? findScrollContainer(el) : null;
+      if (scroller) {
+        pinnedEl = scroller;
+        pinnedInline = scroller.style.height || "";
+        pinnedH = scroller.getBoundingClientRect().height;
+        scroller.style.height = `${Math.round(pinnedH)}px`;
+      }
+      requestAnimationFrame(() => {
+        if (isEditable(el)) {
+          try {
+            el.scrollIntoView({ block: "nearest" });
+          } catch {
+          }
+        }
+      });
+    } else {
+      if (pinnedEl) {
+        pinnedEl.style.height = pinnedInline;
+        pinnedEl = null;
+        pinnedH = null;
+        pinnedInline = null;
+      }
+    }
+  });
+}
+function setupComposerCollapse() {
+  if (typeof window === "undefined" || typeof document === "undefined") return;
+  if (window.innerWidth > 768) return;
+  const LS_KEY = "dsh-composer-fold";
+  let bar = null;
+  let busy = false;
+  let lastHadSeat = null;
+  const getFoldBtn = () => {
+    const existing = document.querySelector(".dsh-header-fold-btn");
+    if (existing) return existing;
+    const utils = document.querySelector('div[class*="wSkVaW_headerUtilities"], div[class*="headerUtilities"]');
+    const logBtn = document.querySelector('button[class*="sessionLogButton"], button[class*="nL4_yW_sessionLogButton"]');
+    if (!utils) return null;
+    const btn = document.createElement("button");
+    btn.className = "dsh-header-fold-btn";
+    btn.setAttribute("aria-label", "\u6536\u8D77/\u5C55\u5F00\u8F93\u5165\u6846");
+    btn.innerHTML = '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="3" y1="18" x2="21" y2="18"></line><polyline points="6 9 12 15 18 9"></polyline></svg>';
+    if (logBtn && logBtn.parentElement === utils) utils.insertBefore(btn, logBtn);
+    else utils.appendChild(btn);
+    return btn;
+  };
+  const isCollapsed = () => document.body.classList.contains("dsh-composer-collapsed");
+  const readPref = () => {
+    try {
+      return localStorage.getItem(LS_KEY) === "1";
+    } catch {
+      return false;
+    }
+  };
+  const ensureBar = () => {
+    if (bar && document.body.contains(bar)) return bar;
+    const seat = document.querySelector('div[class*="composerSeat"]');
+    const scrollBody = seat ? seat.parentElement : null;
+    if (!scrollBody) return null;
+    bar = document.createElement("div");
+    bar.className = "dsh-composer-collapsed-bar";
+    bar.textContent = "\u270F\uFE0F \u70B9\u51FB\u8F93\u5165\u6D88\u606F\u2026";
+    scrollBody.insertBefore(bar, seat);
+    bar.addEventListener("click", () => setCollapsed(false));
+    return bar;
+  };
+  const removeBar = () => {
+    if (bar) {
+      try {
+        bar.remove();
+      } catch {
+      }
+      bar = null;
+    }
+  };
+  const setCollapsed = (collapsed) => {
+    if (busy) return;
+    busy = true;
+    try {
+      if (isCollapsed() !== collapsed) {
+        document.body.classList.toggle("dsh-composer-collapsed", collapsed);
+        try {
+          localStorage.setItem(LS_KEY, collapsed ? "1" : "0");
+        } catch {
+        }
+        updateButton(collapsed);
+      }
+      if (collapsed) ensureBar();
+      else removeBar();
+    } finally {
+      busy = false;
+    }
+  };
+  const updateButton = (collapsed) => {
+    const btn = getFoldBtn();
+    if (!btn) return;
+    btn.title = collapsed ? "\u5C55\u5F00\u8F93\u5165\u6846" : "\u6536\u8D77\u8F93\u5165\u6846\uFF0C\u6700\u5927\u5316\u5BF9\u8BDD\u9605\u8BFB\u533A";
+    const icon = collapsed ? '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><rect x="2" y="6" width="20" height="12" rx="2"></rect><line x1="6" y1="10" x2="6.01" y2="10"></line><line x1="10" y1="10" x2="10.01" y2="10"></line><line x1="14" y1="10" x2="14.01" y2="10"></line><line x1="6" y1="14" x2="10" y2="14"></line><line x1="14" y1="14" x2="18" y2="14"></line></svg>' : '<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="3" y1="18" x2="21" y2="18"></line><polyline points="6 9 12 15 18 9"></polyline></svg>';
+    const existing = btn.querySelector("svg");
+    if (!existing || existing.outerHTML !== icon) btn.innerHTML = icon;
+  };
+  const handleSeatPresent = () => {
+    const btn = getFoldBtn();
+    if (!btn) return false;
+    btn.style.display = "inline-flex";
+    if (!btn._dshFoldWired) {
+      btn._dshFoldWired = true;
+      btn.onclick = (e) => {
+        e.stopPropagation();
+        setCollapsed(!isCollapsed());
+      };
+    }
+    document.body.classList.add("dsh-composer-active");
+    const want = readPref();
+    if (want !== isCollapsed()) {
+      setCollapsed(want);
+    } else {
+      updateButton(isCollapsed());
+    }
+    return true;
+  };
+  const handleSeatAbsent = () => {
+    const btn = getFoldBtn();
+    if (btn) {
+      btn.style.display = "none";
+    }
+    document.body.classList.remove("dsh-composer-active");
+    removeBar();
+  };
+  const onComposerChange = () => {
+    const hasSeat = !!document.querySelector('div[class*="composerSeat"]');
+    const hasBtn = !!document.querySelector(".dsh-header-fold-btn");
+    if (busy) return;
+    if (hasSeat === lastHadSeat && hasSeat === hasBtn) return;
+    busy = true;
+    try {
+      if (hasSeat) {
+        lastHadSeat = handleSeatPresent();
+      } else {
+        handleSeatAbsent();
+        lastHadSeat = false;
+      }
+    } finally {
+      busy = false;
+    }
+  };
+  const observer = new MutationObserver(() => {
+    observer.disconnect();
+    try {
+      onComposerChange();
+    } finally {
+      observer.observe(document.body, { childList: true, subtree: true });
+    }
+  });
+  observer.observe(document.body, { childList: true, subtree: true });
+  onComposerChange();
+}
 function apply(ctx) {
   window.__dshClientCtx = ctx;
   const rpcCall = (endpoint, payload, signal) => ctx.connection.rpc.call(BRIDGE_RPC_CHANNEL, endpoint, payload, signal);
   window.__dshOpenRemoteWorkspaceModal = (onAdded, onPickDirect, onCancel) => showRemoteWorkspaceDialog(rpcCall, onAdded, ctx, onPickDirect, onCancel);
+  setupIosKeyboardAdapter();
+  setupComposerCollapse();
   setupMobileExperience(rpcCall, ctx);
   const injected = () => ({ pick: () => ctx.workspaces?.pickDirectory?.() });
   ctx.slots.inject(