dsh-thumb:DSH Web 界面的手机适配壳

DeepSeek Harness (DSH) 的插件系统允许动态扩展功能。在手机端使用 DSH 的 Web 界面时,侧边栏展开会挤压聊天内容,导致阅读区域过窄;设置页面在小屏幕上表现为双列布局,文字换行混乱且控件显示不全。dsh-thumb 是一个适配插件,它通过改变布局逻辑,将侧边栏改为覆盖层抽屉,并将设置页调整为全屏单列,以改善移动端的阅读体验。

核心功能

  • 侧边栏变为覆盖层抽屉:侧边栏不再挤压聊天内容,聊天区域保持全宽。点击会话列表会自动关闭抽屉。
  • 设置页全屏化:设置页面从双列布局变为全屏单列,修复了文字换行和控件显示问题。
  • 调整谈话记录高度:针对手机阅读距离调整了对话记录的高度,提升阅读舒适度。
  • 桌面端无感:插件仅影响视口宽度小于等于 1024px 且侧边栏被展开的场景,桌面端体验保持不变。
  • 零硬编码:不使用 CSS Modules 生成的哈希类名,而是通过语义后缀定位元素,减少 DSH 版本更新带来的兼容性问题。

安装与启用

安装插件:

dsh plugin --profile web add github:AliceLJY/dsh-thumb

确认 ~/.dsh/profiles/web/package.json 中的 dsh.profile.bundles 包含 dsh-thumb,然后重启服务。

禁用插件

如果需要在不重启服务的情况下禁用插件:

  • 在 URL 后添加 ?thumb=0
  • 或在控制台执行 localStorage.setItem('dsh-thumb','0') 并刷新页面

本地开发

如果在本地开发该插件:

dsh plugin --profile web add link:/absolute/path/to/dsh-thumb

注意事项

  • 维护状态:作者声明为个人工具,发布即止,不承诺维护和问题响应。
  • 版本依赖:插件针对 dsh 0.1.0-rc.6 编写。若升级 dsh 导致布局错乱,需修改 src/client.js 顶部的 LOCATORS 配置。
  • 已知问题:
  • 悬停提示可能会溢出屏幕右侧。
  • 设置导航栏仍为垂直堆叠而非水平滚动。
  • 助手回复下方的操作行高度保持 28px,而用户回复下方的操作行高度缩小为 24px。

总结

dsh-thumb 作为一个轻量级的布局适配插件,通过语义化定位和覆盖层设计,解决了 DSH 在移动端的布局痛点。更多细节可参考项目主页:https://github.com/AliceLJY/dsh-thumb

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜