dsh-sticky-notes:DSH WebUI 的会话便签插件

前言

写 DSH / 智能体应用时,临时想法、待办事项和截图经常需要留在手边,但不想每次都切到外部备忘录。hufang360/dsh-sticky-notes 把便签直接放到 DeepSeek Harness WebUI 上,支持记录文字、待办和图片,也可以绑定到会话。打开对应会话时,相关便签会自动显示。

下面介绍它的定位、安装方式、典型用法和需要注意的数据边界。

这是什么

dsh-sticky-notes 是一个 DSH Web 客户端插件,由 hufang360 维护,许可证为 MIT。它以标准 dsh bundle 形式提供,自带 cordis.patch.yml

它的核心价值是:在 DSH WebUI 中随手记下想法,让 agent 落盘,并按会话组织这些便签。

核心功能

插件提供以下已核实能力:

  • 浮在 DeepSeek Harness WebUI 上的便签。
  • 记录文字、待办和图片。
  • 可自由拖拽、缩放、折叠、归档。
  • 支持绑定到会话,打开对应会话时自动显示相关便签。
  • 图片以压缩后的 DataURL 存储。
  • 便签、偏好与设置存于浏览器 localStorage
  • 标准 dsh bundle,自带 cordis.patch.yml

安装与启用

先安装插件:

dsh plugin --profile web add github:hufang360/dsh-sticky-notes

首次安装需要重启 dsh 才能生效;如果环境没有提示重启,请硬刷新浏览器,macOS 可以使用 Cmd+Shift+R

进入 WebUI 后,便签入口出现在侧边栏底部、设置按钮上方。

该插件声明的 peerDependencies 要求:

  • react ^18.2.0
  • react/jsx-runtime ^18.2.0

如果你的 DSH Web 环境不满足上述 React 版本,安装前先确认运行环境。

典型用法

经过上面的步骤后,可以按下面方式使用:

  1. 从侧边栏底部、设置按钮上方进入便签入口。
  2. 新建便签,记录文字或待办。
  3. 拖拽、缩放、折叠或归档便签。
  4. 将便签绑定到某个会话。
  5. 打开该会话,查看自动出现的相关便签。
  6. 插入图片后,插件会以压缩后的 DataURL 形式存储。

如果你需要检查或打包本地构建,仓库文档给出这些命令:

node --check lib/client.js

这一步用于语法检查。

pnpm pack

这一步会产出 sticky-notes-<version>.tgz

数据存储与注意

便签、偏好与设置保存在浏览器 localStorage 中。资料中列出的键包括:

  • dsh.web.sticky-notes.v5.notes:便签数组
  • dsh.web.sticky-notes.v5.prefs:hidden / entryPos
  • dsh.web.sticky-notes.v5.settings:设置面板过滤

因此需要注意:

  • 数据仅在浏览器本地,不同设备 / 浏览器之间不同步。
  • 更换 webui 端口,或访问地址从 localhost:3080127.0.0.1:3080 之间切换,可能看不到以前的数据,因为它们是单独记录的。
  • 这不是云端同步方案,适合在单个浏览器、单个 WebUI 地址下围绕 DSH 会话做记录。

DSH 插件会进入当前 dsh 进程的插件加载链路。安装前,建议按当前 dsh 进程的权限边界检查源码、MIT 许可证以及你的部署方式。

链接

插件页面:

https://www.skillhub.cn/plugins/hufang360/dsh-sticky-notes

GitHub:

https://github.com/hufang360/dsh-sticky-notes

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

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

Xiaoye