DSH Phone UI

🤖 AI 声明：本仓库的一切——包括代码、动画、打包脚本，以及你正在阅读的这份介绍——全部由 AI 独立完成，无一丝人类痕迹。

为 DeepSeek Harness (DSH) Web 界面打造的手机端 UI 与动画套件： 竖屏/横屏自适应桌面式布局、HyperOS 风格动效全家桶、每轮 token 明细底栏。

🏷️ 本仓库为 DSH 开源插件社区项目（GitHub 主题：dsh-plugin）

📱 APK 定位：apk/dsh-web.apk 只作为 UI 界面使用，旨在解放浏览器以及方便进行修改。

✨ 功能

• 自适应布局：竖屏 560 / 横屏 1024 布局视口，桌面三栏在手机上完整呈现
• 抽屉式侧边栏：点鲸鱼展开/收回、点外部关闭、左缘滑动开合、框高生长动画
• HyperOS 动效：面板从按钮弹出/缩回、折叠区块真实框高展开、导航滑块、菜单动效、按钮按压缩放
• 每轮 token 明细：消息底栏显示 输入/输出/缓存命中率（智能 K/M/B 缩写）
• 紧凑排版：正文 21px、元数据 10px 等宽、长文本自动换行不截断
• 性能修复：缩放视口下的布局观察器防抖（消除无限重渲染）

📁 目录结构

├── apk/dsh-web.apk           # 显示器应用 v3.1.0-box（versionCode 7，Rust 核心；检测到 dsh web 即自动连接）
├── ui/phone-ui.js            # 全部动画/排版插件（核心，单文件可调）
├── fonts/DshChipCell.ttf      # token 明细图标字体（同时内嵌在 conversation-client.js）
├── ui/conversation-client.js # 含 token 明细管线
├── ui/layout-client.js       # 含防卡顿修复
├── ui/tool-client.js         # 窄屏排版修复
├── ui/model-selection-client.js
├── ui/index.html             # 桌面视口配置
├── install.sh                # 一键安装（自动备份）
└── LICENSE                   # MIT

🚀 安装

1. 手机安装 Termux（F-Droid）
2. pkg update && pkg install -y nodejs-lts
3. npm install -g @deepseek-ai/dsh，配置你自己的 DeepSeek API 密钥
4. dsh web 确认网页可访问
5. 解压本仓库：bash install.sh
6. 安装 apk/dsh-web.apk
7. 先 dsh web，再打开「DSH Web」应用

🔒 隐私说明

本仓库不包含任何 API 密钥、账号或设备信息。密钥由使用者自行配置。

📄 许可证

MIT

🔤 字体说明

正文使用系统 UI 字体（--dsw-font-family），数字/元数据使用等宽字体栈；token 明细图标使用内嵌的 DshChipCell 图标字体（TTF 已单独导出到 fonts/，无需额外安装）。