dsh-dock 0.12.0 → 0.13.0

package/features/mobile-relay/view.jsx

@@ -4,7 +4,7 @@
 // 访问地址二维码；远程设备上经 window.__DSH_REMOTE__ 显示退出登录。
 import { useCallback, useEffect, useMemo, useState } from 'react'
 import QRCode from 'qrcode'
-import { openPanel, setPanelOpen, subscribePanel, panelNav } from '../../src/shared.js'
+import { openPanel, subscribePanel, panelNav } from '../../src/shared.js'
 
 function rpc(method, payload) {
   return fetch('/dsh-dock/mobile-relay/' + method, {
@@ -145,7 +145,7 @@ function RemoteCard() {
       <label className="dmr-field"><span>监听端口</span><input value={port} onChange={(e) => setPort(e.target.value)} inputMode="numeric" type="number" min="1024" max="65535" placeholder={'默认 ' + suggestedPort} aria-describedby="dmr-lan-port-help"/><small id="dmr-lan-port-help">网关和主服务是同一台机器上的两个端口，不能相同：主实例 {lan && lan.mainPort ? lan.mainPort : '…'} 只留给本机，其他设备走网关端口登录。留空即用 {suggestedPort}（主端口+1）。</small></label>
       <div className="dmr-security"><strong>安全说明</strong><p>主实例保持仅监听 127.0.0.1：远程设备只能经这个登录网关进入，不存在免登录的直连路径。账号密码只发给自己；改密后所有设备需重新登录。</p></div>
     </div>
-    {active ? <div className="dmr-share"><div className="dmr-share-layout"><div className="dmr-qr-card">{qr ? <img src={qr} alt="远程访问地址二维码" width="220" height="220"/> : <div className="dmr-qr-loading">正在生成二维码…</div>}<strong>扫码或输入地址</strong><small>打开后输入账号密码登录</small></div><div className="dmr-share-detail"><div><span className="dmr-eyebrow"><i/> 登录网关已运行</span><h4>{lanLink}</h4></div><div className="dmr-link" title={lanLink}>{lanLink}</div><div className="dmr-share-actions"><button type="button" className="dmr-primary" onClick={copyLink} disabled={!lanLink}><RelayIcon name="copy"/>复制地址</button><button type="button" className="dmr-secondary dmr-danger" onClick={disable} disabled={busy === 'stop'}><RelayIcon name="close"/>{busy === 'stop' ? '正在关闭…' : '关闭远程访问'}</button></div><small>主实例保持仅本机（结构上不存在免登录直连）；账号密码只发给自己。若开启前已有旧服务器模式（0.0.0.0）配置，会一并移除并提示重启。</small></div></div></div>
+    {active ? <div className="dmr-share"><div className="dmr-share-layout"><div className="dmr-qr-card">{qr ? <img src={qr} alt="远程访问地址二维码" width="220" height="220"/> : <div className="dmr-qr-loading">正在生成二维码…</div>}<strong>扫码或输入地址</strong><small>打开后输入账号密码登录</small></div><div className="dmr-share-detail"><div><span className="dmr-eyebrow"><i/> 登录网关已运行</span><h4>{lanLink}</h4></div><div className="dmr-link" title={lanLink}>{lanLink}</div><div className="dmr-share-actions"><button type="button" className="dmr-primary" onClick={copyLink} disabled={!lanLink}><RelayIcon name="copy"/>复制地址</button><button type="button" className="dmr-secondary dmr-danger" onClick={disable} disabled={busy === 'stop'}><RelayIcon name="close"/>{busy === 'stop' ? '正在关闭…' : '关闭远程访问'}</button></div><small>已登录设备：{typeof lan.devices === 'number' ? lan.devices : 0} 台（改密或关闭入口即全部下线）</small><small>主实例保持仅本机（结构上不存在免登录直连）；账号密码只发给自己。若开启前已有旧服务器模式（0.0.0.0）配置，会一并移除并提示重启。</small></div></div></div>
       : <button type="button" className="dmr-primary" onClick={enable} disabled={busy === 'start'}>{busy === 'start' ? '正在开启…' : <><RelayIcon name="link"/>开启远程访问</>}</button>}
     {active ? <div className="dmr-section"><div className="dmr-section-head"><h4>修改账号密码</h4><button type="button" className="dmr-text-button" onClick={() => setChanging((v) => !v)}>{changing ? '收起' : '修改'}</button></div>{changing ? <div className="dmr-note"><div className="dmr-network-grid"><label className="dmr-field"><span>账号</span><input value={username} onChange={(e) => setUsername(e.target.value)} autoComplete="username"/></label><label className="dmr-field"><span>新密码</span><input type="password" value={newPassword} onChange={(e) => setNewPassword(e.target.value)} autoComplete="new-password" placeholder="至少 6 位"/></label></div><button type="button" className="dmr-secondary" onClick={saveAuth} disabled={busy === 'auth' || !username.trim() || newPassword.length < 6}>{busy === 'auth' ? '保存中…' : '保存（所有设备重新登录）'}</button></div> : <p className="dmr-note">当前账号：{lan.username || '—'}。修改后所有已登录设备将被强制退出。</p>}</div> : null}
     {message ? <div className={'dmr-message ' + (messageKind === 'success' ? 'success' : 'error')} role="alert">{message}</div> : null}
@@ -157,66 +157,110 @@ export function MobileRelayView() {
 }
 
 /**
- * 手机端会话抽屉（窄屏 ≤700px）：悬浮按钮拉出侧边栏 + 遮罩点击收起。
+ * 手机端会话抽屉（窄屏 ≤700px）：底部 Tab 栏「会话」页签拉出侧边栏 + 遮罩点击收起。
  *
  * 直接操作 document.body 下的 DOM（渲染返回 null）——若作为 overlayLayer 的子元素，
- * 会落入 overlayLayer（z 90）的堆叠上下文，遮罩压不住侧栏抽屉（z 80）、按钮也盖不住内容；
- * 挂到 body 下 z 序才是设计值（按钮 70 < 遮罩 75 < 侧栏 80 < overlayLayer 90）。
+ * 会落入 overlayLayer（z 90）的堆叠上下文，遮罩压不住侧栏抽屉（z 80）、Tab 栏也盖不住内容；
+ * 挂到 body 下 z 序才是设计值（遮罩 75 < 侧栏 80 < overlayLayer 90）。
+ * 左缘浮动「抽屉把手」已移除（与底部 Tab 栏「会话」页签功能重复，还悬浮在内容上）。
  *
  * 与宿主 tapIndex 注入版（features/mobile-relay/host.js，重启 dsh web 后才生效）互斥：
- * window.__dshDockMobileDrawer 先到先得——宿主脚本在 <head> 先跑，重启后总是宿主版接管，
- * 本组件自动让位；本组件的价值是 client bundle 按内容 hash 服务、刷新页面即生效，无需重启。
- * 与旧版宿主行为脚本（无抽屉按钮、只有自动收起）并存是安全的：收起链路同一事件内
- * 第二次 collapse() 因 aria-label 已翻转而自然空转。
+ * window.__dshDockMobileDrawer 先到先得——宿主脚本在 <head> 先跑并置 'host'，本组件
+ * 见旗标即整体让位（遮罩/底部 Tab/收起逻辑全归宿主）；宿主未就位（旧版无注入、
+ * 或刷新早于重启）时本组件自建全套。本组件的价值是 client bundle 按内容 hash 服务、
+ * 刷新页面即生效，无需重启。
+ * ⚠️ 两个版本绝不能各建一套：曾出现双底部 Tab 栏（两套按钮叠在一起）与客户端 CSS
+ * 覆盖宿主 place() 定位的回归。
+ * 与旧版宿主行为脚本并存是安全的：收起链路同一事件内第二次 collapse() 因 aria-label
+ * 已翻转而自然空转。
  */
 export function MobileRelayOverlay() {
+  // —— 预览版说明自动确认（独立 effect，与下方抽屉 chrome 的宿主互斥无关）——
+  // 根因（dsh 0.2.0-rc.2 ui-settings-models/src/client/welcome-store.ts，文件头注释原文）：
+  // 回环浏览器的确认走宿主持久化，一次确认永久生效；**远程（非回环）浏览器的设置 scope
+  // 是 memory 模式，确认只存页面进程内存，刷新即丢**——所以从局域网/组网 IP 打开时
+  // 「预览版说明」每次刷新都重弹，profile patch 里钉 welcomeNoticeVersion 也救不了
+  // （memory 分支根本不读持久值）。这里在远程访问场景下替用户点一次「继续」：
+  // 每次页面加载最多点一次，回环地址不介入（让 dsh 原生的一次性持久确认自然工作）。
+  useEffect(() => {
+    if (typeof window === 'undefined' || typeof document === 'undefined') return undefined
+    const host = (window.location && window.location.hostname) || ''
+    const loopback = host === '127.0.0.1' || host === 'localhost' || host === '::1' || host.endsWith('.localhost')
+    if (loopback) return undefined
+    if (typeof MutationObserver === 'undefined') return undefined
+    let done = false
+    const tryDismiss = () => {
+      if (done) return
+      const dialogs = document.querySelectorAll('[role="dialog"]')
+      for (const dialog of dialogs) {
+        const text = (dialog.textContent || '')
+        if (!/预览版说明|Preview Notice/.test(text)) continue
+        const btn = [...dialog.querySelectorAll('button')].find((b) => {
+          const t = (b.textContent || '').trim()
+          return t === '继续' || t === 'Continue'
+        })
+        if (btn) {
+          done = true
+          btn.click()
+          observer.disconnect()
+        }
+        break
+      }
+    }
+    const observer = new MutationObserver(tryDismiss)
+    observer.observe(document.body, { childList: true, subtree: true })
+    tryDismiss()
+    // 兜底停止：说明若 60 秒内没出现（未来版本改版/被官方移除），观察器自动退场
+    const stopTimer = setTimeout(() => observer.disconnect(), 60000)
+    return () => { clearTimeout(stopTimer); observer.disconnect() }
+  }, [])
+
   useEffect(() => {
     if (typeof window === 'undefined' || typeof document === 'undefined') return undefined
-    // 宿主版（<head> 注入，重启后接管）就位时，抽屉把手/遮罩/收起逻辑由宿主负责，
-    // 本组件只补宿主旧版没有的底部 Tab 栏；宿主未就位（旧版无抽屉 DOM）时全套自建。
-    const hostPresent = !!(window.__dshDockMobileDrawer && document.querySelector('.dsh-mobile-drawer-btn'))
     const mq = window.matchMedia ? window.matchMedia('(max-width:700px)') : null
     if (!mq) return undefined
-    if (!hostPresent) window.__dshDockMobileDrawer = 'client'
+    // 宿主版接管中：整套 chrome 由宿主负责，本组件零副作用退出。
+    if (window.__dshDockMobileDrawer === 'host') return undefined
+    window.__dshDockMobileDrawer = 'client'
 
     const narrow = () => mq.matches
     const frameEl = () => document.querySelector('[class$="frame"]')
     const sidebarCollapsed = () => { const f = frameEl(); return !!f && f.hasAttribute('data-sidebar-collapsed') }
     const dialogOpen = () => !!document.querySelector('[role="dialog"][class*="panel"]')
+    // 右侧详情面板：dsh 0.1.7 起 detailsCol 改名 rightbarCol，窄屏原生全屏展开
+    // （data-sidebar-right-panel / data-sidebar-right-open，折叠钮 data-sidebar-right-toggle）。
+    const rightOpen = () => !!document.querySelector('[data-sidebar-right-panel][data-sidebar-right-open]')
     const collapse = () => { const b = document.querySelector('button[aria-label="收起侧边栏"],button[aria-label="Collapse sidebar"]'); if (b) b.click() }
     const expand = () => { const b = document.querySelector('button[aria-label="打开侧边栏"],button[aria-label="Open sidebar"]'); if (b) b.click() }
     const closeDetails = () => {
-      const d = document.querySelector('[class*="detailsCol"]')
-      if (!d || !d.getBoundingClientRect().width) return
-      const c = d.querySelector('button[aria-label="关闭详情"]')
-      if (c) c.click()
+      const panel = document.querySelector('[data-sidebar-right-panel][data-sidebar-right-open]')
+      if (!panel) return
+      const toggle = panel.querySelector('[data-sidebar-right-toggle]')
+      if (toggle) toggle.click()
     }
 
-    // 抽屉按钮：窄屏 + 侧栏收起 + 无设置弹窗时才显示（见 sync）。
-    // 视觉是贴左边缘的「抽屉把手」（与趣味游戏浮标 dgfab 同款边缘吸附语言），
-    // 位置动态放在趣味游戏浮标正上方（place()），游戏浮标不在时兜底左侧中部。
-    // 宿主就位时把手/遮罩已由宿主创建，这里置 null 走纯 Tab 栏模式。
-    let fab = null
-    let scrim = null
-    if (!hostPresent) {
-      fab = document.createElement('button')
-      fab.type = 'button'
-      fab.className = 'dsh-mobile-drawer-btn'
-      fab.setAttribute('aria-label', '打开会话列表')
-      fab.innerHTML = '<svg viewBox="0 0 24 24"><path d="M4 7h16M4 12h16M4 17h10"/></svg>'
-      fab.addEventListener('click', expand)
-      scrim = document.createElement('div')
-      scrim.className = 'dsh-mobile-scrim'
-      document.body.appendChild(fab)
-      document.body.appendChild(scrim)
-    }
+    // 抽屉遮罩：侧栏展开（浮层态）时盖住页面，点击经全局捕获 handler 收起。
+    // 左缘的浮动「抽屉把手」已移除：底部 Tab 栏的「会话」页签就是会话抽屉的唯一入口，
+    // 把手悬浮在内容上还压过输入区左下角（用户实测截图），纯属重复。
+    const scrim = document.createElement('div')
+    scrim.className = 'dsh-mobile-scrim'
+    document.body.appendChild(scrim)
 
-    // ---- 仿 ZCode 手机端底部 Tab 栏：会话 / 功能坞 / 设置 ----
-    // 挂 body（与抽屉把手同理，避开 overlayLayer 堆叠上下文），z 序 65：
+    // ---- 仿 ZCode 手机端底部 Tab 栏：会话 / 插件 / 设置 ----
+    // 「任务」「功能坞」合并为一个「插件」页签（用户反馈两个入口冗余）：插件面板里
+    // 本来就有运行状态页，任务状态以角标显示在「插件」上——进行中蓝色数量、等待确认
+    // 红色脉冲；有任务在跑时点「插件」直接落到运行状态页，否则进面板首页。
+    // 挂 body（避开 overlayLayer 堆叠上下文），z 序 65：
     // 低于遮罩 75 / 侧栏抽屉 80 / 功能坞面板 200，这些打开时自然盖住 Tab 栏。
+    // 走到这里说明宿主旗标不存在（宿主版未注入）——宿主版自建的 Tab 栏不会出现；
+    // 兜底摘一次历史上可能残留的旧 Tab 栏，保证全程只有一份。
+    document.querySelectorAll('.dsh-mobile-tabbar').forEach((el) => el.remove())
     const tabbar = document.createElement('nav')
     tabbar.className = 'dsh-mobile-tabbar'
     tabbar.setAttribute('aria-label', '底部导航')
+    // 最近一次角标轮询看到的任务数（驱动「插件」页签的直达目标与角标显隐）。
+    let tasksActive = 0
+    let tasksWaiting = 0
     const tabDefs = [
       {
         id: 'sessions', label: '会话',
@@ -224,9 +268,15 @@ export function MobileRelayOverlay() {
         act: () => expand(),
       },
       {
-        id: 'dock', label: '功能坞',
+        id: 'dock', label: '插件',
         icon: '<svg viewBox="0 0 24 24"><rect x="4" y="4" width="7" height="7" rx="1.5"/><rect x="13" y="4" width="7" height="7" rx="1.5"/><rect x="4" y="13" width="7" height="7" rx="1.5"/><rect x="13" y="13" width="7" height="7" rx="1.5"/></svg>',
-        act: () => { if (panelNav.open) setPanelOpen(false); else openPanel('home') },
+        act: () => {
+          // 始终打开、不再当开关用：若功能坞处于打开态但被原生全屏页/弹层（如从侧栏
+          // 进的官方插件管理页）盖住，再点一下会把功能坞关掉、露出的反而是原生页——
+          // 看起来就是「点插件出官方插件页」（用户实测截图）。关闭走面板自己的 ✕。
+          // 配合手机端把功能坞面板 z 序抬到原生弹层之上（媒体查询内 2000）。
+          openPanel((tasksActive > 0 || tasksWaiting > 0) ? 'runstate' : 'home')
+        },
       },
       {
         id: 'settings', label: '设置',
@@ -234,6 +284,7 @@ export function MobileRelayOverlay() {
         act: () => { const b = [...document.querySelectorAll('button')].find((x) => (x.getAttribute('aria-label') || '') === '设置' || (x.textContent || '').trim() === '设置'); if (b) b.click() },
       },
     ]
+    let tasksBadge = null
     const tabButtons = tabDefs.map((def) => {
       const b = document.createElement('button')
       b.type = 'button'
@@ -241,6 +292,12 @@ export function MobileRelayOverlay() {
       b.dataset.tab = def.id
       b.innerHTML = def.icon + '<span>' + def.label + '</span>'
       b.addEventListener('click', () => def.act())
+      if (def.id === 'dock') {
+        tasksBadge = document.createElement('span')
+        tasksBadge.className = 'dsh-mobile-tab-badge'
+        tasksBadge.style.display = 'none'
+        b.appendChild(tasksBadge)
+      }
       tabbar.appendChild(b)
       return b
     })
@@ -250,46 +307,73 @@ export function MobileRelayOverlay() {
       const settingsOpen = dialogOpen()
       for (const b of tabButtons) {
         const id = b.dataset.tab
-        const on = (id === 'sessions' && expanded) || (id === 'dock' && panelNav.open) || (id === 'settings' && settingsOpen)
+        const on = (id === 'sessions' && expanded)
+          || (id === 'dock' && panelNav.open)
+          || (id === 'settings' && settingsOpen)
         b.classList.toggle('on', on)
       }
     }
     const unsubPanel = subscribePanel(syncTabs)
 
-    // 把手定位：贴着趣味游戏浮标（.dgfab，可拖拽、位置内联在 style 上）正上方；
-    // 浮标被拖到顶/隐藏/不存在时兜底左侧中部（38% 视高）。sync 每 1.5s 复测，
-    // 拖拽浮标后把手最迟一个周期跟上；resize 立即复测。
-    const place = () => {
-      if (!fab) return
-      const vh = window.innerHeight
-      let top = null
-      const g = document.querySelector('.dgfab')
-      if (g && !g.classList.contains('dgfab-hide') && g.getBoundingClientRect) {
-        const r = g.getBoundingClientRect()
-        if (r && r.height > 0 && r.top > 0) {
-          top = r.top - fab.offsetHeight - 8
-          if (top < 64) top = r.bottom + 8 // 浮标太靠上时改放它下面，避开顶栏标题
-          if (top + fab.offsetHeight > vh - 16) top = null
+    // 「任务」角标：低频轮询 runstate 宿主路由（3s，仅窄屏 + 页面可见时发）；
+    // 进行中 = 蓝色数量，等待确认 = 红色数量 + 脉冲。路由不存在（runstate 未启用
+    // 或宿主旧版）时静默停轮询并摘掉角标，不报错不打扰。
+    let runstateGone = false
+    const pollTasks = () => {
+      if (runstateGone || !tasksBadge || !narrow() || document.visibilityState === 'hidden' || !tabbar.isConnected) return
+      fetch('/dsh-dock/runstate/status', {
+        method: 'POST', headers: { 'content-type': 'application/json' }, body: '{}',
+      }).then(async (res) => {
+        if (res.status === 404 || res.status === 405) { runstateGone = true; tasksActive = 0; tasksWaiting = 0; tasksBadge.style.display = 'none'; return null }
+        const body = await res.json().catch(() => null)
+        if (!body) return null
+        const active = (body.data && body.data.active) || []
+        const waiting = active.filter((t) => t.approvals && t.approvals.length).length
+        tasksActive = active.length
+        tasksWaiting = waiting
+        if (waiting > 0) {
+          tasksBadge.textContent = String(waiting)
+          tasksBadge.className = 'dsh-mobile-tab-badge wait'
+          tasksBadge.style.display = ''
+        } else if (active.length > 0) {
+          tasksBadge.textContent = String(active.length)
+          tasksBadge.className = 'dsh-mobile-tab-badge'
+          tasksBadge.style.display = ''
+        } else {
+          tasksBadge.style.display = 'none'
         }
-      }
-      if (top == null) top = Math.round(vh * 0.38)
-      fab.style.top = top + 'px'
+      }).catch(() => {})
+    }
+    const tasksTimer = setInterval(pollTasks, 3000)
+
+    // 软键盘判定：visualViewport 与布局视口高度差超阈值视为键盘弹出（挂
+    // html.dsh-dock-kbd，样式表随之隐藏 Tab 栏并收窄滚动体留白——打字时
+    // 这两样只会挤占键盘上方的一线空间）。老内核没有 visualViewport 就跳过
+    // （那些内核键盘行为是整页缩放，原生命中适配）。
+    const vv = window.visualViewport || null
+    const kbdSync = () => {
+      if (!vv) return
+      const kbd = vv.height > 0 && (window.innerHeight - vv.height) > 120
+      document.documentElement.classList.toggle('dsh-dock-kbd', kbd)
     }
 
     const sync = () => {
+      kbdSync()
+      // 兜底摘除历史上可能残留的旧 Tab 栏（正常路径下走到这里说明宿主版未注入，
+      // 不会有第二份；保险起见 sync 周期里也保持全局只有一份）。
+      document.querySelectorAll('.dsh-mobile-tabbar').forEach((el) => { if (el !== tabbar) el.remove() })
       const on = narrow() && !!frameEl() && !dialogOpen()
       const collapsed = sidebarCollapsed()
-      if (fab) {
-        const showFab = on && collapsed && !panelNav.open
-        fab.style.display = showFab ? '' : 'none'
-        if (showFab) place()
-      }
+      // 右侧详情面板（窄屏原生全屏，z 40）打开时：Tab 栏 65 比它高会压边，整体让位，
+      // 面板收起（它自带折叠钮）后再回来。
+      const right = rightOpen()
       if (scrim) scrim.style.display = on && !collapsed ? '' : 'none'
-      // Tab 栏：窄屏且页面骨架就绪后常驻；功能坞面板/宿主设置弹窗打开时隐藏（它们的遮罩更高，避免露边）
-      tabbar.style.display = narrow() && !!frameEl() && !panelNav.open ? '' : 'none'
+      // Tab 栏：窄屏且页面骨架就绪后常驻；功能坞面板/设置弹窗/右侧详情面板打开时隐藏（避免露边压内容）
+      tabbar.style.display = narrow() && !!frameEl() && !panelNav.open && !right ? '' : 'none'
       syncTabs()
     }
     sync()
+    pollTasks()
     // MutationObserver 跟属性翻转即时同步；1.5s 轮询覆盖路由重渲等一切边角
     const observer = typeof MutationObserver !== 'undefined' ? new MutationObserver(sync) : null
     if (observer) observer.observe(document.documentElement, { attributes: true, attributeFilter: ['data-sidebar-collapsed'], subtree: true })
@@ -297,41 +381,59 @@ export function MobileRelayOverlay() {
     const onMq = () => sync()
     if (mq.addEventListener) mq.addEventListener('change', onMq)
     else if (mq.addListener) mq.addListener(onMq)
-    window.addEventListener('resize', place)
+    window.addEventListener('resize', kbdSync)
+    if (vv && vv.addEventListener) vv.addEventListener('resize', kbdSync)
+    const onVisible = () => { if (document.visibilityState === 'visible') pollTasks() }
+    document.addEventListener('visibilitychange', onVisible)
 
     // 捕获阶段统一处理（仅自建模式；宿主就位时宿主已有同款全局捕获）：
-    // 抽屉按钮自身排除（否则展开动作会被"点外部收起"当场撤销）；
+    // Tab 栏自身排除（否则页签动作会被"点外部收起"当场撤销）；
     // 遮罩不挂自己的 click——它的点击也走这里 collapse()，单一路径防止同一事件两次 toggle。
     const onClick = (e) => {
       if (!narrow()) return
       const t = e.target
       if (!t || !t.closest) return
-      if (t.closest('.dsh-mobile-drawer-btn') || t.closest('.dsh-mobile-tabbar')) return
+      if (t.closest('.dsh-mobile-tabbar')) return
       const expanded = !!document.querySelector('button[aria-label="收起侧边栏"],button[aria-label="Collapse sidebar"]')
       const col = document.querySelector('[class*="sidebarCol"]')
       const inSidebar = col && col.contains(t)
       if (!expanded && !inSidebar) return
       if (inSidebar) {
+        // 只有点「会话」才收抽屉：会话行的 data-row-key 以 session: 开头（0.1.7 结构，
+        // ui-workspace Rows.tsx）；工作区文件夹行是 workspace: 开头——点它只是展开/收拢
+        // 分组，不能收抽屉（旧的「无子 treeitem 即叶子」判定会误伤折叠状态的文件夹：
+        // 折叠时其子节点不在 DOM 里）。搜索结果行无 data-row-key，回退按无子叶判定。
         const row = t.closest('[role="treeitem"]')
-        const leaf = row && !row.querySelector('[role="treeitem"]') && row.closest('[role="tree"]')
+        const rowKey = (row && row.getAttribute('data-row-key')) || ''
+        const sessionRow = (rowKey && rowKey.startsWith('session:'))
+          || (row && !rowKey && !row.querySelector('[role="treeitem"]') && row.closest('[role="tree"]'))
         const fresh = t.closest('[class*="newSession"]')
-        if (leaf || fresh) setTimeout(() => { collapse(); closeDetails() }, 300)
+        if (sessionRow || fresh) setTimeout(() => { collapse(); closeDetails() }, 300)
+        else {
+          // 侧栏入口（插件/自动化任务/设置/记忆/自动进化…）点击后会弹出面板，而面板
+          // z 序常低于展开的抽屉——被盖住等于「点了没反应」（用户实测截图）。稍候
+          // 探测：有面板弹出就收起抽屉让它露出来；目录折叠/搜索等不弹面板的点击不受影响。
+          setTimeout(() => { if (document.querySelector('[role="dialog"]')) collapse() }, 260)
+        }
         return
       }
-      if (t.closest('[role="dialog"],[class*="dockm"],[class*="dgfab"],[class*="dgwin"],[class*="dgame"],[class*="detailsCol"]')) return
+      if (t.closest('[role="dialog"],[class*="dockm"],[class*="dgfab"],[class*="dgwin"],[class*="dgame"],[data-sidebar-right-panel]')) return
       collapse()
     }
-    if (!hostPresent) document.addEventListener('click', onClick, true)
+    document.addEventListener('click', onClick, true)
 
     return () => {
-      if (!hostPresent) document.removeEventListener('click', onClick, true)
+      document.removeEventListener('click', onClick, true)
       if (observer) observer.disconnect()
       clearInterval(timer)
+      clearInterval(tasksTimer)
       unsubPanel()
       if (mq.removeEventListener) mq.removeEventListener('change', onMq)
       else if (mq.removeListener) mq.removeListener(onMq)
-      window.removeEventListener('resize', place)
-      if (fab) fab.remove()
+      window.removeEventListener('resize', kbdSync)
+      if (vv && vv.removeEventListener) vv.removeEventListener('resize', kbdSync)
+      document.removeEventListener('visibilitychange', onVisible)
+      document.documentElement.classList.remove('dsh-dock-kbd')
       if (scrim) scrim.remove()
       tabbar.remove()
       if (window.__dshDockMobileDrawer === 'client') delete window.__dshDockMobileDrawer
@@ -343,9 +445,15 @@ export function MobileRelayOverlay() {
 export function MobileRelayHomeStat() {
   const [summary, setSummary] = useState('未开启，开启后可远程登录')
   useEffect(() => {
-    rpc('lan').then((data) => {
-      setSummary(data.gatewayActive ? '入口运行中 · 端口 ' + data.gatewayPort : data.accountSet ? '账号已设置，入口未开启' : '未开启，开启后可远程登录')
-    }).catch(() => {})
+    const refresh = () => {
+      rpc('lan').then((data) => {
+        const devices = typeof data.devices === 'number' && data.devices > 0 ? ' · ' + data.devices + ' 台设备在线' : ''
+        setSummary(data.gatewayActive ? '入口运行中 · 端口 ' + data.gatewayPort + devices : data.accountSet ? '账号已设置，入口未开启' : '未开启，开启后可远程登录')
+      }).catch(() => {})
+    }
+    refresh()
+    const timer = setInterval(refresh, 10000)
+    return () => clearInterval(timer)
   }, [])
   return <span>{summary}</span>
 }
@@ -355,9 +463,9 @@ export const feature = {
   description: '账号密码登录的远程入口：所有设备访问同一个 DSH，任务进度实时一致', defaultEnabled: false,
   css: `
 .dmr{--dmr-accent:var(--dk-accent,#2f6fed);--dmr-accent-soft:color-mix(in srgb,var(--dmr-accent) 13%,transparent);display:flex;flex-direction:column;gap:16px;max-width:720px;color:var(--dsw-alias-label-primary);font-size:13px;line-height:1.5}.dmr h3,.dmr h4,.dmr p{margin:0}.dmr h3{font-size:17px;line-height:1.25;letter-spacing:-.01em}.dmr h4{font-size:13px}.dmr-hero,.dmr-status-head{display:flex;align-items:flex-start;gap:12px}.dmr-hero>div,.dmr-status-head>div{min-width:0;display:flex;flex-direction:column;gap:4px}.dmr-hero p,.dmr-status-head p,.dmr-field small,.dmr-share small,.dmr-overview-card small,.dmr-task small,.dmr-note p{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.55}.dmr-hero-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:14px;background:var(--dmr-accent-soft);color:var(--dmr-accent);border:1px solid color-mix(in srgb,var(--dmr-accent) 35%,var(--dsw-alias-border-l1))}.dmr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}.dmr-steps li{display:flex;gap:9px;padding:11px;border:1px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-1);border-radius:12px}.dmr-steps li>span{width:21px;height:21px;display:inline-flex;align-items:center;justify-content:center;flex:none;border-radius:50%;font-size:11px;font-weight:700;color:var(--dmr-accent);background:var(--dmr-accent-soft)}.dmr-steps div{display:flex;flex-direction:column;gap:3px;min-width:0}.dmr-steps strong{font-size:12px}.dmr-steps small{font-size:11px;color:var(--dsw-alias-label-secondary);line-height:1.45}.dmr-field{display:flex;flex-direction:column;gap:6px;font-weight:600}.dmr-field input,.dmr-field select,.dmr-note textarea{box-sizing:border-box;width:100%;border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary);border-radius:10px;padding:10px 12px;min-height:44px;font:inherit;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.dmr-field input:focus,.dmr-field select:focus,.dmr-note textarea:focus{border-color:var(--dmr-accent);box-shadow:0 0 0 3px var(--dmr-accent-soft)}.dmr-field small{font-weight:400}.dmr-network-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(150px,.6fr);gap:12px}.dmr-security{padding:12px 13px;border:1px solid color-mix(in srgb,var(--dk-warn) 48%,var(--dsw-alias-border-l1));border-radius:12px;background:color-mix(in srgb,var(--dk-warn) 9%,transparent)}.dmr-security strong{display:block;margin-bottom:4px;color:var(--dk-warn);font-size:12px}.dmr-security p{font-size:12px;color:var(--dsw-alias-label-secondary);line-height:1.55}.dmr-primary,.dmr-secondary,.dmr-text-button,.dmr-icon-button{font:inherit;touch-action:manipulation;cursor:pointer;transition:transform .15s ease,background .18s ease,border-color .18s ease,opacity .18s ease}.dmr-primary,.dmr-secondary{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;padding:9px 13px;font-weight:600}.dmr-primary{align-self:flex-start;border:1px solid var(--dmr-accent);background:var(--dmr-accent);color:#fff}.dmr-primary:hover{filter:brightness(1.05)}.dmr-secondary{border:1px solid var(--dsw-alias-border-l2);background:var(--dsw-alias-bg-layer-1);color:var(--dsw-alias-label-primary)}.dmr-secondary:hover{border-color:var(--dmr-accent);background:var(--dmr-accent-soft)}.dmr-primary:active,.dmr-secondary:active,.dmr-icon-button:active{transform:scale(.98)}.dmr-primary:disabled,.dmr-secondary:disabled,.dmr-text-button:disabled,.dmr-icon-button:disabled{cursor:not-allowed;opacity:.5}.dmr-message{display:flex;align-items:flex-start;gap:7px;padding:10px 12px;border-radius:10px;font-size:12px}.dmr-message.success{color:var(--dsw-alias-state-success-primary);background:color-mix(in srgb,var(--dsw-alias-state-success-primary) 10%,transparent)}.dmr-message.error{color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}.dmr-status-head{justify-content:space-between}.dmr-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--dmr-accent)}.dmr-eyebrow i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px var(--dmr-accent-soft)}.dmr-icon-button{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;border:1px solid var(--dsw-alias-border-l2);border-radius:10px;background:transparent;color:var(--dsw-alias-label-secondary)}.dmr-icon-button:hover{color:var(--dsw-alias-state-error-primary);border-color:currentColor}.dmr-share{display:flex;flex-direction:column;gap:9px;padding:13px;border:1px solid color-mix(in srgb,var(--dmr-accent) 32%,var(--dsw-alias-border-l1));border-radius:13px;background:var(--dmr-accent-soft)}.dmr-share-layout{display:grid;grid-template-columns:196px minmax(0,1fr);gap:16px;align-items:center}.dmr-qr-card{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-radius:12px;background:#fff;color:#111827;text-align:center}.dmr-qr-card img{display:block;width:176px;height:176px;max-width:100%;object-fit:contain}.dmr-qr-card strong{font-size:12px}.dmr-qr-card small{color:#4b5563;font-size:10px}.dmr-qr-loading{display:grid;place-items:center;width:176px;height:176px;color:#64748b;font-size:12px}.dmr-share-detail{min-width:0;display:flex;flex-direction:column;gap:10px}.dmr-share-detail>div:first-child{display:flex;flex-direction:column;gap:4px}.dmr-link{padding:10px 11px;border-radius:8px;background:var(--dsw-alias-bg-layer-1);border:1px solid var(--dsw-alias-border-l1);font:12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;word-break:break-all;color:var(--dsw-alias-label-secondary)}.dmr-share-actions{display:flex;gap:8px;flex-wrap:wrap}.dmr-share-actions .dmr-primary{align-self:auto}.dmr-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dmr-overview-card{display:flex;flex-direction:column;gap:3px;padding:12px;border:1px solid var(--dsw-alias-border-l1);border-radius:12px;background:var(--dsw-alias-bg-layer-1)}.dmr-overview-card>span{font-size:11px;color:var(--dsw-alias-label-tertiary)}.dmr-overview-card strong{font-size:16px;letter-spacing:-.01em}.dmr-section{display:flex;flex-direction:column;gap:9px}.dmr-section-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dmr-section-head small{font-size:11px;color:var(--dsw-alias-label-tertiary)}.dmr-text-button{border:0;background:transparent;color:var(--dmr-accent);padding:8px;min-height:36px;font-weight:600}.dmr-task-list{display:flex;flex-direction:column;gap:8px}.dmr-task{display:flex;align-items:flex-start;gap:9px;padding:10px 11px;border:1px solid var(--dsw-alias-border-l1);border-radius:10px;background:var(--dsw-alias-bg-layer-1)}.dmr-task>div{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.dmr-task strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dmr-phase{flex:none;border-radius:999px;padding:3px 8px;font-size:11px;background:var(--dmr-accent-soft);color:var(--dmr-accent)}.dmr-phase.write{color:var(--dsw-alias-state-success-primary)}.dmr-phase.code{color:var(--dk-warn)}.dmr-phase.search{color:#0d9488}.dmr-empty{padding:18px 12px;text-align:center;border:1px dashed var(--dsw-alias-border-l2);border-radius:10px;color:var(--dsw-alias-label-secondary);font-size:12px}.dmr-note{display:flex;flex-direction:column;gap:9px;padding-top:2px}.dmr-note blockquote{margin:0;padding:10px 12px;border-left:3px solid var(--dmr-accent);border-radius:0 9px 9px 0;background:var(--dmr-accent-soft);white-space:pre-wrap;font-size:12px}.dmr-note textarea{min-height:88px;resize:vertical;line-height:1.5}.dmr-note .dmr-secondary{align-self:flex-start}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:680px){.dmr{gap:14px;font-size:14px}.dmr h3{font-size:18px}.dmr-steps{grid-template-columns:1fr;gap:8px}.dmr-steps li{padding:10px}.dmr-steps small,.dmr-hero p,.dmr-status-head p,.dmr-field small,.dmr-share small,.dmr-overview-card small,.dmr-task small,.dmr-note p{font-size:12px}.dmr-network-grid{grid-template-columns:1fr;gap:10px}.dmr-field input,.dmr-field select{font-size:16px}.dmr-primary,.dmr-secondary{width:100%;font-size:14px}.dmr-share-layout{grid-template-columns:1fr;gap:12px}.dmr-qr-card{width:min(240px,100%);margin:0 auto}.dmr-qr-card img,.dmr-qr-loading{width:210px;height:210px}.dmr-share-actions{flex-direction:column}.dmr-share-actions .dmr-primary{width:100%}.dmr-overview{gap:8px}.dmr-overview-card{padding:11px}.dmr-status-head{gap:8px}.dmr-link{font-size:11px}.dmr-note textarea{font-size:16px;min-height:104px}.dmr-note .dmr-secondary{align-self:stretch}.dmr-compact .dmr-hero-icon{width:40px;height:40px;border-radius:13px}}@media (prefers-reduced-motion:reduce){.dmr-primary,.dmr-secondary,.dmr-text-button,.dmr-icon-button,.dmr-field input,.dmr-field select,.dmr-note textarea{transition:none}}.dmr-lan{flex:none;margin-top:6px;padding-top:16px;border-top:1px solid var(--dsw-alias-border-l1)}.dmr-lan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dmr-lan-title{min-width:0;display:flex;flex-direction:column;gap:4px}.dmr-lan-title p{color:var(--dsw-alias-label-secondary);font-size:12px;line-height:1.55}.dmr-lan-badge{flex:none;display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;border:1px solid var(--dsw-alias-border-l2);color:var(--dsw-alias-label-tertiary)}.dmr-lan-badge.on{border-color:color-mix(in srgb,var(--dmr-accent) 45%,transparent);background:var(--dmr-accent-soft);color:var(--dmr-accent)}.dmr-lan-active,.dmr-lan-idle{display:flex;flex-direction:column;gap:12px}.dmr-lan-active .dmr-share-detail small strong{color:var(--dsw-alias-state-error-primary)}.dmr-danger{border-color:color-mix(in srgb,var(--dsw-alias-state-error-primary) 45%,var(--dsw-alias-border-l2));color:var(--dsw-alias-state-error-primary)}.dmr-danger:hover{border-color:var(--dsw-alias-state-error-primary);background:color-mix(in srgb,var(--dsw-alias-state-error-primary) 10%,transparent)}
-/* 抽屉把手：贴左边缘（同趣味游戏浮标的边缘吸附语言），top 由 place() 动态设定；
- * z 序 70 < 遮罩 75 < 侧栏 80 < overlayLayer 90，面板/弹窗打开时自然被盖。 */
-@media (max-width:700px){.dsh-mobile-drawer-btn{position:fixed;left:0;top:38vh;z-index:70;box-sizing:border-box;width:30px;height:48px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--dsw-alias-border-l1,rgba(127,139,161,.35));border-left:none;border-radius:0 12px 12px 0;background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#1c2230) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--dsw-alias-label-primary,#e6eaf2);box-shadow:4px 0 18px rgba(0,0,0,.28);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dsh-mobile-drawer-btn:active{transform:scale(.94)}.dsh-mobile-drawer-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dsh-mobile-scrim{position:fixed;inset:0;z-index:75;background:rgba(8,10,14,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none}
+/* 抽屉遮罩：侧栏浮层展开时盖住页面。左缘浮动「抽屉把手」已移除——会话入口
+ * 统一走底部 Tab 栏「会话」页签，把手悬浮在内容上还压过输入区（用户实测）。 */
+@media (max-width:700px){.dsh-mobile-scrim{position:fixed;inset:0;z-index:75;background:rgba(8,10,14,.45);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none}
 /* ---- 仿 ZCode 手机端：底部 Tab 栏 + 输入区吸附底部 ---- */
 .dsh-mobile-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:65;display:flex;align-items:stretch;justify-content:space-around;padding:6px 8px calc(8px + env(safe-area-inset-bottom,0px));background:color-mix(in srgb,var(--dsw-alias-bg-layer-2,#1c2230) 92%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--dsw-alias-border-l1,rgba(127,139,161,.25));touch-action:manipulation}
 .dsh-mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px 0;border:0;background:transparent;color:var(--dsw-alias-label-tertiary,#8b95ab);font:600 11px/1.2 inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px}
@@ -365,16 +473,39 @@ export const feature = {
 .dsh-mobile-tab.on{color:var(--dsw-alias-label-primary,#e6eaf2)}
 .dsh-mobile-tab.on svg{color:var(--dk-accent,#4d9fff)}
 .dsh-mobile-tab:active{transform:scale(.94)}
+/* 「任务」页签角标：进行中=蓝（数量），等待确认=红（数量+脉冲）——接力场景里
+ * 等待确认是最需要人介入的状态，一眼可见；数据来自 runstate 宿主路由低频轮询。 */
+.dsh-mobile-tab{position:relative}
+.dsh-mobile-tab-badge{position:absolute;top:0;right:calc(50% - 26px);box-sizing:border-box;min-width:16px;height:16px;padding:0 4px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:#4d9fff;color:#fff;font-size:10px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;box-shadow:0 2px 8px rgba(0,0,0,.35);pointer-events:none}
+.dsh-mobile-tab-badge.wait{background:#ef4444;animation:dsh-badge-pulse 1.2s ease-in-out infinite}
+@keyframes dsh-badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.18)}}
+@media (prefers-reduced-motion:reduce){.dsh-mobile-tab-badge.wait{animation:none}}
 /* 输入区吸附到 Tab 栏上方：宿主把欢迎内容 justify-content:center 垂直居中，
- * 手机视口下输入卡片悬在中部、下方留出大片空白。改为 flex-end 贴底，并给
- * 滚动体留出 Tab 栏高度的内边距，避免内容被 Tab 栏遮挡。 */
-[class*="scrollBody"]{justify-content:flex-end !important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}
-[class*="scrollBody"]>[class*="composerSeat"]{padding-bottom:6px}
+ * 手机视口下输入卡片悬在中部、下方留出大片空白。改用「输入区 margin-top:auto」
+ * 贴底，并给滚动体留出 Tab 栏高度的内边距，避免内容被 Tab 栏遮挡。
+ * ⚠️ 绝不能给滚动体加 justify-content:flex-end/center 贴底：内容会被挤到滚动体
+ * 起点之外，Chrome 不把起点方向溢出算进 scrollHeight（手机视口实测
+ * scrollHeight==clientHeight、maxScroll==0），会话记录彻底滚不动、首条消息永远
+ * 看不到。宿主半部旧版注入里还留着那条 flex-end（要重启 dsh web 才消失），这里
+ * 用更高优先级的选择器显式复位：刷新页面即修好，不必等重启。 */
+[class*="scrollBody"][data-conversation-scroll]{justify-content:flex-start !important;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}
+[class*="scrollBody"]{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important}
+[class*="scrollBody"]>[class*="composerSeat"]{margin-top:auto;padding-bottom:6px}
+/* 输入区工具行上的 dsh-dock chip（用量/余额）：窄屏下 28cqw 的宽度上限把它们挤成
+ * 「…」「余..」（手机实测），既读不出数值又白占输入行空间。手机端整组收起，数值在
+ * 底部「功能坞」里看（用量/余额页信息更全）；桌面端不动。 */
+.dockchip-row{display:none}
 /* 收起的侧栏轨道（collapsed rail）在窄屏只剩 1px 占位，但轨道里的按钮
  * 仍会溢出贴在左边缘（功能坞/进化/设置三枚露出半边的圆钮）。隐藏整列，
  * 这些入口已由底部 Tab 栏接管；展开抽屉（z 80）不受影响。 */
 [class*="sidebarCol"]:has([class*="collapsed"]){visibility:hidden}
-/* 抽屉把手从屏幕中部挪到 Tab 栏上方一点，免得孤零零悬在半空 */
-.dsh-mobile-drawer-btn{top:auto !important;bottom:calc(96px + env(safe-area-inset-bottom,0px))}}`,
+/* 软键盘弹出（visualViewport 判定，挂 html.dsh-dock-kbd）：Tab 栏整体让位（打字时
+ * 它只会挤占键盘上方的一线空间），滚动体留白收窄。选择器特异性高于上面的 72px
+ * 留白规则，能压过去。宿主接管期间由宿主脚本同步置/摘这个类。 */
+html.dsh-dock-kbd .dsh-mobile-tabbar{display:none !important}
+html.dsh-dock-kbd [class*="scrollBody"]{padding-bottom:12px !important}
+/* 功能坞面板在手机端抬到原生弹层之上：从侧栏进的官方插件管理页等原生弹层 z 序高于
+ * 面板默认的 200，功能坞开在下面会被盖住——「插件」页签点了像没反应/露出原页面。 */
+[class*="dockm-backdrop"]{z-index:2000 !important}}`,
   View: MobileRelayView, HomeStat: MobileRelayHomeStat, Overlay: MobileRelayOverlay,
 }

package/index.js

@@ -16,7 +16,7 @@
 //   - notify      任务通知：完成/异常/需确认通知 + 提示音/系统通知/钉钉飞书推送（从任务动画拆出）
 //   - runstate    运行状态：进行中任务与最近完成一览（从任务动画拆出；只读，无配置段）
 //   - mobile-relay 手机接力（未发布）：扫码反向代理接力 + 局域网电脑直连（0.0.0.0）
-import { DockConfig, sendJson, readBody, migrateNotifyConfig, migrateModelsFeatureId, migrateImportedFeatures, bindDockConfig, readDockRoot, mutateDockSection } from './src/host-core.js'
+import { DockConfig, sendJson, readBody, migrateNotifyConfig, migrateModelsFeatureId, migrateImportedFeatures, migrateImportedSections, bindDockConfig, readDockRoot, mutateDockSection } from './src/host-core.js'
 import { feature as fModels } from './features/modelconfig/host.js'
 import { feature as fVisionProxy } from './features/visionproxy/host.js'
 import { feature as fBalance } from './features/balance/host.js'
@@ -132,6 +132,10 @@ export function apply(ctx, config) {
   ctx.inject(['settings'], (sctx) => {
     // 0.1.7-alpha.1 起 settings.register 已移除——不再调用；导出 Config 即注册。
     Promise.resolve()
+      // settings.yaml.imported 整段恢复（账号 remoteAuth / notify / animation /
+      // visionProxy——Config 导出前导入失败停在 imported 文件里的那批）。必须最先跑：
+      // 后面的迁移与功能启用都要读到恢复后的配置（远程访问账号丢了网关就开不起来）。
+      .then(() => migrateImportedSections(sctx))
       // 通知配置从 animation 段搬到 notify 段（【任务通知】独立成模块）。
       // 必须在任何面板保存动作之前跑——animation 模块保存时整段写回，旧字段会被覆盖丢失。
       .then(() => migrateNotifyConfig(sctx))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-dock",
-  "version": "0.12.0",
+  "version": "0.13.0",
   "description": "DeepSeek Harness 功能坞插件（dsh-dock）：模块化功能中枢——每个功能一个 features/ 模块（可单独提取成包发布，又可经 dockBridge 装回面板）。含用量记录（LLM 调用记账/费用统计，支持各模型自定义单价、多段分时价与周末/节假日谷价）、模型设置、图片理解代理、模型余额、任务动画（19 种运行动画 + 桌面伙伴 3D 场景）、任务通知（完成/异常/需确认通知、提示音、系统通知、钉钉/飞书推送）、运行状态（进行中任务与最近完成一览）；侧栏入口 + 可拖拽弹窗（最大化/最小化/缩放）。",
   "type": "module",
   "main": "index.js",
@@ -43,7 +43,7 @@
   "scripts": {
     "build:client": "node scripts/build-client.mjs",
     "test:client": "node scripts/test-client-views.mjs",
-    "test:host": "node scripts/test-task-host.mjs && node scripts/test-tokenlog-host.mjs",
+    "test:host": "node scripts/test-task-host.mjs && node scripts/test-tokenlog-host.mjs && node scripts/test-legacy-import.mjs && node scripts/test-mobile-relay-host.mjs && node scripts/test-mobile-relay.mjs",
     "dev:client": "node scripts/watch-client.mjs",
     "dev:link": "node scripts/dev-link-deps.mjs"
   },

package/src/client.jsx

@@ -28,12 +28,13 @@ import { feature as fNotify } from "../features/notify/view.jsx";
 import { feature as fRunState } from "../features/runstate/view.jsx";
 import { feature as fGames } from "../features/games/view.jsx";
 import { feature as fMobileRelay } from "../features/mobile-relay/view.jsx";
+import { feature as fMobile } from "../features/mobile/view.js";
 
 const name = "dsh-dock";
-const DOCK_VERSION = "0.12.0";
+const DOCK_VERSION = "0.13.0";
 
 // ---- 内置功能注册表：新功能 = features/<id>/ 加模块 + 这里 import 一行 ----
-const BUILTIN_FEATURES = [fTokenlog, fModelconfig, fHeartbeat, fTheme, fBalance, fAnimation, fNotify, fRunState, fGames, fMobileRelay];
+const BUILTIN_FEATURES = [fTokenlog, fModelconfig, fHeartbeat, fTheme, fBalance, fAnimation, fNotify, fRunState, fGames, fMobileRelay, fMobile];
 // 规划占位（路线图）：接入后移除并建 features/<id>/ 模块
 const PLANNED_FEATURES = [];
 const PLANNED_NOTES = {};