dsh-client-ui-mobile

让 DSH 的 Web 界面在手机浏览器上以抽屉式侧栏布局适配显示。电脑端打开与原版完全一致，只有手机端（窄屏 / 触屏设备）才会发生变化。

测试环境：DSH 0.1.0-rc.6（web profile）。核心功能基于布局框架的稳定 data 属性，跨版本可用；部分细节样式依赖特定版本类名，详见兼容性。

---

✨ 功能

功能	说明
📱 抽屉式布局	手机端侧栏隐藏，对话区占满全屏；☰ 按钮滑出侧栏抽屉，点遮罩关闭
🖥 桌面端不变	≥1024px 且非移动设备时，界面与原版完全一致
📊 统计栏	底部对话统计折叠为"一行预览 + 展开箭头"，点击展开完整统计
⏱ 消息元信息	每条消息下方的"时间 · 用时 · TTFT · tok/s"完整显示，紧凑竖线分隔
⌨️ 回车设置	设置 → 通用 → 手机端回车键：回车 = 发送消息，或回车 = 插入换行
🖼 聊天背景	设置 → 通用 → 聊天背景：选择图片、手动裁剪（拖动 + 缩放）、调节背景模糊与毛玻璃透明度；切换会话自动保留
💬 AI 气泡与头像	设置 → 通用 → AI 聊天气泡（浅金色开关）；用户头像 / AI 头像独立开关、自定义上传（圆形裁剪）、默认头像
🌐 中英双语	全部插件界面文字接入应用语言系统，切换语言即时生效
⚙️ 设置页适配	手机端设置面板全屏显示、导航横向排列，插件列表完整显示

完整变更记录见 CHANGELOG.md。

📦 安装

要求：已安装 DSH（web profile），即 ~/.dsh/profiles/web/ 目录存在。

自动安装（推荐）

git clone  dsh-client-ui-mobile
cd dsh-client-ui-mobile
./install.sh

安装脚本会：

1. 把插件复制到 ~/.dsh/profiles/web/node_modules/@local/dsh-client-ui-mobile/
2. 在 ~/.dsh/profiles/web/cordis.patch.yml 中添加 ui-mobile 组合行

然后重启 DSH，并在浏览器中强制刷新（Ctrl/Cmd+Shift+R）即可生效。

手动安装

# 1. 复制插件包
mkdir -p ~/.dsh/profiles/web/node_modules/@local
cp -r lib package.json ~/.dsh/profiles/web/node_modules/@local/dsh-client-ui-mobile/

# 2. 在 ~/.dsh/profiles/web/cordis.patch.yml 末尾添加：
# - insert:
#     - id: ui-mobile
#       name: '@local/dsh-client-ui-mobile'

# 3. 重启 dsh，浏览器强制刷新

🗑 卸载

./uninstall.sh