dsh-client-ui-responsive

dsh-mobile 生态 · dsh-mobile-apk（壳 APK）· dsh-shell-termux（shell）· dsh-host-web-compat（浏览器兼容）· dsh-mobile（协调仓库，private）

DeepSeek Harness Web UI 的移动响应式 AppFrame： 上游 ui-layout 的即插即用替代品，新增 Mobile 形态（<640px）——抽屉侧栏、底部 sheet、带汉堡的顶栏、安全区； Wide/Narrow 行为与上游逐字节一致。

快速开始

1. 安装（放入 web profile 的 node_modules，模式见 dsh-shell-termux）。

2. 挂载（profile 的 cordis.patch.yml）：

- id: ui-layout
  disabled: true
- insert:
    - id: ui-responsive
      name: '@dsh-android/dsh-client-ui-responsive'

3. 重启，验证浏览器名册（window.__DSH_BOOT__ 含 @dsh-android/dsh-client-ui-responsive，ui-layout 消失）。

断点体系

档位	宽度	形态
Wide	≥1024px	三栏，上游行为
Narrow	640–1024px	上游自动折叠 rail + 手动展开
Mobile	<640px	单栏：sidebar→左抽屉、details→底部 sheet、顶栏+汉堡、安全区

横屏手机（≥640 逻辑像素）原样复用 Wide/Narrow 界面。

行为说明

• 槽位与服务不变：sidebar/conversation/details/shell.overlay 与 ctx.layout 与 ui-layout 完全一致——消费方（ui-sidebar、ui-conversation）零改动；
• 移动形态语义：汉堡切换抽屉（点遮罩关闭）；ctx.layout.openDetails() 弹出底部 sheet； shell.overlay 保持最顶层（z 20）；
• 旋转即时切换：同一套 rAF 节流 ResizeObserver 驱动；prefers-reduced-motion 关闭过渡。

构建