dsh-better-ux:DeepSeek Harness 的界面优化插件

前言

DeepSeek Harness (DSH) 采用插件化架构,其 Web 界面在处理多会话管理和模型切换时,有时会显得空间局促。对于移动端用户或需要频繁调整排版的使用者来说,原生的交互细节可能不够友好。

dsh-better-ux 旨在解决这些问题。它不改变 DSH 的核心逻辑,而是通过一个独立的 Web UX Kit,优化会话行操作、模型选择体验、移动端导航以及全局字体缩放。

插件简介

名称:dsh-better-ux
作者:MitsukiJoe
定位:DeepSeek Harness Web 界面 UX 套件
版本:0.2.1
许可证:MIT

该插件提供四个独立可配置的界面改进项:会话行操作、模型选择器、移动端优化和全局字体缩放。

核心功能

会话行操作

在会话列表中,将鼠标悬停在空闲、运行中或刚激活的会话行上,会显示快捷操作按钮。默认提供 重命名、分支 和 归档。

  • 菜单保留规则:只有当三个快捷按钮都启用,且原生菜单中恰好只有这三个操作时,插件才会隐藏原生的 ⋯ 按钮。如果禁用了任意快捷键、检测到其他插件添加的操作,或者菜单内容不匹配,原生菜单将保持可见。
  • 交互方式:鼠标悬停在图标上可查看按钮名称。

模型选择器

插件将原本拥挤的两级菜单替换为一个全屏覆盖层。

  • 布局:包含搜索框、提供商芯片、模型卡片以及底部的推理等级选择。
  • 滚动:提供商横向排列,使用鼠标滚轮或 Shift + 滚轮 横向滚动,边缘有 8px 的淡出提示。
  • 兼容性:如果安装了 dsh-vision-router 和 dsh-vision-router-inline,Auto Vision 双提供商不会作为独立分组显示,而是折叠到对应的原始模型卡片中。选择模型卡片时选中原始模型,右侧的图片按钮则用于选择视觉路由。

移动端优化

这是针对手机和平板端的深度改造,通过 设置 -> Better UX 开关启用。

  • 导航栏:隐藏原生的左侧侧边栏,顶部渲染自定义的水平导航栏。第一行包含 Logo、对话标题切换按钮,以及新建会话、新建工作区、搜索、视图选项和设置等原生操作。
  • 会话列表:
    • 显示状态、标题、时间和溢出操作。
    • 支持长按工作区或会话标签进行排序(点击出现的 ‹ › 按钮移动位置)。
    • 标题过长时截断,支持自适应缩放。
  • 输入优化:
    • 无自动聚焦:切换会话时不会自动聚焦输入框,防止键盘弹出遮挡内容。
    • 添加图片:原生移动端编辑器仅有 + 按钮,无法发送图片。该插件在 + 旁增加了图片按钮,支持多选,复用主机的粘贴验证和发送流程。
    • 禁用页面缩放:默认开启,防止双指误触导致页面变形或布局错乱。
  • 视图模式:支持“按工作区”分组和“平铺列表”两种模式。

全局字体缩放

允许独立设置移动端(手机/平板)和桌面端的字体大小、行高和内边距比例。

  • 范围:10% - 200%。
  • 默认值:移动端默认 80%,桌面端为 100%。
  • 操作:输入整数或使用 5% 步进按钮调整。

安装与启用

  • 前置要求:
    • 需要 DeepSeek Harness 构建版本包含内置本地化服务。
    • 需要 Node.js 环境版本 >= 22。
  • 启用方式:在 DSH 界面中进入 设置 -> Better UX,通过开关控制移动端优化功能。

注意事项

  • 许可证:MIT License。
  • 视觉路由兼容:若安装了 dsh-vision-router 系列插件,Auto Vision 提供商会自动折叠至原模型卡片,无需额外配置。
  • 自定义侧边栏:如果你对 DSH 原生的左侧侧边栏进行了大量自定义,建议关闭移动端优化功能,以免布局冲突。
  • 权限:作为 DSH 插件,它以当前 DSH 进程的权限运行。

结语

dsh-better-ux 专注于减少 Web 端操作中的点击层级和空间浪费。通过直观的会话行操作和覆盖式模型选择器,可以提升会话管理效率;针对移动端的定制化处理则解决了原生体验在触屏上的痛点。

文档与源码:
* 技能云插件目录
* GitHub 仓库

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

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

小夜