dsh-plugin-workbench

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

⚠️ 安装后需打一个布局补丁（见下方安装节）；0.0.9 起插件启动时会自动检测并重打， DSH 升级覆盖 bundle 后无需再手动跑。

功能

• 文件树：懒加载、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 推送，干净标签自动同步

配置

无需环境变量或配置文件，安装后打一次布局补丁即可：

• 布局补丁：插件 host 端启动时自动检测并重跑 scripts/patch-layout.mjs （幂等、非阻塞；针对 [email protected] 编写）。DSH 升级覆盖 bundle 后插件会自动补回；若自动重打失败（锚点失效），可手动运行 node node_modules/dsh-plugin-workbench/scripts/patch-layout.mjs；
• 行为偏好（自动换行、亮暗主题、标签布局、文件树展开状态）按工作区持久化，无需手动配置；
• 文件操作通道：经 loopback RPC /dsh-plugin-files，写操作显式以 danger-full-access 执行，无外部配置项。

安装

布局补丁针对 [email protected] 编写，其他版本需更新锚点。 0.0.9 起插件启动时自动检测并重打补丁（详见「配置」节）。

# 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（patches/layout.backup/client.js.orig → dsh-client-ui-layout/lib/client.js）

说明

…