dsh-kimi-control:爲 DSH 側欄瀏覽器套上 Kimi 工作臺交互

前言

DeepSeek Harness(DSH)裏 Agent 常用內置瀏覽器工具操作頁面:導航、讀 DOM、截圖、多標籤等。默認側欄由 @deepseek-ai/dsh-client-ui-sidebar-browser 渲染,工具欄高度與視覺與 Kimi Code 桌面版的工作臺並不一致;對話流裏瀏覽器步驟的展示方式也偏「工具日誌」,不如工作臺那種卡片化、可展開輸入輸出、一鍵在側欄查看的體驗。

若你已經在 DSH Desktop 上跑瀏覽器自動化,又希望側欄 chrome、接管狀態和人機交還流程對齊 Kimi Code 桌面版(3.2.21)的設計語言,社區插件 dsh-kimi-control(維護者 lswang9,目錄分類爲客戶端)做的是交互層與桌面輸入事件橋,而不是替換瀏覽器運行時本身。

這是什麼

dsh-kimi-control 爲 DeepSeek Harness 增加 Kimi Code 桌面版風格的瀏覽器接管 UI:右側欄使用 Kimi 工作臺的瀏覽器 chrome(52px 標籤條、瀏覽器工具欄、居中域名地址欄、更多菜單),並把 Agent / 用戶接管狀態收進工具欄狀態芯片;對話內提供 Kimi 工具卡片。

運行時仍基於 MIT 許可的 dsh-builtin-browser,保留其 32 個 dsh_browser_* 工具以及 DOM / 無障礙樹、截圖、登錄態、下載和多標籤頁能力。本倉庫不是 Kimi 或 DeepSeek 的官方插件。

核心功能

Kimi 工作臺瀏覽器 chrome

側欄瀏覽器面板頂部爲 52px 工作臺標籤條 + 52px 工具欄。工具欄從左到右爲返回、前進、刷新(加載中變爲停止)、居中域名地址欄(聚焦後顯示完整 URL,回車導航)、更多菜單(刷新 / 複製鏈接 / 關閉標籤頁)。

實現上,插件隱藏 DSH 內置側欄瀏覽器原有的 38px 原生工具欄,按現有 DOM 結構注入 Kimi chrome,並複用同一 <webview> 與導航能力。DSH 升級後若內部 DOM 結構變化,chrome 可能需要重新適配。

接管狀態與真實頁面

工具欄右側的狀態芯片區分:

  • Agent 控制:「正在操作瀏覽器」,藍色呼吸點;
  • 用戶接管:「你已接管」及「交還給 Agent」;
  • 短暫完成反饋:「已完成」。

桌面端使用 DSH 原生 <webview>;點擊頁面內任意位置或按鍵即視爲接管,交還後 Agent 繼續。狀態芯片只負責展示,不暫停 Agent,也不構成權限邊界;瀏覽器動作權限仍由上游設置與 DSH 審批機制控制。

對話流中的 Kimi 工具卡片

瀏覽器工具在對話裏以 Kimi 工具卡片呈現:動作、目標、運行狀態、可展開的輸入 / 輸出,以及「在側欄中查看」。

設計規格與可及性

交互層按 Kimi Code 桌面版瀏覽器工作臺的設計語言重做(規格來自對已安裝應用的靜態逆向),例如強調色亮色 #1783ff、深色 #1a88ff,動效 120–180ms、cubic-bezier(.2, 0, 0, 1),並跟隨系統「減少動態效果」設置。

環境要求

  • DSH:>=0.2.0-rc.2 且 <0.3.0(package.json 中 engines.dsh 與此一致)。
  • Node.js:>=22.19。
  • 完整側欄接管體驗需要 DSH Desktop;dsh web 仍有對話卡片和瀏覽器工具,但瀏覽器由獨立窗口承載。
  • 上游運行時首次使用自託管瀏覽器時,若提示缺少 Electron 二進制,按提示運行 npx install-electron。

安裝與啓用

插件以當前 DSH 進程權限運行;安裝前建議閱讀倉庫源碼與 MIT 許可證,並理解桌面橋對應用入口的修改方式(見下文安全說明)。

DSH Desktop

先添加插件,再運行桌面橋安裝器:

dsh plugin --profile desktop add git+https://github.com/lswang9/dsh-kimi-control.git
node ~/.dsh/profiles/desktop/node_modules/dsh-kimi-control/desktop-bridge/install.mjs

安裝器會自動探測標準 macOS / Windows 應用目錄,也可顯式傳入 DSH Desktop 應用路徑,例如:

node ~/.dsh/profiles/desktop/node_modules/dsh-kimi-control/desktop-bridge/install.mjs "/Applications/DeepSeek Harness.app/Contents"

完全退出並重新打開 DSH Desktop。桌面應用升級會替換應用文件,需要重新執行安裝器。

桌面橋必須在 Electron 主進程中運行,因此安裝器會備份並修改 DSH Desktop 的應用入口;提供 --revert 回滾。不安裝橋時,瀏覽器工具退化爲獨立窗口,原生側欄交互不可用。

DSH Web

dsh plugin --profile web add git+https://github.com/lswang9/dsh-kimi-control.git

重啓 dsh web 並新建會話。

典型用法

直接對 Agent 用自然語言描述瀏覽器任務即可,例如:

打開 example.com,讀取主要內容,然後點擊登錄按鈕。

對話卡片出現「執行中」時,側欄會同步顯示接管狀態。你可以用側欄工具欄導航,或在頁面裏登錄、完成人機驗證、修正輸入,然後點「交還給 Agent」。

卸載

Desktop 需先回滾桌面橋,再移除插件;Web profile 單獨移除:

node ~/.dsh/profiles/desktop/node_modules/dsh-kimi-control/desktop-bridge/install.mjs --revert
dsh plugin --profile desktop remove dsh-kimi-control
dsh plugin --profile web remove dsh-kimi-control

適用場景與注意

適合誰: 在 DSH Desktop 上頻繁使用瀏覽器工具、希望側欄視覺與 Kimi 工作臺一致,並需要「Agent 操作 ↔ 用戶點頁面接管 ↔ 交還」清晰反饋的開發者或智能體使用者。

隱私與安全(README 原文要點):

  • 桌面輸入橋只上報操作類型(mouseDown 或 keyDown)及所屬會話,不上傳按鍵、文本、密碼或頁面內容。
  • 瀏覽器可能持有真實登錄態;不要允許不受信任的頁面或指令誘導 Agent 發佈內容、付款或修改賬號設置。

DSH 生態理念是「一切皆插件」;SkillHub 目錄頁 爲社區站點,與 DeepSeek / 幻方無官方從屬關係。

鏈接

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

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

小夜