21hbguo/dsh-mobile-ui

README 摘要

dsh-mobile-ui — DSH Web GUI 手机端 UI 适配插件 窄屏（默认视口宽度 ≤ 860px，可配置）下把 DeepSeek Harness Web GUI 从桌面三栏布局重构为 全屏聊天布局 ：侧栏与右侧面板变为抽屉、顶部悬浮操作条 + 全屏按钮、返回键退栈，桌面宽度下零影响。 ✨ 功能特性 - 📱 全屏聊天布局 ：三栏 + 右侧面板列脱离文档流，聊天区占满整屏。 - 🗂️ 侧栏 → 左侧抽屉 ：点顶部 ☰ 滑出；点遮罩、收起按钮、或在侧栏里点了会话/「新会话」自动收起。 - 📄 右侧面板 → 抽屉 ：详情列与 aionui 的「资源列 / 预览列」变为右侧抽屉（点顶部面板按钮或 aionui 浮出按钮打开）。 - 🎛️ 顶部悬浮操作条 ：☰ 侧栏 · 面板 · ⟳ 刷新 · ⛶ 全屏（Fullscreen API）。 - ⏎ 返回键退栈 + 全屏锁定 （全屏 / PWA standalone 内）：系统返回键按「最上层优先」逐层关闭 —— aionui 对话框 → 模态对话框 → 侧栏抽屉 → 右侧面板；层全关完后再按返回也只是吞掉， 退出全屏唯一途径是 ⛶ 按钮 。 - 🔄 Android 返回键防退出 ：系统返回先退全屏时，插件关掉当前层并立即恢复全屏（粗指针设备生效）。 - 📵 会话切换抑制键盘 ：切换 session 后不自动聚焦 composer（键盘不弹出，可先滑动浏览；手动点输入区不受影响）。 - 📲 移动端细节 ： viewport-fit=cover 安全区适配（刘海/底部横条）、16px 输入框字号防 iOS 聚焦缩放、双击缩放禁用、PWA meta（可「添加到主屏幕」全屏运行）。 - 🖥️ 桌面零影响 ：所有规则挂在 body.dsh-mobile 开关类下，离开窄屏即恢复桌面三栏布局与原始 viewport meta。 📐 架构 两个半区，通过 DSH 设置系统连接： - Host 半区 只声明配置命名空间 mobile-ui （无路由、无副作用），设置经 DSH settings 系统读写。 - 浏览器半区 是纯 DOM 适配层，无 react 运行时依赖（react 由 web 宿主提供），client bundle gzip 约 16KB。 - 布局状态全部取自 frame 自身稳定钩子 ：侧栏 = data-sidebar-collapsed 属性；aionui 两列 = 解析 frame 内联 grid 轨道（MutationObserver 镜像为 dsh-mobile-explorer-open / dsh-mobile-preview-open 类），不与内部框架耦合。 - 断点取值优先级：settingsScope 就绪 → 其 breakpoint ；否则退回装配配置的默…

分类