dsh-plugin-workbench

dsh-plugin-workbench

中文 | English

能直接改文件的 VS Code 风格工作台——不是只读预览：文件树 + 可编辑代码预览 （语法高亮、标签页、行号栏）+ 右键文件操作（新建 / 重命名 / 删除 / 复制 / 剪切 / 粘贴 / 在系统中打开 / 在资源管理器打开）+ 图片内联预览，每个工作区独立保存状态。 装上之后，DSH 网页就是一个轻量代码编辑器。

✅ 开箱即用：0.0.9 起布局补丁全自动——装完重启即生效；DSH 升级覆盖 bundle 后插件会自动补回，无需任何手动操作（仅锚点失效时才需手动，见「配置」节）。 0.0.15 起自动识别 npm 与 DSH Desktop 两种构建产物，DSH Desktop 开箱即用。

装完你会看到：

• 左侧多出文件树侧栏（懒加载 + 2 秒自动刷新，每工作区独立展开状态）；
• 消息里的 @相对路径 变成可点击链接，点开直接在工作台预览；
• 把文件从左栏拖进聊天区，路径自动插入输入框。

效果图

真实 Web GUI 截图。

功能

• 文件树：懒加载、2 秒自动刷新、每工作区独立展开状态
• 文件图标：常见格式显示着色徽章（代码）/ emoji（图片、音视频、压缩包等），目录展开/收起区分
• 可编辑预览：透明 textarea 叠加语法高亮，Ctrl+S/Cmd+S 保存； md 默认渲染预览（源码/渲染一键切换），.txt 等散文格式与超大代码文件 自动降级为纯文本编辑，加载快、不卡界面
• 磁盘变更同步：打开的文件被外部修改（如 agent 或其它编辑器保存）时， 干净标签页自动重读，带未保存编辑的标签页显示「⟳」徽标（点击重新加载）
• 行号栏：编辑器左侧逻辑行号，与文本滚动锁定对齐（纯文本/高亮模式均生效）
• 图片预览：png/jpg/gif/webp/avif/svg 等直接内联渲染（同源字节路由，20MB 上限）
• 右键菜单（VS Code 风格）：文件/文件夹/整列任意空白、头部均可右键—— 新建文件、新建文件夹、重命名、删除（递归带确认）、复制路径、复制 / 剪切 / 粘贴、 刷新、在系统中打开、全选、撤销、 在资源管理器打开（文件在所在文件夹中被选中，文件夹直接打开； Windows explorer / macOS open，WSL 自动转译）
• @ 在消息中引用：文件右键「@ 在消息中引用」把 @相对工作区路径 插入聊天输入框； 发送后消息中的 @相对路径 渲染为超链接（点击在工作台预览打开）， 语法为 @ + 相对工作区路径，其它 @文本 一律按原样显示、无特殊含义
• 拖文件进会话：把文件/多选从左栏拖到聊天区任意位置，路径文本插入输入框光标处； 拖到左栏目录行仍是移动操作
• 任意位置点击取消选中：点击树外的任何地方（会话/其它栏/左栏头部）清除选中
• 复制 / 剪切 / 粘贴：Ctrl/Cmd+C/X/V（或右键菜单），支持跨工作区粘贴； 复制到同名已存在的目标时询问「是否覆盖」，与系统文件管理器一致； 剪切（移动）成功后自动清空剪贴板
• 批量操作：Ctrl/Cmd+点击、Ctrl+A 多选，右键菜单/Delete 批量删除选中项， 拖拽整组移动
• 操作可撤销：右上角「↩」或 Ctrl+Z 撤销最近操作（每工作区独立、上限 30 条）： 复制（删副本）、剪切/拖拽移动（移回原位）、重命名、新建、删除；删除为可撤销删除 （瞬移进隐藏 .dsh-trash，不复制字节）
• 在资源管理器打开：右键菜单项（同 VS Code 的 Reveal in File Explorer）， 把文件/文件夹定位到系统文件管理器（Windows 资源管理器、macOS Finder 等）， 经 loopback RPC 的 reveal 端点执行
• 自动换行：标签栏一键切换软换行（仅显示层换行，不改动文件内容）或长行横向滚动，偏好持久化
• 标签页：多文件、拖拽排序、收起/弹出；亮暗主题一键切换
• 语法高亮：highlight.js（JS/TS、Python、JSON、HTML、CSS、Shell 等； Markdown 默认渲染预览，可切源码）
• Markdown 渲染：markdown-it（原始 HTML 一律转义不执行），相对路径图片经 同源路由 /dsh-plugin-files/raw/<path> 内联显示
• 磁盘变更：宿主对打开文件做 fs.watch（监听父目录，可存活原子重命名）， 变更经 SSE /dsh-plugin-files/events 推送，干净标签自动同步

配置

无需环境变量或配置文件；布局补丁全自动（插件启动时自动检测并重跑 scripts/patch-layout.mjs，幂等、非阻塞；0.0.15 起自动识别同一版本的两种构建产物 ——npm 构建与 DSH Desktop 内置构建；锚点与编译产物字节级耦合，DSH 升级后如失配 需更新锚点）：

• 行为偏好（自动换行、亮暗主题、标签布局、文件树展开状态）按工作区持久化，无需手动配置；
• 文件操作通道：经 loopback RPC /dsh-plugin-files，写操作显式以 danger-full-access 执行，无外部配置项。

安装

布局补丁锚点与 DSH 编译产物字节级耦合，DSH 升级后如失配需更新锚点；0.0.15 起 自动识别 npm / DSH Desktop 两种构建产物，插件启动时自动检测并重打补丁 （详见「配置」节）。

# npm（推荐）
dsh plugin --profile web add dsh-plugin-workbench
# 或 GitHub
dsh plugin --profile web add github:Pasumao/dsh-plugin-workbench

源码安装（本地开发 / 调试）：

git clone https://github.com/Pasumao/dsh-plugin-workbench.git
cd dsh-plugin-workbench
pnpm install
pnpm run build     # 产出 lib/index.js 与 lib/client.js
# 以 link: 方式挂载进 profile

安装后打布局补丁并重启：

node node_modules/dsh-plugin-workbench/scripts/patch-layout.mjs
# 重启 dsh web

0.0.9 起插件启动时会自动检测并重打布局补丁，DSH 升级后无需再手动跑； 仅当自动重打失败（锚点失效）时才需手动执行上面的命令。

开发

pnpm install
pnpm run build       # 产出 lib/index.js（host）与 lib/client.js（browser）
pnpm run typecheck

卸载

dsh plugin --profile web remove dsh-plugin-workbench
# 可选：把布局 bundle 还原为官方原始版本（推荐，卸载后干净如初）
node node_modules/dsh-plugin-workbench/scripts/patch-layout.mjs --restore
# 重启 dsh web

不跑 --restore 也没关系：0.0.18 起布局补丁会自适应——explorer 列在没有插件 往 explorer / explorer.preview 插槽注册内容时自动收起（宽度归 0）， 卸载后不会残留空列。--restore 只是把它还原成完全未打补丁的原始 bundle。 脚本带两道防呆：目标看起来已是未打补丁的新版 bundle（dsh 刚升级过）、或备份 属于更旧的 dsh 版本时，会拒绝回滚并提示（--force 可强行恢复）。

说明

• /dsh-plugin-files RPC 通道仅限 loopback；写操作显式以 danger-full-access 执行； 右键菜单的新建/重命名/删除同样经该通道（loopback 信任，与编辑器保存一致）
• 图片预览走同源路由 /dsh-plugin-files/raw/<path>：仅响应图片扩展名， 先经 ctx.fs.resolve → stat（沙箱一致的路径解析）再读取字节，20MB 上限
• DSH 升级会覆盖布局 bundle；0.0.9 起插件启动时自动检测并重打补丁， 无需手动重跑；锚点失效时需更新 scripts/patch-layout.mjs（0.0.15 起锚点表分 npm / desktop-ci 两个构建变体自动探测，desktop-ci 变体存于 scripts/layout-anchors.desktop-ci.json）
• 本仓库不包含 DSH 编译产物

参与贡献

见 CONTRIBUTING 与 CODE_OF_CONDUCT； 变更记录见 CHANGELOG。

兼容性

• 实测于 DSH 0.1.2-rc.1（0.0.16 起布局补丁锚点适配该版：detailsCol 边框样式 1px/--dsw-alias-border-l2 → .5px/--dsw-alias-border-l3、DetailsColumn 的 children 新增 SessionProvider 包裹）；0.1.1-rc.2 及更早版本用 0.0.15 的锚点表。
• 0.0.9 起插件启动时自动检测并重打布局补丁，DSH 升级后通常无需手动操作； 锚点失配会在启动日志提示 ui-layout patch exited 1，此时升级本插件即可。

相关插件

本插件属于 Pasumao 的 dsh 插件生态，同系列已发布插件可搭配使用：

插件（npm）	GitHub	说明
dsh-notify	GitHub 仓库	Windows 原生通知 + 系统托盘
dsh-plugin-choice-refresh	GitHub 仓库	选择增强：重新生成选项 / 更多选项
dsh-plugin-dev-kb	GitHub 仓库	插件开发知识库（官方文档完整镜像 + 技能）
dsh-plugin-image-tools	GitHub 仓库	图片选择卡 + 回复内嵌图片 + 盲模型收图
dsh-plugin-table-zoom	GitHub 仓库	聊天长表格浮窗查看 + 一键复制 Markdown
dsh-plugin-windows-guard	GitHub 仓库	Windows 环境防坑：守则技能 + 乱码检测 / 危险写拦截 / 编码诊断修复

| dsh-plugin-context-trim | GitHub 仓库 | 会话注入门控：skill / tool / 提示词段落按会话裁剪 |

本系列其余插件见 Pasumao · dsh 插件；觉得好用欢迎到 GitHub 点 ⭐。

AI 生成声明

部分源码与文档由 AI 辅助生成（DeepSeek Harness），均经人工审查与实机验证； 权限相关逻辑已按最小权限原则复核。

License

MIT