dsh-plugin-graph
DeepSeek Harness(DSH)Web 设置页插件:以力导向图(Koishi / Obsidian 风格)可视化客户端插件之间的关系。
Tip: 这是一个dsh自己写的项目,还在快速完善中
如有好的想法,欢迎提出Issue~
功能
- 力导向图画布:节点自动物理布局,节点按度数缩放。
- 两类节点:
- 插件节点(蓝色圆点)—— 来自启动清单
window.__DSH_BOOT__ 与插槽注册表;
- 插槽节点(琥珀色菱形)—— 来自实时插槽组成拓扑
ctx.slots.snapshot()。
- 三类彩色边:
- 蓝色
inject —— 插件对其它包的依赖;
- 绿色
declares —— 插槽声明者;
- 琥珀色
registers —— 注册到插槽的插件。
- 交互:拖拽节点(重新加热布局)、拖拽空白平移、滚轮缩放、悬停高亮相邻节点并弹出信息框(显示依赖/被依赖、声明者/注册者)。
- 放大查看:画布右上角展开按钮,打开全屏模态框,支持 Esc / 遮罩 / × 关闭。
- 只读快照:不订阅任何事件,挂载与手动刷新时重建图。
快速上手
1. 前置条件
- 已安装 DeepSeek Harness,并至少启动过一次你打算测试的那个界面(首次启动会创建对应的 profile 目录)。
2. 先确认装到哪个 profile
插件装在哪个 profile,就只在那个界面里生效——两个 profile 的包、启用选择和锁文件互相独立:
| 目标客户端 | profile | 用什么装 |
|---|
浏览器里的 Web GUI(dsh web) | web | 任意 dsh 命令行 |
| Electron 桌面应用 | desktop | 只能用桌面应用自带的 dsh 命令,且应用需先退出 |
桌面应用独占 $DSH_HOME/profiles/desktop(Electron 进程单实例锁 + 应用内置的 dsh 运行时),普通 npm 安装的 dsh 不能改它——对普通 dsh 执行 --profile desktop 会直接报错 profile "desktop" is managed exclusively by the Electron application。
桌面应用请在应用内的插件管理入口安装,或退出应用后用应用自带的命令行执行 dsh plugin --profile desktop add …。
$DSH_HOME 默认是 ~/.dsh。
3. 安装插件
方式 A:从 npm registry 安装(推荐一般用户使用)
dsh plugin --profile web add dsh-plugin-graph
方式 B:从本地源码目录安装(开发 / 未发布时)
dsh plugin --profile web add /path/to/dsh-plugin-graph
(桌面应用把上面的 web 换成 desktop,并用应用自带的 dsh。)
dsh plugin add 会把包装进 profile 的 package.json 依赖并链接到 $DSH_HOME/profiles/<profile>/node_modules。请不要用裸 npm i dsh-plugin-graph 安装——那只会装进当前目录的 node_modules,dsh 并不知道它。
也可以在 Web 界面里走 设置 → 插件 → 添加插件(接受 npm 包名、git 地址、tarball、本地绝对路径),效果与命令行一致。
本包自带 dsh.bundle 声明(cordis.patch.yml 配置层),dsh plugin add 后会自动追加到 profile 的 dsh.profile.bundles 层叠,启动时由包自带的 patch 挂载 dsh-plugin-graph 行——无需手动编辑 cordis.patch.yml。该行的 name 必须是裸包名,客户端模块系统才会把浏览器半侧挂到这一行上。
升级提示:如果在更早的版本(无 dsh.bundle)时手动往 cordis.patch.yml 加过 insert: - id: ui-plugin-graph,请删除该条目,避免与 bundle 自带的挂载重复。
安装前可用 dsh --profile web --dump-config 检查配置层是否已挂上。
4. 重启并打开
- 重启 dsh Web 进程(配置变更和 loader 条目都需要重启才生效)。
- 打开设置页(侧边栏底部「设置」)→ 找到 「插件关系图谱」 入口(位于 Agent 预设之后)。
- 点击进入,即看到力导向图。
5. 使用画布
| 操作 | 效果 |
|---|
| 拖拽节点 | 钉住该节点,重新加热布局 |
| 拖拽空白处 | 平移画布 |
| 滚轮 | 缩放 |
| 悬停节点 | 高亮相邻节点,弹出信息框(依赖/被依赖、声明者/注册者) |
| 点击右上角 ⤢ | 打开全屏模态框(Esc / 遮罩 / × 关闭) |
| 点击 ↻ | 手动刷新(重新读取启动清单与插槽拓扑) |
6. 卸载
dsh plugin --profile web remove dsh-plugin-graph
dsh 会同时移除依赖与 dsh.profile.bundles 里的层条目;如果更早的版本手动加过 cordis.patch.yml 的 insert,也一并删除,最后重启 dsh。
7. 常见问题
- 设置页没有「插件关系图谱」入口:确认
dsh plugin add 后 profile 的 package.json 中 dsh.profile.bundles 包含 dsh-plugin-graph(cat $DSH_HOME/profiles/<profile>/package.json);确认重启过 dsh;确认 node_modules 里链接存在(ls $DSH_HOME/profiles/<profile>/node_modules/dsh-plugin-graph)。
- 安装被拒(
Plugin ... is incompatible with dsh ...):装的是 0.3.0 之前的版本,其 @deepseek-ai/dsh-* peer 与当前运行时版本不匹配。升级到 0.3.0 即可;dsh plugin allow-version 只能绕过检查,旧版浏览器半侧在新版 DSH 里仍会失败。
- 安装时报
declares no dsh.bundle 警告:说明安装的版本过旧(< 0.2.0,尚无 bundle 声明),升级后重新 dsh plugin add 即可自动成为 profile 层。
- 页面白屏,控制台报
client-modules: bundle ... loaded without registering "dsh-plugin-graph":浏览器产物不是模块表要求的懒加载工厂格式(window.__ModuleLoader__.load({ id, factory })),或 id 与包名不一致。用本仓库的 pnpm build 重新构建即可。
- 控制台报
require("<spec>") missed the module table:浏览器 bundle 里残留了模块表不认识的依赖名——通常是外部名清单与 DSH 的 PLATFORM_MODULES 不一致(例如仍写着已下线的 @deepseek-ai/dsh-client-web-react),或引入了一个未走 dsh.client.external 声明的非基线包。重新构建;确实需要额外模块时,按 DSH 规则在 dsh.client.external 里逐字声明。
- 安装时 pnpm 报 peer 依赖缺失:0.3.0 起
peerDependencies 只声明 @deepseek-ai/cordis,这类提示应基本消失。若仍有,属预期提示——浏览器半侧的 React / cordis / ui-slots 由宿主模块表在运行时提供,功能不受影响。
- 图谱里看不到宿主插件:本图只覆盖客户端插件(
__DSH_BOOT__ 内的 dsh.client 行);宿主平面行(webserver、storage 等)仅在被插槽声明/注册时出现。见「已知限制」。
构建与测试
pnpm install
pnpm build # tsc 产出声明(lib/types)+ tsdown 打包(lib/index.js 与 lib/client.js)
pnpm test # vitest 单元测试(--pool=threads)
设计说明
- 数据流:
build() 同步读取 window.__DSH_BOOT__ 与 ctx.slots.snapshot(),由 buildPluginGraph 组装成模型,再由 buildVisualGraph 转为图节点/边(纯函数、可单测)。
- 力模拟:
ForceGraph.tsx 内置斥力 + 弹簧 + 向心力 + 阻尼 + alpha 衰减,requestAnimationFrame 驱动,收敛后自动停止;拖拽节点时将其钉住(不参与积分),邻居仍对其受力。
- 主题:全部使用 DSH 设计 token(
--dsw-static-* / --dsw-alias-*),自动适配亮/暗主题。
已知限制
- 快照视图:不订阅
slots/changed,HMR 注册变化需手动刷新(画布右上角 ↻)。
- 仅客户端插件:宿主平面行(webserver、storage 等)不在
__DSH_BOOT__ 中,仅当被插槽声明/注册时才会出现。
- Factory 定义不成节点:
snapshot() 里的 factory:<name> 定义只被下钻以收集其子插槽,本身不显示为节点(它没有插槽基数,混进节点集会与普通插槽的语义混淆)。
- 内嵌图与模态框图为两个独立模拟实例(各自演算布局,互不共享拖拽位置)。
License
MIT