deepseek-harness-workbench-plugin:在 DSH Web UI 裏把對話、編輯器與終端收進同一工作臺

前言

用 DeepSeek Harness(DSH)做智能體開發時,常見做法是:左側 Web 對話,右側再開 IDE 或終端查文件、跑命令、看 Git 狀態。窗口來回切,上下文也容易斷。

下面介紹 loadingvx 維護的 deepseek-harness-workbench-plugin(npm 包名 dsh-workbench-plugin)。它在 DSH Web UI 的 Conversation 裏嵌入三欄工作臺:左側保留聊天,中間是編輯器與智能終端,右側是文件樹、Git、用量與 Ultra Slash。新建會話即可打開,不必先發第一條消息。

這是什麼

dsh-workbench-plugin 是面向 DeepSeek Harness Web UI 的工作臺插件。維護者爲 loadingvx,GitHub 倉庫約 26 stars。SkillHub 分類爲「模型推理」。

插件通過 Cordis patch 注入前端模塊,在瀏覽器內提供 CodeMirror 6 編輯器、本地 PTY 終端、Git 面板、API 用量視圖,以及不中斷當前輪次的 Ultra Slash 斜槓命令。許可證爲 MIT。

界面佈局

工作臺採用三欄結構:

  • 左側:Conversation 聊天區
  • 中間:編輯器(默認首 tab 爲 Agent Control Plane)與 Smart terminal
  • 右側 dock:FilesSource ControlUsageUltra Slash

列寬可拖拽調整,雙擊分隔條可重置;各欄可摺疊爲圖標軌。摺疊狀態、右側 dock 當前 tab、Usage 固定位置會在全局記住,刷新或新建會話後仍保留。頁頭 Workbench 按鈕可整體顯示或隱藏工作臺。

核心功能

Agent Control Plane

編輯器第一個 tab,默認開啓,可在 Settings → Agent control plane 關閉。

Execution trajectory(默認頁)按時間線展示用戶消息、每輪 LLM 調用、工具執行與 Agent 回覆,左側魚骨線區分類型,可展開查看完整 I/O。

Capabilities 列出當前會話 Agent 的模型、工具、prompt 分段、子 Agent 與會話旋鈕,支持在線調整;約每 4 秒自動刷新,也可手動 RefreshClear all knobs

Usage 用量面板

右側 dock 的 Usage tab,或固定到左側 Settings 按鈕上方(摺疊圖標軌時顯示緊湊條),用於查看:

  • 官方 API 餘額(幣種隨 API,CNY 顯示 ¥,USD 顯示 $)
  • 本機觀測支出(餘額下降累計,充值不清零;非官網終身消費)
  • 本會話 token(輸入 / 輸出 / 緩存命中 / 緩存寫入 / 命中率)
  • 當前上下文佔用

狀態欄 Feedback 左側同步顯示餘額。點擊 Official usage 打開 platform.deepseek.com/usage

Ultra Slash

斜槓命令向下一輪模型注入指引,不中斷當前 turn。在右側 Ultra Slash tab 管理;聊天框輸入 /,在底部「插件命令」分組選用。

內置命令(不可改名或刪除):

命令 作用
/steer 注入指引
/new 空白會話;/new <text> 以該消息開啓新會話
/skill 任務結束後保存到 .dsh/skills/
/docs 任務結束後寫入 docs/
/canvas 任務結束後在 .canvas/ 創建或更新 Canvas

自定義 /name 快捷鍵存於 ~/.dsh/ultra-slash/commands.json,本機所有會話共享,最多 40 條。

Canvas

Agent 寫入的 Canvas 文件位於工作區 .canvas/*.canvas.tsx(不在 IDE 配置目錄)。工作臺對 TSX 轉譯後在瀏覽器掛載 React 組件,支持編輯 / 預覽 / 分屏(類似 Markdown)。Agent 寫入後自動以預覽模式打開。發送 /canvas <topic> 可在不中斷當前輪次的情況下引導模型。

工作區編輯器

CodeMirror 6,支持 JavaScript、TypeScript、JSX、TSX、JSON、HTML、CSS、Markdown、Python、XML、YAML 語法高亮。鍵位模式 Plain / Emacs / Vim,默認 Emacs(直接插入,非 Vim normal mode)。

另支持 Markdown 編輯 / 預覽 / 分屏(含 Mermaid)、圖片與表格預覽(csv / tsv / xlsx)、Git diff 標籤頁、多文件 tab 與髒文件關閉確認。選中內容或整文件可通過 Add to chat 送入對話,無需複製粘貼。

Smart terminal 與 AI command assist

編輯器內嵌本地 xterm.js PTY,工作目錄爲當前 workspace。真實 shell 命令(含粘貼的 $ ls)直接執行;自然語言由 AI command assist 翻譯後寫入當前終端會話。

  • Alt + I 或工具欄 ✨ 按鈕:打開 AI 命令輔助
  • Alt + J:新建終端 tab(各 tab 獨立 PTY)
  • 問候、警告等說明性文字以不可執行形式寫入,不會當作命令運行
  • 可配置破壞性命令黑名單(僅限制助手寫入的命令,用戶手動輸入不受限)

POSIX 側支持 bash / zsh / sh / dash;Windows 優先 Git Bash,其次系統 PowerShell。

文件、Git 與 Add to chat

Files:樹形瀏覽、過濾、隱藏文件、.gitignore 標記、新建 / 重命名 / 刪除;可在外部編輯器(Cursor、VS Code 等已安裝應用)打開。

Source Controlgit status、暫存、提交(支持流式 AI 提交消息,模板可編輯)、fetch / pull / push(髒樹、落後遠程、detached HEAD 等會攔截危險操作,不支持 --force)、分支切換與合併、提交圖(GRAPH)。對話側提供 git_statusgit_diffgit_loggit_branchgit_commit 工具。

Add to chat:從文件樹拖入文件或 DevTools 網絡請求;終端輸出右鍵添加選中或近期輸出(含 pwd / shell 上下文);嵌入式瀏覽器點選頁面元素。均以引用 chip 形式進入輸入框,隨下一條消息發送。

通知音效與其他

會話結束或等待用戶(審批、計劃確認、提問)時播放提示音。Settings 中可選 5 種內置 Web Audio 音效或上傳自定義音頻(mp3、ogg、wav、webm、m4a、flac,最大 50 MB),支持循環提醒(默認每 10 秒,直至處理)。

界面支持中文與英文;內置升級檢查器;路徑與錯誤中的 token 會被脫敏。

安裝與啓用

前提:已安裝 DeepSeek Harness,且 dsh web 可正常啓動。

  1. 安裝插件(須指定版本;pnpm 11 對新版本有 24 小時延遲,省略版本可能裝到舊版 0.1.0):
dsh plugin --profile web add dsh-workbench-plugin@0.1.31

若仍因版本過新被拒絕,在 ~/.dsh/profiles/web/pnpm-workspace.yaml 添加後重試:

minimumReleaseAgeExclude:
  - dsh-workbench-plugin
  1. 重啓 dsh web

  2. 打開 http://127.0.0.1:3080,進入 Conversation 並新建會話。工作臺右側立即出現,無需先發消息。

SkillHub / GitHub 源安裝(使用已構建的 lib/,源碼-only 提交會失敗):

dsh plugin --profile web add github:loadingvx/deepseek-harness-workbench-plugin

典型用法

固定用量面板:打開右側 Usage,點擊固定圖標,面板移到左側 Settings 上方,聊天時可持續查看餘額與會話 token。

不中斷輪次注入指引:模型仍在運行時,在聊天框選 /steer 或自定義 Ultra Slash 命令,文本排隊到下一輪模型訪問,無需點 Stop。

終端自然語言轉命令:在 Smart terminal 按 Alt + I,輸入「列出當前目錄下所有 .ts 文件」,助手將翻譯後的 shell 命令寫入當前 PTY。

Canvas 原型預覽:發送 /canvas 儀表盤佈局,任務結束後 Agent 在 .canvas/ 寫入 .canvas.tsx,工作臺自動打開預覽。

AI 提交消息:在 Source Control 暫存變更後,生成提交消息,文本流式寫入提交框,確認後提交。

適用場景與注意

適合在 DSH Web UI 內完成對話驅動開發、希望同一界面內編輯代碼、跑終端、看 Git 與 API 用量的用戶。Agent Control Plane 適合調試多輪工具調用與在線調整會話旋鈕;Ultra Slash 與 Canvas 適合長任務中追加指引而不打斷當前推理。

安裝前請注意:

  • 插件以當前 dsh 進程權限運行,終端與 Git 操作作用於工作區,安裝前應閱讀源碼與 MIT 許可證。
  • npm 當前 latest 爲 0.1.31(包名 dsh-workbench-plugin);SkillHub 目錄頁顯示版本可能滯後。
  • 0.1.1 不含升級提示器,需手動安裝 0.1.31;之後版本可在 UI 頂部看到升級通知,終端會以 # 註釋形式給出安裝命令。

鏈接

  • SkillHub 目錄:https://www.skillhub.cn/plugins/loadingvx/deepseek-harness-workbench-plugin
  • GitHub:https://github.com/loadingvx/deepseek-harness-workbench-plugin
  • npm:https://www.npmjs.com/package/dsh-workbench-plugin
羽毛球分组比赛记分
小程序二维码

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

小夜