@feiyang666/dsh-mobile-remote 1.9.1 → 2.0.0

package/lib/index.js

@@ -1,8 +1,10 @@
 // dsh-mobile-remote — DSH 移动端远程控制插件（host 侧）。
 //
 // 两大职责：
-//   1. **移动端呈现层补丁**：向 Web UI index.html 注入移动端 CSS/JS
-//      （composer 输入栏窄屏适配 + iOS 触控优化），不破坏 DSH 原生交互。
+//   1. **远端可达性**：局域网旁挂听众（宿主只绑回环时）或直接复用宿主自身的
+//      网卡监听（`--host <网卡IP>` 启动时），外加经中转服务器的 frp 外网隧道。
+//      官方 dsh 0.2.2 起自带移动端适配，本插件**不再注入任何移动端 CSS/UI 补丁**，
+//      只注入一个设备心跳脚本（设置页"已连接设备"统计需要）。
 //   2. **远程控制设置 API**（`/__dsh_remote/*`）：
 //      - `GET  /__dsh_remote/status`   返回当前监听 host / port / LAN IP 列表 /
 //                                       远程控制开关状态 / 当前活跃设备数；
@@ -222,9 +224,6 @@ function httpFollow(startUrl, maxRedirects = 4) {
   })
 }
 
-/** 移动端断点：与 DSH 原生 SIDEBAR_AUTO_COLLAPSE = 1024 对齐。 */
-const MOBILE_MAX_WIDTH = 1024
-
 /** 心跳过期时间（毫秒）：超过该时长未上报的设备视为离线。 */
 const HEARTBEAT_TTL = 90_000
 
@@ -259,7 +258,8 @@ export function apply(ctx) {
       try { ctx.logger?.warn?.(`[dsh-mobile-remote] ${message}${error ? `: ${String(error?.message || error)}` : ''}`) } catch { /* ignore */ }
     },
   })
-  const remoteEnabledNow = () => lan.status().running
+  // 局域网可达 = 宿主自己绑在网卡上（--host）或旁挂听众在听
+  const remoteEnabledNow = () => bindInfo(ctx).direct || lan.status().running
 
   // 活跃设备表：deviceId -> 详细设备信息（见 handleHeartbeat）。
   const devices = new Map()
@@ -440,23 +440,33 @@ export function apply(ctx) {
           warn(`[dsh-mobile-remote] 旧配置迁移失败：${String(error?.message || error)}`)
         }
       }
-      if (isLoopbackHost(ctx.webServer.host)) {
+      const bind = bindInfo(ctx)
+      if (bind.loopback) {
         // 旧绑定没生效（比如当前 profile 本来就没写过）：直接清理，不影响运行中的监听
         migrate()
       } else {
-        // 旧版本把 webserver 绑到了局域网 IP：现在改会触发一次重载把监听拉回回环，
-        // 必须等 HMR watcher 就绪后再写，否则这一次写入不会触发重载。
+        // 两种可能：
+        //   a) 旧版本把 webserver 绑到了局域网 IP —— 清理后会触发一次重载把监听拉回回环；
+        //      必须等 HMR watcher 就绪后再写，否则这一次写入不会触发重载。
+        //   b) 宿主本身就是用 `--host <网卡IP>` 启动的（官方桌面端/第三方壳）——
+        //      这不是本插件写的配置，也不该去改；直连反而是最省事的形态，按 direct 处理。
         const timer = setTimeout(() => {
           migrate()
-          warn('[dsh-mobile-remote] 监听已切回本机回环；局域网访问由插件的旁挂听众提供')
         }, 4000)
         migrationTimers.push(timer)
+        try {
+          ctx.logger?.info?.(
+            `[dsh-mobile-remote] dsh 直接监听 ${bind.host}:${bind.port}（--host），`
+            + '局域网/外网转发将以该地址为上游，不再需要同地址的旁挂听众',
+          )
+        } catch { /* ignore */ }
       }
       // 旧版本以「受管 patch 存在」表示开启；首次升级时迁移成持久化配置项
       if (getSetting('remoteEnabled', null) === null) {
         try { setSetting('remoteEnabled', isManagedPatchEnabled(ctx)) } catch { /* ignore */ }
       }
-      if (getSetting('remoteEnabled', false) !== true) return
+      // direct 形态下即使配置项是 false，局域网也已经是可达的；仍按配置决定是否补其它网卡
+      if (getSetting('remoteEnabled', false) !== true && !bind.direct) return
       try {
         const result = await enableRemote(ctx, lan)
         if (!result.running) {
@@ -472,7 +482,7 @@ export function apply(ctx) {
     // 免去每次手动输入。设置 DSH_DISABLE_AUTO_RESTORE=1 可关闭该行为。
     if (process.env.DSH_DISABLE_AUTO_RESTORE !== '1') {
       const patchFile = patchFilePath(ctx)
-      void autoRestoreExternal(external, patchFile, ctx.webServer.port || 3080)
+      void autoRestoreExternal(external, patchFile, ctx.webServer.port || 3080, bindInfo(ctx).upstream)
     }
 
     // ---- 端口自适应 ----
@@ -488,7 +498,7 @@ export function apply(ctx) {
       lastKnownPort = now
       // 局域网听众也要跟着端口走（否则手机地址指向一个没人监听的端口）
       if (lan.status().running) {
-        void lan.start(getLanAddresses(), now).then((result) => {
+        void enableRemote(ctx, lan).then((result) => {
           if (result.running) {
             try { ctx.logger?.info?.(`[dsh-mobile-remote] 监听端口 ${from} → ${now}，局域网听众已自适应重绑`) } catch { /* ignore */ }
           }
@@ -500,7 +510,7 @@ export function apply(ctx) {
         void startExternal(external, {
           bindCode: persisted.bindCode,
           serverBase: persisted.serverBase || undefined,
-        }, patchFilePath(ctx), now).catch(() => { /* 状态由 startExternal 内部记录 */ })
+        }, patchFilePath(ctx), now, bindInfo(ctx).upstream).catch(() => { /* 状态由 startExternal 内部记录 */ })
         try {
           ctx.logger?.info?.(`[dsh-mobile-remote] 监听端口 ${from} → ${now}，外网隧道已自适应重绑`)
         } catch { /* ignore */ }
@@ -571,6 +581,32 @@ function getLanAddresses() {
   return out.sort((a, b) => score(b) - score(a))
 }
 
+/**
+ * 宿主真实监听信息（本插件所有「转发到哪里」的判断都以它为准）。
+ *
+ * dsh 0.2.x 的 `webserver.host` 只接受一块具体网卡的字面量地址，因此运行时可能有两种形态：
+ *   - `loopback`：宿主只绑 127.0.0.1 → 手机必须靠旁挂 LAN 听众转发（本机窗口不受影响）；
+ *   - `direct`  ：宿主自己就绑在网卡上（官方桌面端/第三方壳用 `--host 192.168.x.x` 启动）。
+ *                 此时该地址上已经有监听，旁挂听众再绑同一地址必然 EADDRINUSE，
+ *                 而 127.0.0.1 上根本没有监听 —— 转发目标必须改成这块网卡本身。
+ * 这正是「局域网其实能访问、插件却显示未开启且没有二维码」与「外网域名 502」的共同根因。
+ * @param {import('@deepseek-ai/cordis').Context} [ctx]
+ * @returns {{host: string, port: number, loopback: boolean, direct: boolean, upstream: string}}
+ */
+function bindInfo(ctx) {
+  const host = String(ctx?.webServer?.host || '127.0.0.1')
+  const port = Number(ctx?.webServer?.port) || 0
+  const loopback = isLoopbackHost(host)
+  return { host, port, loopback, direct: !loopback, upstream: loopback ? '127.0.0.1' : host }
+}
+
+/** 把 host:port 拼成 URL authority（IPv6 自动加方括号）。 */
+function authorityOf(host, port) {
+  const h = String(host || '')
+  const wrapped = h.includes(':') && !h.startsWith('[') ? `[${h}]` : h
+  return port ? `${wrapped}:${port}` : wrapped
+}
+
 /** 所有 IPv4 网卡详情（含网卡名 / 掩码 / MAC / CIDR / 是否回环），供设置页展示。 */
 function getLanInterfaces() {
   const out = []
@@ -1061,28 +1097,58 @@ async function queryServerStatus(base, bindCode) {
  * @param {ReturnType<typeof createLanProxy>} proxy
  */
 async function enableRemote(ctx, proxy) {
-  const port = ctx.webServer.port || 0
+  const bind = bindInfo(ctx)
+  const port = bind.port
   if (!port) throw new Error('dsh 尚未监听端口，请稍后重试')
-  const result = await proxy.start(getLanAddresses(), port)
+  const lan = getLanAddresses()
+  if (bind.direct) {
+    // 宿主自己已经绑在这块网卡上：同地址不能再绑（EADDRINUSE），只补其余网卡。
+    // 转发目标也必须是宿主真实监听的那块网卡 —— 回环上没有任何监听。
+    const extras = lan.filter((ip) => ip !== bind.host)
+    const result = extras.length
+      ? await proxy.start(extras, port, { upstreamHost: bind.host, skipHosts: [bind.host] })
+      : { running: false, hosts: [], port: 0, upstream: `${authorityOf(bind.host, port)}`, failures: [] }
+    setSetting('remoteEnabled', true)
+    return {
+      // 直连由宿主提供，语义上就是「已开启」
+      running: true,
+      direct: true,
+      hosts: [bind.host, ...result.hosts],
+      port,
+      upstream: result.upstream,
+      sidecar: result.running === true,
+      failures: result.failures || [],
+    }
+  }
+  const result = await proxy.start(lan, port, { upstreamHost: bind.upstream })
   if (result.running) setSetting('remoteEnabled', true)
   return result
 }
 
 /**
  * 关闭局域网访问：释放旁挂听众，本机监听自始至终未受影响。
+ * 注意：若宿主是用 `--host <网卡IP>` 启动的，那份监听属于 dsh 本身，插件无权关闭，
+ * 只有改启动参数才能真正收回 —— 这里如实返回 direct 标记，由前端说明。
  * @param {ReturnType<typeof createLanProxy>} proxy
+ * @param {import('@deepseek-ai/cordis').Context} [ctx]
  */
-async function disableRemote(proxy) {
+async function disableRemote(proxy, ctx) {
   await proxy.stop()
   setSetting('remoteEnabled', false)
+  return { direct: !!(ctx && bindInfo(ctx).direct) }
 }
 
 /** GET /__dsh_remote/status */
 function handleStatus(ctx, devices, external, tracker, dshCache, proxy) {
   return async (req, res) => {
-    const lan = getLanAddresses()
+    const bind = bindInfo(ctx)
+    // 宿主自己绑在网卡上时，这块地址排在最前（手机优先用直连地址）
+    const lan = bind.direct
+      ? [bind.host, ...getLanAddresses().filter((ip) => ip !== bind.host)]
+      : getLanAddresses()
     const proxyState = proxy.status()
-    const remoteEnabled = proxyState.running
+    // 「局域网可达」= 宿主直连（--host 网卡IP）或插件的旁挂听众至少有一个在听
+    const remoteEnabled = bind.direct || proxyState.running
     // 外网 frpc 是否仍在运行
     const extRunning = !!external.proc && external.proc.exitCode === null
     // 手机访问地址统一附加新版 dsh 的浏览器会话 token（无认证时返回原 URL）
@@ -1135,27 +1201,36 @@ function handleStatus(ctx, devices, external, tracker, dshCache, proxy) {
     // WS 长连接是否已建立（供前端判断当前处于"实时推送"还是"退让/重连"）
     const wsConnected = !!(external.wsClient && external.wsClient.isOpen())
     json(res, 200, {
-      host: ctx.webServer.host,
-      port: ctx.webServer.port,
+      host: bind.host,
+      port: bind.port,
       lanAddresses: lan,
       lanInterfaces: getLanInterfaces(),
       remoteEnabled,
-      // 本机监听地址（新版永远是回环：局域网访问由旁挂听众转发，不再改绑定）
-      bindHost: ctx.webServer.host,
-      // 旁挂听众的实时状态（开启后有 running/hosts/port）
+      // 本机监听地址（可能回环，也可能是 --host 指定的网卡 IP）
+      bindHost: bind.host,
+      // 宿主是否自己就绑在网卡上（此时局域网直连由 dsh 提供，旁挂听众不再是必需）
+      direct: {
+        enabled: bind.direct,
+        host: bind.host,
+        port: bind.port,
+        upstream: bind.upstream,
+      },
+      // 旁挂听众的实时状态（开启后有 running/hosts/port/upstream）
       lan: {
         running: proxyState.running,
         hosts: proxyState.hosts,
         port: proxyState.port,
+        upstream: proxyState.upstream,
+        direct: bind.direct,
       },
       patchEnabled: isManagedPatchEnabled(ctx),
       deviceCount: devices.size,
       devices: deviceList,
       patchFile: patchFilePath(ctx),
       profile: profileName(ctx),
-      url: lan.length ? authUrl(`http://${lan[0]}:${ctx.webServer.port}`) : null,
+      url: lan.length ? authUrl(`http://${authorityOf(lan[0], bind.port)}`) : null,
       // 全部局域网 IP 的「手机可访问」地址（已带新版 dsh 认证 token；无认证时即裸地址）
-      lanUrls: lan.map((ip) => authUrl(`http://${ip}:${ctx.webServer.port}`)),
+      lanUrls: lan.map((ip) => authUrl(`http://${authorityOf(ip, bind.port)}`)),
       // 本机运行时信息（诊断用，设置页展示更详细的数据）
       runtime: runtimeInfo(ctx),
       uptime: Math.floor(process.uptime()),
@@ -1180,6 +1255,10 @@ function handleStatus(ctx, devices, external, tracker, dshCache, proxy) {
           ? String(persisted.bindCode).slice(0, 4) + '****'
           : '',
         error: external.error || null,
+        // frpc 转发的本地地址（宿主真实监听地址；非回环时是网卡 IP）
+        localHost: external.localHost || null,
+        // 外网入口可达性探测（{ ok, status, at, error }）：502 等会在这里直接暴露
+        probe: external.probe || null,
         defaultServerBase: DEFAULT_SERVER_BASE,
         persisted: persisted
           ? { bindCode: persisted.bindCode || '', serverBase: persisted.serverBase || '' }
@@ -1233,18 +1312,24 @@ function handleToggle(ctx, proxy) {
         json(res, 200, {
           ok: true,
           enabled: true,
+          direct: result.direct === true,
           lanHosts: result.hosts,
-          urls: result.hosts.map((ip) => `http://${ip}:${port}`),
-          note: 'lan listener started; dsh keeps listening on loopback (no restart, no patch)',
+          urls: result.hosts.map((ip) => `http://${authorityOf(ip, port)}`),
+          note: result.direct
+            ? 'dsh is already bound to a LAN address (--host); the side-car listener is not needed'
+            : 'lan listener started; dsh keeps listening on loopback (no restart, no patch)',
         })
         return
       }
-      await disableRemote(proxy)
+      const stopped = await disableRemote(proxy, ctx)
       notifyChanged()
       json(res, 200, {
         ok: true,
         enabled: false,
-        note: 'lan listener stopped; local access was never affected',
+        direct: stopped.direct === true,
+        note: stopped.direct
+          ? 'side-car listener stopped; dsh still listens on its --host address, remove that flag to fully close LAN access'
+          : 'lan listener stopped; local access was never affected',
       })
     } catch (error) {
       json(res, 500, { ok: false, error: String(error?.message || error) })
@@ -1252,7 +1337,7 @@ function handleToggle(ctx, proxy) {
   }
 }
 
-/** POST /__dsh_remote/heartbeat（移动端上报的详细设备元数据，见下方 MOBILE_JS）。 */
+/** POST /__dsh_remote/heartbeat（浏览器上报的详细设备元数据，见下方 CLIENT_JS）。 */
 function handleHeartbeat(devices, tracker) {
   return async (req, res) => {
     const body = await readBody(req)
@@ -1335,7 +1420,11 @@ function handleExternalStart(ctx, external) {
     try { body = await readBody(req) } catch { /* ignore */ }
     try {
       const patchFile = patchFilePath(ctx)
-      const result = await startExternal(external, body, patchFile, ctx.webServer.port || 3080)
+      // 第 5 个参数是 frpc 的本地转发地址：宿主未绑回环时必须是网卡 IP，
+      // 否则 frpc 会转发到没人监听的 127.0.0.1:port —— 外网域名直接 502。
+      const result = await startExternal(
+        external, body, patchFile, ctx.webServer.port || 3080, bindInfo(ctx).upstream,
+      )
       notifyChanged() // 外网隧道启动：通知 SSE 订阅者
       json(res, 200, Object.assign({ ok: true }, result))
     } catch (error) {
@@ -1369,14 +1458,14 @@ function stopFrpc(external) {
 function injectIntoIndex(html, remoteEnabled) {
   const bootConfig =
     '<script id="dsh-mobile-remote-config">window.__DSH_MOBILE_REMOTE__ = ' +
-    JSON.stringify({ lanEnabled: remoteEnabled, mobileMaxWidth: MOBILE_MAX_WIDTH }) +
+    JSON.stringify({ lanEnabled: remoteEnabled }) +
     ';</script>'
   const gateStyle = `<style id="dsh-mobile-remote-gate-css">${GATE_CSS}</style>`
   const gateScript = `<script id="dsh-mobile-remote-gate-js">${GATE_JS}</script>`
-  const style = `<style id="dsh-mobile-remote-css">${MOBILE_CSS}</style>`
-  const script = `<script id="dsh-mobile-remote-js">${MOBILE_JS}</script>`
+  // 不再注入任何移动端布局/交互 CSS：官方 dsh 0.2.2 起自带窄屏抽屉等适配。
+  const script = `<script id="dsh-mobile-remote-js">${CLIENT_JS}</script>`
   // 门禁脚本注入在 head 最前，确保在 DSH 界面渲染前就绪
-  const injection = bootConfig + gateStyle + gateScript + style + script
+  const injection = bootConfig + gateStyle + gateScript + script
 
   if (html.includes('</head>')) {
     return html.replace('</head>', `${injection}\n</head>`)
@@ -1632,454 +1721,24 @@ const GATE_JS = `
 })();
 `
 
-const MOBILE_CSS = `
-/* === dsh-mobile-remote 移动端输入栏补丁 ===
- * 作用范围：仅在移动设备（<1024px）下生效。DSH 原生已经在 <1024px 时把侧边栏
- * 折叠为 rail 并提供原生汉堡按钮，本补丁不碰那一套，只修 composer。
- *
- * 选择器结构（packages/client/ui-conversation/src/client/skeleton/InputBar.tsx）：
- *   [data-composer-card]  ← composer 卡片根
- *     ├ [data-input-scroll]  ← 文本输入滚动区
- *     └ div:last-child       ← 工具行 .row
- *         ├ div:first-child  ← .tools（+ 按钮、访问模式、安全模式 select）
- *         └ div:last-child   ← .trailing（模型 select、上下文计量、发送按钮）
- */
-
-html[data-dsh-mobile] {
-  -webkit-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-}
-
-html[data-dsh-mobile] body {
-  -webkit-tap-highlight-color: transparent;
-  touch-action: manipulation;
-  overscroll-behavior-y: contain;
-}
-
-/* ----- 输入栏工具行：窄屏下允许换行，避免左右两侧的选择器互相挤压粘连 ----- */
-html[data-dsh-mobile] [data-composer-card] > div:last-child {
-  flex-wrap: wrap;
-  row-gap: 6px;
-}
-
-/* 左半区（+ 按钮 + 访问模式 + 安全模式）可收缩 */
-html[data-dsh-mobile] [data-composer-card] > div:last-child > div:first-child {
-  flex: 1 1 auto;
-  min-width: 0;
-}
-
-/* 右半区（模型选择 + 上下文 + 发送）换到第二行右对齐，与左半区彻底分开 */
-html[data-dsh-mobile] [data-composer-card] > div:last-child > div:last-child {
-  flex: none !important;
-  width: 100% !important;
-  justify-content: flex-end !important;
-}
-
-/* 工具行内的所有 <select>（选择模型 / 选择安全模式等）限宽防溢出 + 加大触控目标 */
-html[data-dsh-mobile] [data-composer-card] select {
-  max-width: min(46vw, 200px) !important;
-  min-height: 36px;
-  font-size: 14px;
-}
-
-/* 工具行内的按钮加大触控目标（44px 苹果 HIG 推荐） */
-html[data-dsh-mobile] [data-composer-card] > div:last-child button {
-  min-width: 40px;
-  min-height: 40px;
-}
-
-/* ----- iOS 触屏优化：输入框字号 >= 16px 防止聚焦自动缩放 ----- */
-html[data-dsh-mobile] textarea,
-html[data-dsh-mobile] input[type='text'],
-html[data-dsh-mobile] input[type='search'] {
-  font-size: 16px !important;
-}
-
-/* ----- 移动端 Tooltip 抑制 -----
- * DSH 原生 Tooltip 气泡由 hover / focus 触发（<span role="tooltip">）。
- * 触屏设备上没有 hover，点击按钮后焦点停留在按钮上，气泡会一直显示在屏幕上
- * （点击空白 / 滚动也不会消失）——即“停止 / 开始 / 关闭菜单栏等按钮的提示文字
- * 常驻屏幕”问题。移动端直接隐藏气泡，按钮仍保留 aria-label 无障碍名。
- */
-html[data-dsh-mobile] [role='tooltip'] {
-  display: none !important;
-  visibility: hidden !important;
-  opacity: 0 !important;
-  pointer-events: none !important;
-}
-
-/* ----- 移动端设置页适配 -----
- * 原生设置弹窗是 800px 双栏布局（188px 导航栏 + 内容列），手机上内容被挤得
- * 几乎没有空间。由 MOBILE_JS 的 MutationObserver 把设置弹窗打上
- * data-dsh-settings 标记（结构：role=dialog 且首个子元素为 <nav>），这里改为
- * 全屏单栏：导航栏变顶部横向滚动标签，内容区独占剩余空间。
- * 不依赖 harness 内部哈希类名，harness 升级后仍能直接适配。
- */
-html[data-dsh-mobile] [data-dsh-settings] {
-  display: flex !important;
-  flex-direction: column !important;
-  width: 100vw !important;
-  max-width: 100vw !important;
-  height: 100vh !important;
-  height: 100dvh !important;
-  max-height: 100vh !important;
-  max-height: 100dvh !important;
-  border-radius: 0 !important;
-}
-
-/* 导航栏：横向标签条，可横向滚动 */
-html[data-dsh-mobile] [data-dsh-settings] > nav {
-  display: flex !important;
-  flex-direction: row !important;
-  align-items: center !important;
-  width: 100% !important;
-  flex: none !important;
-  padding: 8px 10px !important;
-  gap: 6px !important;
-  overflow-x: auto !important;
-  -webkit-overflow-scrolling: touch;
-  border-bottom: 1px solid var(--dsw-alias-border-l2, rgba(127,127,127,.18)) !important;
-}
-
-/* 导航标题（设置面板的标题文案）在移动端隐藏，省出空间给标签 */
-html[data-dsh-mobile] [data-dsh-settings] > nav > div:first-child {
-  display: none !important;
-}
-
-/* 导航列表：横向排列、宽度自适应内容 */
-html[data-dsh-mobile] [data-dsh-settings] > nav > div + div {
-  display: flex !important;
-  flex-direction: row !important;
-  width: max-content !important;
-  gap: 6px !important;
-}
-
-/* 导航项：胶囊标签，加大触控目标 */
-html[data-dsh-mobile] [data-dsh-settings] nav button {
-  flex: none !important;
-  height: 36px !important;
-  padding: 0 14px !important;
-  gap: 6px !important;
-  border-radius: 999px !important;
-  white-space: nowrap !important;
-}
-
-/* 内容列：占满剩余空间。
- * min-height:0 是关键——flex 子项默认 min-height:auto，内容列无法收缩到
- * 比自身内容更矮，导致内容撑高后被面板 overflow:hidden 裁掉、内部 .options
- * 区永远拿不到受限高度而不能滚动。设为 0 后内容列可收缩，把高度让给
- * .options（其自身 overflow-y:auto）去内部滚动。 */
-html[data-dsh-mobile] [data-dsh-settings] > div {
-  width: 100% !important;
-  flex: 1 1 auto !important;
-  min-width: 0 !important;
-  min-height: 0 !important;
-  overflow: hidden !important;
-}
-
-/* 顶部 header 的按钮（关闭等）加大触控目标 */
-html[data-dsh-mobile] [data-dsh-settings] > div > div:first-child button {
-  min-width: 36px !important;
-  min-height: 36px !important;
-}
-
-/* 内容区边距收紧，让 section 内容有更多可用宽度 */
-html[data-dsh-mobile] [data-dsh-settings] > div > div:last-child {
-  padding: 0 12px 16px !important;
-}
-
-/* ----- 移动端上传图片按钮（composer 工具行，+ 加号旁）-----
- * 由 MOBILE_JS 注入到 [data-composer-card] 工具行。视觉上与 DSH 原生
- * 加号按钮同款（28px 圆、selector 填充），保证窄屏下排在一起不突兀。
- */
-html[data-dsh-mobile] [data-composer-card] .dsh-mr-attach {
-  display: grid;
-  place-items: center;
-  flex: none;
-  width: 28px;
-  height: 28px;
-  margin: 0;
-  padding: 0;
-  border: none;
-  border-radius: 999px;
-  background: var(--dsw-specific-selector, #ececee);
-  color: var(--dsw-alias-label-primary, #1f1f1f);
-  cursor: pointer;
-  -webkit-tap-highlight-color: transparent;
-  transition: background-color 100ms ease;
-}
-html[data-dsh-mobile] [data-composer-card] .dsh-mr-attach:active {
-  background: var(--dsw-alias-interactive-bg-hover-solid, #e0e0e3);
-}
-html[data-dsh-mobile] [data-composer-card] .dsh-mr-attach:disabled {
-  opacity: 0.45;
-  cursor: default;
-}
-
-/* 发送状态指示：composer 上方的「上传中 / 发送中」小浮层（含旋转 spinner）。
- * 位置：absolute 相对 [data-composer-card]（其 position:relative 且无
- * overflow 裁剪），贴在卡片上沿外侧。 */
-html[data-dsh-mobile] [data-composer-card] .dsh-mr-sending {
-  position: absolute;
-  left: 12px;
-  right: 12px;
-  bottom: calc(100% + 8px);
-  z-index: 30;
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 8px 12px;
-  border-radius: 10px;
-  background: var(--dsw-alias-surface-solid, #ffffff);
-  border: 1px solid var(--dsw-alias-divider, rgba(0, 0, 0, 0.08));
-  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
-  font-size: 13px;
-  line-height: 1.4;
-  color: var(--dsw-alias-text-tertiary, #666);
-}
-html[data-dsh-mobile] [data-composer-card] .dsh-mr-sending .dsh-mr-spinner {
-  width: 14px;
-  height: 14px;
-  flex: none;
-  border: 2px solid var(--dsw-alias-divider, rgba(0, 0, 0, 0.12));
-  border-top-color: currentColor;
-  border-radius: 50%;
-  animation: dsh-mr-spin 0.8s linear infinite;
-}
-@keyframes dsh-mr-spin {
-  to { transform: rotate(360deg); }
-}
-
-/* ----- 移动端上传轻提示气泡（自备极简 Toast）----- */
-#dsh-mr-toast {
-  position: fixed;
-  left: 50%;
-  bottom: 96px;
-  transform: translateX(-50%);
-  z-index: 2147483000;
-  max-width: min(86vw, 340px);
-  padding: 9px 16px;
-  border-radius: 10px;
-  font-size: 13px;
-  line-height: 1.5;
-  text-align: center;
-  color: var(--dsw-alias-label-primary-inverted, #fff);
-  background: var(--dsw-alias-button-contrast-fill, rgba(0, 0, 0, 0.82));
-  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.28);
-  pointer-events: none;
-  opacity: 0;
-  animation: dsh-mr-toast-in 2.4s ease forwards;
-}
-@keyframes dsh-mr-toast-in {
-  0% { opacity: 0; transform: translateX(-50%) translateY(8px); }
-  8% { opacity: 1; transform: translateX(-50%) translateY(0); }
-  86% { opacity: 1; }
-  100% { opacity: 0; transform: translateX(-50%) translateY(-4px); }
-}
-
-/* ----- 移动端图片缩略图 rail：删除按钮触控目标加大 -----
- * DSH 原生 AttachmentRail 的删除按钮只有 18px，触屏上太小。
- * 结构：rail([role=group]) > item(div) > button(缩略图) + button(删除)。
- */
-html[data-dsh-mobile] [data-composer-card] [role='group'] > div > button:last-child {
-  width: 24px !important;
-  height: 24px !important;
-}
-
-/* ----- 移动端弹窗（权限选择 / 模型选择菜单）适配 -----
- * DSH 的 Menu（PermissionSelect 权限选择）与 ModelSelect（模型选择）都是
- * 绝对定位浮层且不含 viewport 水平钳制：
- *   - 权限菜单 .list：left:0 + min-width:218px / max-width:360px——锚点在
- *     左区时菜单向右展开，容易超出屏幕右侧；
- *   - 模型菜单 .menu：right:0 + width:min(240px, calc(100vw-32px))——锚点
- *     在右区时向左展开，容易向左偏/遮挡左侧工具区。
- * 这里：
- *   - 权限菜单（无 aria-label）统一限制宽度不超屏；水平位置由 MOBILE_JS
- *     在菜单出现时用 translateX 钳制到视口内（无 transform 动画，可安全平移）；
- *   - 模型菜单（带 aria-label 的 [role=menu]）在移动端改为「底部抽屉」
- *     （bottom sheet）：贴底、宽度自适应屏幕、高度受限内部滚动，不再从
- *     锚点向左侧/上方展开遮挡 composer 左侧的 + / 上传图片等按钮。
- */
-html[data-dsh-mobile] [data-composer-card] [role='menu'] {
-  max-width: calc(100vw - 16px) !important;
-}
-
-/* 模型选择菜单（ModelSelect 的 .menu 带 aria-label，可据此与权限菜单区分；
- * 不依赖 harness 内部哈希类名）——移动端底部抽屉样式 */
-html[data-dsh-mobile] [data-composer-card] [role='menu'][aria-label] {
-  position: fixed !important;
-  top: auto !important;
-  left: 8px !important;
-  right: 8px !important;
-  bottom: 24px; /* fallback：不支持 max()/env() 的旧浏览器也保持上移 */
-  bottom: max(24px, env(safe-area-inset-bottom, 24px)) !important;
-  width: auto !important;
-  min-width: 0 !important;
-  max-width: none !important;
-  max-height: 62vh !important;
-  z-index: 1000 !important;
-  border-radius: 16px !important;
-  overflow: hidden !important;
-  overscroll-behavior: contain !important;
-}
-
-/* ----- 移动端插件宽表兜底：防止被压成逐字竖排 -----
- * dsh-usage-plugin 的「消耗表 / 消耗明细 / 每日统计」等 9–11 列宽表依赖其
- * 自身在运行时注入的全局样式（.dsh-usage-table{min-width:720px} + ≤540px
- * 折叠中间列）来避免列被压到极限宽度。若该样式因 CSP 或加载时序未生效，
- * 手机窄屏下每列会被压到约 1 字符宽、内容逐字竖排、数据无法阅读。
- * 本插件（dsh-mobile-remote）的样式是随 index.html 一起由服务端下发的，
- * 必定生效，因此作为可靠兜底：
- *   - 宽表强制 min-width:720px，配合其外层 overflow-x 容器横向滑动，始终可读；
- *   - ≤540px 时对带 collapse-mobile 的宽表隐藏第 4 列至倒数第 2 列，只保留
- *     前 3 个主标识列 + 最后合计列，手机上一屏即可看全关键数据；
- *   - 价格表等窄表（无 collapse-mobile）不折叠，保留横向滚动。
- */
-html[data-dsh-mobile] .dsh-usage-table {
-  min-width: 720px !important;
-}
-@media (max-width: 540px) {
-  html[data-dsh-mobile] .dsh-usage-table.collapse-mobile tr > *:not(:nth-child(-n+3)):not(:last-child) {
-    display: none !important;
-  }
-  html[data-dsh-mobile] .dsh-usage-table.collapse-mobile {
-    min-width: 320px !important;
-  }
-}
-
-/* ================================================================== */
-/* 移动端侧栏：默认彻底收起，悬浮按钮唤出「抽屉」                        */
 /* ------------------------------------------------------------------ */
-/* 原生在 <1024px 时会把侧栏折成 56px 图标 rail（IconPanelLeft 按钮），    */
-/* 这在 390px 宽的手机上仍吃掉 14% 的横向空间；而原生展开是「挤压中栏」的   */
-/* 网格列（center 会被压到 ~110px），手机上基本不可用。                   */
-/* 因此这里改成：                                                       */
-/*   1) 收起的常态下把侧栏轨道压到 0px（内容区吃满整屏）；                */
-/*   2) 点悬浮按钮展开时，让侧栏脱离网格、变成覆盖式抽屉 + 半透明遮罩；    */
-/*   3) 抽屉的开合仍然驱动官方 store（点击原生 toggle 按钮），只是用 CSS    */
-/*      把「挤压」改写成「浮层」，因此原生交互、快捷键、aria 全部保留。     */
-/* 框架节点用 data-dsh-mobile-frame 标记（由 MOBILE_JS 打上），避免依赖    */
-/* harness 的哈希类名。                                                  */
-/* ================================================================== */
-
-/* 常态：侧栏轨道 0 宽，内容区独占整屏 */
-html[data-dsh-mobile] [data-dsh-mobile-frame] {
-  grid-template-columns: 0px minmax(0px, 1fr) minmax(0px, 0px) !important;
-}
-
-/* 抽屉打开：侧栏变成从左侧滑入的浮层 */
-html[data-dsh-mobile][data-dsh-nav='open'] [data-dsh-mobile-frame] > div:first-child {
-  position: fixed !important;
-  left: 0 !important;
-  top: 0 !important;
-  bottom: 0 !important;
-  width: min(86vw, 330px) !important;
-  max-width: 86vw !important;
-  z-index: 9010 !important;
-  overflow: hidden !important;
-  border-right: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, .22)) !important;
-  border-radius: 0 16px 16px 0 !important;
-  box-shadow: 0 18px 60px rgba(0, 0, 0, .38) !important;
-  animation: dshMobileNavIn .2s cubic-bezier(.2, .8, .3, 1);
-}
-
-/* 侧栏内部根节点：宽度铺满抽屉（原生在窄屏下用内联宽度 = rail 宽度） */
-html[data-dsh-mobile][data-dsh-nav='open'] [data-dsh-mobile-frame] > div:first-child > * {
-  width: 100% !important;
-  max-width: none !important;
-  height: 100% !important;
-}
-
-@keyframes dshMobileNavIn {
-  from { transform: translateX(-14px); opacity: .6; }
-  to   { transform: translateX(0); opacity: 1; }
-}
-
-/* 抽屉遮罩：点击任意空白处收起 */
-#dsh-mobile-nav-scrim {
-  position: fixed;
-  inset: 0;
-  z-index: 9005;
-  background: rgba(0, 0, 0, .46);
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity .18s ease;
-  -webkit-tap-highlight-color: transparent;
-}
-
-html[data-dsh-mobile][data-dsh-nav='open'] #dsh-mobile-nav-scrim {
-  opacity: 1;
-  pointer-events: auto;
-}
-
-/* 抽屉打开时锁住背景滚动（只锁 body，不动框架自身布局） */
-html[data-dsh-mobile][data-dsh-nav='open'] body {
-  overflow: hidden !important;
-  overscroll-behavior: none;
-}
-
-/* 悬浮唤出按钮（收起态唯一入口；抽屉打开时淡出） */
-#dsh-mobile-nav-btn {
-  position: fixed;
-  top: calc(env(safe-area-inset-top, 0px) + 8px);
-  left: 8px;
-  width: 38px;
-  height: 38px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: 1px solid var(--dsw-alias-border-l2, rgba(127, 127, 127, .26));
-  border-radius: 12px;
-  background: var(--dsw-alias-bg-l1, rgba(255, 255, 255, .86));
-  color: var(--dsw-alias-text-l1, inherit);
-  box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
-  -webkit-backdrop-filter: blur(10px);
-  backdrop-filter: blur(10px);
-  z-index: 9020;
-  cursor: pointer;
-  transition: transform .15s ease, opacity .15s ease;
-}
-
-#dsh-mobile-nav-btn:active {
-  transform: scale(.94);
-}
-
-html[data-dsh-mobile][data-dsh-nav='open'] #dsh-mobile-nav-btn {
-  opacity: 0;
-  pointer-events: none;
-}
-
-/* 抽屉里没有可折叠的宿主时（极端情况）也不留白 */
-html[data-dsh-mobile]:not([data-dsh-nav='open']) [data-dsh-mobile-frame] > div:first-child {
-  overflow: hidden !important;
-}
-`
-
-/* ------------------------------------------------------------------ */
-/* 移动端设备检测 + 心跳上报：仅设置 html[data-dsh-mobile] 标记，并定时向  */
-/* host 上报设备在线状态（供设置页“当前连接的设备数量”统计）。              */
-/* 不注入任何 UI、不修改任何 React 状态、不动任何 DOM 节点。              */
+/* 设备心跳（本插件唯一注入的前端脚本）                                  */
+/*                                                                    */
+/* 官方 dsh 0.2.2 起已自带移动端适配：<768px 时侧栏改为浮层抽屉（带遮罩、  */
+/* inert 与 Esc 收起）、1024px 自动塌缩、移动 UA 特判（不抢焦点、提交后   */
+/* 收键盘）、iOS 软键盘光标修正与 PWA 清单。因此本插件不再注入任何布局    */
+/* CSS / 交互补丁（旧版的移动端 CSS、上传图片按钮、侧栏抽屉、Toast、      */
+/* 发送状态浮层、菜单钳制全部删除），只保留设备心跳上报——设置页的          */
+/* "当前连接的设备"列表依赖它。                                          */
+/* 本脚本不注入 UI、不改结构、不接管原生交互。                            */
 /* ------------------------------------------------------------------ */
 
-const MOBILE_JS = `
+const CLIENT_JS = `
 (function () {
   'use strict';
 
-  var cfg = window.__DSH_MOBILE_REMOTE__ || { lanEnabled: false, mobileMaxWidth: 1024 };
-  var MAX_WIDTH = cfg.mobileMaxWidth || 1024;
-
-  /* 设备检测：移动 UA，或触屏 + 窄视口。与 DSH 原生 SIDEBAR_AUTO_COLLAPSE 同界。 */
-  function isMobile() {
-    var ua = navigator.userAgent || '';
-    var mobileUA = /Android|iPhone|iPad|iPod|webOS|BlackBerry|IEMobile|Opera Mini|Mobile/i.test(ua);
-    var touch = ('ontouchstart' in window) || (navigator.maxTouchPoints > 0);
-    var narrow = Math.min(window.innerWidth, (window.screen && window.screen.width) || Infinity) <= MAX_WIDTH;
-    return mobileUA || (touch && narrow);
-  }
-
-  // 设备心跳：稳定标识 + 30s 间隔上报，host 统计并展示"已连接设备"。
-  // 所有访问本 DSH 的浏览器（PC + 手机）都上报，仅移动端才打 data-dsh-mobile 标记。
+  /* 设备心跳：稳定标识 + 30s 间隔上报，host 统计并展示"已连接设备"。
+   * PC 与手机都会上报（设备列表按 UA 展示类型），不区分是否移动端。 */
   try {
     var KEY = '__dsh_mobile_remote_device';
     var id = localStorage.getItem(KEY);
@@ -2087,8 +1746,7 @@ const MOBILE_JS = `
       id = 'dev-' + Date.now().toString(36) + '-' + Math.random().toString(36).slice(2, 10);
       localStorage.setItem(KEY, id);
     }
-    // 采集当前设备元数据，随心跳上报，host 在设置页展示详细设备信息。
-    // 电池信息为异步获取，首次拿到后缓存在变量中，后续心跳一并上报。
+    // 电池信息异步获取，首次拿到后缓存在变量中，后续心跳一并上报。
     var batteryLevel = null;
     var batteryCharging = null;
     try {
@@ -2099,6 +1757,10 @@ const MOBILE_JS = `
         }).catch(function () {});
       }
     } catch (e) {}
+    function isMobile() {
+      var ua = navigator.userAgent || '';
+      return /Android|iPhone|iPad|iPod|Mobile/i.test(ua);
+    }
     function deviceMeta() {
       var scr = window.screen || {};
       var scrStr = (scr.width && scr.height)
@@ -2144,483 +1806,8 @@ const MOBILE_JS = `
     }
     beat();
     setInterval(beat, 30000);
+    window.__DSH_REMOTE_READY__ = { mobile: isMobile(), at: Date.now() };
   } catch (e) {}
-
-  if (!isMobile()) return;
-
-  document.documentElement.setAttribute('data-dsh-mobile', '');
-
-  // 标记设置弹窗：原生设置页 = role="dialog" 且首个子元素为 <nav>（双栏弹窗）。
-  // 打上 data-dsh-settings 标记后，上面的移动端 CSS 可精确适配，无需依赖
-  // harness 内部的哈希类名——harness 升级后只要弹窗结构仍是
-  // “dialog 直下 nav + 内容列”，本插件无需修改即可直接适配。
-  function tagSettingsPanel() {
-    var dialogs = document.querySelectorAll('[role="dialog"][aria-modal="true"]');
-    for (var i = 0; i < dialogs.length; i++) {
-      var dlg = dialogs[i];
-      if (dlg.getAttribute('data-dsh-settings') === '1') continue;
-      var kids = dlg.children;
-      var hasNav = false;
-      for (var j = 0; j < kids.length; j++) {
-        if (kids[j].tagName === 'NAV') { hasNav = true; break; }
-      }
-      if (hasNav) dlg.setAttribute('data-dsh-settings', '1');
-    }
-  }
-  tagSettingsPanel();
-  if (typeof MutationObserver !== 'undefined') {
-    // 设置弹窗是动态挂载/卸载的，用 MutationObserver 监听其出现并打标。
-    var obs = new MutationObserver(function () { tagSettingsPanel(); });
-    try { obs.observe(document.documentElement, { childList: true, subtree: true }); } catch (e) {}
-    window.__DSH_MOBILE_REMOTE_SETTINGS_OBSERVER__ = obs;
-  }
-
-  // 调试钩子：在控制台暴露状态，便于移动端远程排查。
-  window.__DSH_MOBILE_REMOTE_READY__ = {
-    mobile: true,
-    viewport: { w: window.innerWidth, h: window.innerHeight },
-    dpr: window.devicePixelRatio || 1,
-    lanEnabled: cfg.lanEnabled === true,
-  };
-
-  /* ==================================================================
-   * 移动端上传图片（composer 加号旁的「上传图片」入口）
-   * ----------------------------------------------------------------
-   * DSH 桌面端原生支持图片消息（粘贴 / 拖放均可，格式/数量/大小预检查、
-   * 缩略图 rail、随消息上传全部由官方链路完成），但移动端没有「选择图片」
-   * 的入口：工具行的 + 按钮只打开命令菜单。
-   *
-   * 此处注入一个图片按钮 + 隐藏的 <input type=file>。用户在手机上通过
-   * 系统相册 / 文件选择器选图后，用普通对象模拟 clipboardData / dataTransfer
-   * （不依赖 new DataTransfer()，iOS Safari 兼容性差）派发 paste 事件——
-   * DSH 的 onPaste 原生 intakeImages 自动接管；若 paste 未生效，再回退向
-   * document 派发 drop 事件（DSH 的文档级 onDrop 同样走 intakeImages）。
-   * 全程不依赖 DSH 内部 API，harness 升级后只要 paste / drop 链路还在即可
-   * 正常工作。
-   * ================================================================== */
-
-  // 轻提示：DSH 的 Toast 是内部组件，这里自备一个极简气泡。
-  var mrToastTimer = null;
-  function mrToast(text) {
-    var old = document.getElementById('dsh-mr-toast');
-    if (old) { try { old.parentNode.removeChild(old); } catch (e) {} }
-    var t = document.createElement('div');
-    t.id = 'dsh-mr-toast';
-    t.textContent = text;
-    (document.body || document.documentElement).appendChild(t);
-    if (mrToastTimer) clearTimeout(mrToastTimer);
-    mrToastTimer = setTimeout(function () {
-      try { t.parentNode && t.parentNode.removeChild(t); } catch (e) {}
-    }, 2400);
-  }
-
-  // 隐藏的文件选择器（全局唯一，选完即重置，可重复选同一张图）。
-  // 注意：本脚本注入在 <head>，此时 document.body 可能尚未创建；若直接
-  // 挂到 documentElement，部分 iOS WebView 会拒绝 .click() 打开选择器，
-  // 因此等 body 就绪后再挂载（change 监听与挂载时机无关）。
-  var mrFileInput = document.createElement('input');
-  mrFileInput.type = 'file';
-  mrFileInput.accept = 'image/*';
-  mrFileInput.multiple = true;
-  mrFileInput.tabIndex = -1;
-  mrFileInput.setAttribute('aria-hidden', 'true');
-  mrFileInput.style.cssText = 'position:fixed;left:-9999px;top:0;width:1px;height:1px;opacity:0;pointer-events:none;';
-  mrFileInput.addEventListener('change', function () {
-    var files = [];
-    try { files = Array.prototype.slice.call(mrFileInput.files || []); } catch (e) {}
-    if (files.length > 0) mrIntakeFiles(files);
-    try { mrFileInput.value = ''; } catch (e) {}
-  });
-  function mrMountFileInput() {
-    var host = document.body || document.documentElement;
-    if (host && !mrFileInput.parentNode) host.appendChild(mrFileInput);
-  }
-  if (document.body) mrMountFileInput();
-  else document.addEventListener('DOMContentLoaded', mrMountFileInput, { once: true });
-
-  // ===== 图片 intake：兼容各种浏览器的事件派发 =====
-  // DSH 原生 intake 读两个事件：
-  //   - onPaste（React 合成事件）：e.clipboardData.items —— 只要求 items
-  //     可迭代、每项 kind==='file' 且 getAsFile() 返回真实 File；
-  //   - onDrop（document 原生监听器）：e.dataTransfer.types / .files。
-  // 我们不构造 DataTransfer / ClipboardEvent（iOS Safari 上
-  // new DataTransfer() + items.add() 之后 files 返回空 FileList、
-  // item.getAsFile() 可能返回 null，兼容性差），而是用普通 JS 对象
-  // 模拟这两个接口——任何浏览器都可靠。结果用「缩略图是否真的出现」
-  // 判断（不依赖 defaultPrevented——locked/machineBusy 时 DSH 也会
-  // preventDefault）。
-
-  // 当前 composer 附件缩略图数量（rail 渲染后计数）。
-  function mrCountRailImages() {
-    try { return document.querySelectorAll('[data-composer-card] [role="group"] img').length; } catch (e) { return 0; }
-  }
-
-  // 构造模拟 clipboardData（供 onPaste 使用）：items 是普通数组，每项
-  // 的 kind='file'、getAsFile() 返回真实 File；getData/setData/clearData
-  // 补齐 DSH onPaste 会调用的接口（缺 getData 会抛 TypeError 导致 React
-  // 事件处理器崩溃）。绕开 DataTransfer 构造器在 iOS Safari 上的 files
-  // 为空 / getAsFile 返回 null 等兼容问题。
-  function mrBuildClipboardData(images) {
-    var items = [];
-    for (var j = 0; j < images.length; j++) {
-      (function (file) {
-        items.push({
-          kind: 'file',
-          type: file.type || '',
-          getAsFile: function () { return file; },
-        });
-      })(images[j]);
-    }
-    return {
-      items: items,
-      files: images,
-      types: ['Files'],
-      getData: function () { return ''; },
-      setData: function () {},
-      clearData: function () {},
-    };
-  }
-
-  // 构造模拟 dataTransfer（供 onDrop 使用）：只读 .types / .files。
-  function mrBuildDataTransfer(images) {
-    return { files: images, types: ['Files'] };
-  }
-
-  // 向 document 派发 drop（DSH 的原生 onDrop 监听器会 intakeImages）。
-  function mrDispatchDrop(dt) {
-    try {
-      var evt = new Event('drop', { bubbles: true, cancelable: true });
-      try { evt.dataTransfer = dt; } catch (e) {}
-      document.dispatchEvent(evt);
-      return true;
-    } catch (e) { return false; }
-  }
-
-  // 向 textarea 派发 paste（React 合成 onPaste 会 intakeImages）。
-  function mrDispatchPaste(cd, textarea) {
-    try {
-      var evt = new Event('paste', { bubbles: true, cancelable: true });
-      try { evt.clipboardData = cd; } catch (e) {}
-      textarea.dispatchEvent(evt);
-      return true;
-    } catch (e) { return false; }
-  }
-
-  // 把选中的图片喂给 DSH 原生 intake。
-  function mrIntakeFiles(files) {
-    var textarea = document.querySelector('[data-composer-card] [data-input-scroll] textarea');
-    if (!textarea) { mrToast('未找到输入框，请重试'); return; }
-    if (textarea.disabled || textarea.readOnly) { mrToast('当前输入框不可用'); return; }
-    var images = [];
-    for (var i = 0; i < files.length; i++) {
-      // 注意：本函数经模板字符串注入 <script>，正则里的反斜杠转义（\/）
-      // 会被当作非转义序列丢弃（/^image\//i 变成 /^image//i，解析成除法，
-      // 运行时抛 i.test is not a function）。因此这里用 indexOf 判断类型。
-      if ((files[i].type || '').indexOf('image/') === 0) images.push(files[i]);
-    }
-    if (images.length === 0) { mrToast('请选择图片文件'); return; }
-    var before = mrCountRailImages();
-    // 方式一：paste（React onPaste 读 clipboardData.items，模拟对象对
-    // iOS Safari / 安卓 / 桌面全兼容）。
-    mrDispatchPaste(mrBuildClipboardData(images), textarea);
-    setTimeout(function () {
-      if (mrCountRailImages() > before) return;
-      // 方式二：drop 到 document（原生监听器兜底）。
-      mrDispatchDrop(mrBuildDataTransfer(images));
-      setTimeout(function () {
-        if (mrCountRailImages() > before) return;
-        mrToast('图片未添加上，请长按输入框粘贴图片');
-      }, 300);
-    }, 300);
-  }
-
-  // 图片按钮：与 DSH 原生 + 按钮同风格的小圆钮（SVG 图片图标）。
-  function mrMakeAttachBtn() {
-    var btn = document.createElement('button');
-    btn.type = 'button';
-    btn.className = 'dsh-mr-attach';
-    btn.setAttribute('aria-label', '上传图片');
-    btn.title = '上传图片';
-    btn.innerHTML =
-      '<svg viewBox="0 0 16 16" width="15" height="15" fill="none" aria-hidden="true">' +
-        '<rect x="1.6" y="2.7" width="12.8" height="10.6" rx="2.3" stroke="currentColor" stroke-width="1.35"/>' +
-        '<circle cx="5.4" cy="6.1" r="1.3" fill="currentColor"/>' +
-        '<path d="M2.4 12.4L6.3 8.3a1.05 1.05 0 0 1 1.5 0l1.15 1.2 2.2-2.35a1.05 1.05 0 0 1 1.55 0l1.9 2.1" stroke="currentColor" stroke-width="1.35" stroke-linecap="round" stroke-linejoin="round"/>' +
-      '</svg>';
-    btn.addEventListener('click', function (e) {
-      e.preventDefault();
-      if (btn.disabled) return;
-      try { mrFileInput.value = ''; } catch (err) {}
-      mrFileInput.click();
-    });
-    return btn;
-  }
-
-  // 同步按钮禁用态：跟随 composer 的 textarea（session 移除 / 锁定 / 提交中）。
-  function mrSyncAttachState(btn) {
-    if (!btn) return;
-    var textarea = document.querySelector('[data-composer-card] [data-input-scroll] textarea');
-    btn.disabled = !textarea || textarea.disabled || textarea.readOnly;
-  }
-
-  // 把上传按钮插到工具行（+ 加号按钮之后）。
-  function mrInjectAttach() {
-    var card = document.querySelector('[data-composer-card]');
-    if (!card || card.querySelector('.dsh-mr-attach')) return;
-    var tools = card.querySelector(':scope > div:last-child > div:first-child');
-    if (!tools) return;
-    var btn = mrMakeAttachBtn();
-    tools.insertBefore(btn, tools.children[1] || null);
-    mrSyncAttachState(btn);
-  }
-
-  // ===== 移动端弹窗水平钳制 =====
-  // 权限选择菜单是绝对定位浮层，不含 viewport 钳制，窄屏下容易向右溢出
-  // 或向左偏（模型选择菜单在移动端已改为底部抽屉，由 CSS 定位并自带
-  // 钳制，见 mrClampMenus 内的 fixed 跳过）。菜单出现/布局变化时读取
-  // rect，用 translateX 把它平移回视口内（菜单无 transform 动画，平移
-  // 安全；每次覆盖式设置，不会累积偏移）。隐藏中的菜单 rect 为 0，跳过。
-  function mrClampMenus() {
-    var menus = document.querySelectorAll('[data-composer-card] [role="menu"]');
-    for (var i = 0; i < menus.length; i++) {
-      var menu = menus[i];
-      try {
-        // 模型选择菜单在移动端已改为固定底部抽屉（bottom sheet），
-        // 位置由 CSS 决定且自带视口钳制，跳过平移。
-        if (window.getComputedStyle(menu).position === 'fixed') continue;
-        var r = menu.getBoundingClientRect();
-        if (r.width === 0 && r.height === 0) continue;
-        var vw = window.innerWidth;
-        var dx = 0;
-        if (r.left < 8) dx = 8 - r.left;
-        else if (r.right > vw - 8) dx = (vw - 8) - r.right;
-        if (dx !== 0) menu.style.transform = 'translateX(' + dx + 'px)';
-      } catch (e) { /* ignore */ }
-    }
-  }
-
-  // ===== 发送状态指示 =====
-  // DSH 点击发送后，machine 进入 'submitting'（消息）/ 'adjudicating'（命令
-  // 裁决）phase：发送前要先把附件图片 serializeImages 成 base64 再 prompt，
-  // 移动端大图这一步可能持续数秒，而会话列表要等发送成功才出现新消息，
-  // 用户容易误以为「没发出去」而重发或离开。这里在 composer 上方显示
-  // 「上传中 / 发送中」提示，phase 恢复后自动隐藏。只读 textarea 的
-  // data-phase，不依赖 DSH 内部 API。
-  var mrSendingEl = null;
-
-  function mrMakeSendingEl() {
-    var el = document.createElement('div');
-    el.className = 'dsh-mr-sending';
-    el.setAttribute('role', 'status');
-    el.setAttribute('aria-live', 'polite');
-    return el;
-  }
-
-  function mrShowSending() {
-    var card = document.querySelector('[data-composer-card]');
-    if (!card) return;
-    // 会话切换时 composer 卡片会被重建，旧浮层节点会脱离 DOM，需重建挂载。
-    if (!mrSendingEl || !mrSendingEl.isConnected) {
-      mrSendingEl = mrMakeSendingEl();
-      card.appendChild(mrSendingEl);
-    }
-    var hasImages = mrCountRailImages() > 0;
-    mrSendingEl.innerHTML = '<span class="dsh-mr-spinner"></span>' +
-      (hasImages ? '正在上传图片并发送…' : '正在发送…');
-    mrSendingEl.style.display = '';
-  }
-
-  function mrHideSending() {
-    if (mrSendingEl) mrSendingEl.style.display = 'none';
-  }
-
-  function mrSyncSending() {
-    var textarea = document.querySelector('[data-composer-card] [data-input-scroll] textarea');
-    if (!textarea) { mrHideSending(); return; }
-    var phase = textarea.getAttribute('data-phase') || '';
-    if (phase === 'submitting' || phase === 'adjudicating') mrShowSending();
-    else mrHideSending();
-  }
-
-  function mrScan() {
-    mrInjectAttach();
-    var btn = document.querySelector('[data-composer-card] .dsh-mr-attach');
-    mrSyncAttachState(btn);
-    mrClampMenus();
-    mrSyncSending();
-  }
-
-  // composer 是动态挂载/重建的（会话切换），用 MutationObserver 跟踪挂载
-  // 与 textarea 锁定态变化；requestAnimationFrame 合并高频回调。
-  mrScan();
-  var mrScanPending = false;
-  if (typeof MutationObserver !== 'undefined') {
-    var mrObs = new MutationObserver(function () {
-      if (mrScanPending) return;
-      mrScanPending = true;
-      requestAnimationFrame(function () {
-        mrScanPending = false;
-        mrScan();
-      });
-    });
-    try {
-      mrObs.observe(document.documentElement, {
-        childList: true,
-        subtree: true,
-        attributes: true,
-        attributeFilter: ['disabled', 'readonly', 'data-phase'],
-      });
-    } catch (e) {}
-  }
-
-  /* ------------------------------------------------------------------ */
-  /* 移动端侧栏：默认收起，悬浮按钮唤出覆盖式抽屉                          */
-  /* ------------------------------------------------------------------ */
-  /* 原生在窄屏把侧栏折成 56px 的 icon rail，展开又是「挤压中栏」的网格列——  */
-  /* 手机上一展开内容区只剩百来像素。这里保留官方 store 与原生 toggle 按钮，  */
-  /* 只用 CSS 把「挤压」改写成「浮层抽屉」：                              */
-  /*   · 常态：侧栏轨道 0px，内容吃满整屏（由 MOBILE_CSS 负责）；            */
-  /*   · 点悬浮按钮 → 触发原生 toggle（store 真正展开）→ 打上 data-dsh-nav    */
-  /*   · 点遮罩 / 按 Esc / 选中会话 → 触发原生 toggle 收起并去掉标记          */
-  function mrNavInit() {
-    if (!isMobile()) return;
-    if (document.getElementById('dsh-mobile-nav-btn')) return;
-
-    var html = document.documentElement;
-    var SIDEBAR_LABELS = ['打开侧边栏', 'Open sidebar', '展开侧边栏'];
-    var COLLAPSE_LABELS = ['收起侧边栏', 'Collapse sidebar'];
-
-    function findFrame() {
-      var overlay = document.querySelector('[data-shell-overlay]');
-      if (overlay && overlay.parentElement) return overlay.parentElement;
-      var root = document.getElementById('root');
-      return root ? root.firstElementChild : null;
-    }
-
-    function markFrame() {
-      var frame = findFrame();
-      if (!frame) return null;
-      if (!frame.hasAttribute('data-dsh-mobile-frame')) frame.setAttribute('data-dsh-mobile-frame', '');
-      return frame;
-    }
-
-    function sidebarCollapsed() {
-      var frame = findFrame();
-      return !!(frame && frame.hasAttribute('data-sidebar-collapsed'));
-    }
-
-    function findToggle(wanted) {
-      var buttons = document.querySelectorAll('button[aria-label]');
-      for (var i = 0; i < buttons.length; i++) {
-        var label = buttons[i].getAttribute('aria-label') || '';
-        for (var j = 0; j < wanted.length; j++) {
-          if (label === wanted[j]) return buttons[i];
-        }
-      }
-      return null;
-    }
-
-    /* 点原生 toggle：不自造状态，保证官方 store / aria / 快捷键始终一致 */
-    function clickNativeToggle(expand) {
-      var btn = findToggle(expand ? SIDEBAR_LABELS : COLLAPSE_LABELS);
-      if (!btn) {
-        // 兜底：带侧栏快捷键标注的按钮（命令 id: sidebar.left.toggle）
-        var alt = document.querySelector('button[aria-keyshortcuts]');
-        var all = document.querySelectorAll('button[aria-keyshortcuts]');
-        for (var k = 0; k < all.length; k++) {
-          var ks = (all[k].getAttribute('aria-keyshortcuts') || '').toLowerCase();
-          if (ks.indexOf('b') !== -1) { btn = all[k]; break; }
-        }
-        if (!btn) btn = alt;
-      }
-      if (!btn) return false;
-      try { btn.click(); return true } catch (e) { return false }
-    }
-
-    function openNav() {
-      markFrame();
-      if (sidebarCollapsed()) clickNativeToggle(true);
-      html.setAttribute('data-dsh-nav', 'open');
-      // 原生展开后会重新排版，下一帧再确认一次框架标记仍然有效
-      requestAnimationFrame(markFrame);
-    }
-
-    function closeNav() {
-      // 先撤标记：避免原生收起动画期间出现「挤压态」的中间画面
-      html.removeAttribute('data-dsh-nav');
-      if (!sidebarCollapsed()) clickNativeToggle(false);
-    }
-
-    var btn = document.createElement('button');
-    btn.id = 'dsh-mobile-nav-btn';
-    btn.type = 'button';
-    btn.setAttribute('aria-label', '打开侧边栏');
-    btn.innerHTML =
-      '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" ' +
-      'stroke-width="2" stroke-linecap="round" aria-hidden="true">' +
-      '<path d="M4 7h16M4 12h16M4 17h16"/></svg>';
-    btn.addEventListener('click', function (event) {
-      event.preventDefault();
-      event.stopPropagation();
-      if (html.getAttribute('data-dsh-nav') === 'open') closeNav();
-      else openNav();
-    });
-
-    var scrim = document.createElement('div');
-    scrim.id = 'dsh-mobile-nav-scrim';
-    scrim.setAttribute('aria-hidden', 'true');
-    scrim.addEventListener('click', function (event) {
-      event.preventDefault();
-      closeNav();
-    });
-
-    document.body.appendChild(scrim);
-    document.body.appendChild(btn);
-
-    // Esc 关闭（外接键盘 / 平板）
-    document.addEventListener('keydown', function (event) {
-      if (event.key === 'Escape' && html.getAttribute('data-dsh-nav') === 'open') closeNav();
-    });
-
-    // 抽屉里点了会话 / 工作区等可导航项就自动收起
-    document.addEventListener('click', function (event) {
-      if (html.getAttribute('data-dsh-nav') !== 'open') return;
-      var frame = findFrame();
-      var col = frame && frame.firstElementChild;
-      if (!col || !col.contains(event.target)) return;
-      if (event.target.closest && event.target.closest('button[aria-label]')) {
-        var label = event.target.closest('button[aria-label]').getAttribute('aria-label');
-        if (COLLAPSE_LABELS.indexOf(label) !== -1) { closeNav(); return }
-      }
-      var item = event.target.closest && event.target.closest('a,[role="option"],[role="treeitem"],[role="menuitem"]');
-      if (item) setTimeout(closeNav, 60);
-    }, true);
-
-    // 原生 toggle（含快捷键 Alt+B）改变了折叠态时，保持我们的标记同步
-    var frameWatch = null;
-    function watchFrame() {
-      var frame = markFrame();
-      if (!frame) return false;
-      if (frameWatch || typeof MutationObserver === 'undefined') return true;
-      frameWatch = new MutationObserver(function () {
-        var open = html.getAttribute('data-dsh-nav') === 'open';
-        var collapsed = frame.hasAttribute('data-sidebar-collapsed');
-        if (open && collapsed) html.removeAttribute('data-dsh-nav');
-      });
-      try { frameWatch.observe(frame, { attributes: true, attributeFilter: ['data-sidebar-collapsed'] }) } catch (e) {}
-      return true;
-    }
-
-    // 框架节点可能晚于本脚本出现：短暂重试 + 兜底轮询
-    var tries = 0;
-    (function tick() {
-      if (watchFrame()) return;
-      if (tries++ > 40) return;
-      setTimeout(tick, 250);
-    })();
-  }
-
-  try { mrNavInit(); } catch (e) {}
 })();
 `