DSH 羣聊風格視圖:將 AI 對話重構爲羣聊界面

前言

DeepSeek Harness(DSH)採用“一切皆插件”的架構理念。在處理複雜的多步驟任務時,AI 對話中會包含系統指令、模型回覆、工具調用、思考過程以及子 Agent 任務,標準列表視圖難以清晰區分角色和上下文。DSH 羣聊風格視圖插件旨在解決這一問題,通過模仿微信羣聊的界面,將原本平鋪的對話重構爲多角色互動的場景,方便開發者查看工具調用細節和子任務執行狀態。

核心功能

該插件主要提供以下能力:

  • 角色區分與視覺標識:每個角色擁有獨立的頭像、暱稱和氣泡顏色。
  • Markdown 支持:消息以氣泡形式展示,支持 Markdown 渲染,包括標題、代碼塊、表格等。
  • 工具調用摺疊:工具調用(Tool)消息可摺疊或展開,輸入參數與輸出結果自動合併爲一張卡片。
  • 子 Agent 嵌套展示:子 Agent 任務以嵌套的羣聊形式展示,支持展開查看實時消息流。
  • 元數據查看:點擊頭像可查看消息詳細元數據(模型名、溫度、Token 用量、耗時等)。
  • 深色模式:界面跟隨 DSH 主題自動切換。
  • 國際化:支持中文和英文界面。
  • 自動滾動與摺疊:滾動到底部後自動跟隨新消息;離開底部時右下角出現“回到底部”按鈕;頂部按鈕可一鍵摺疊所有工具消息或思考內容。

安裝與配置

安裝該插件需要 DSH 環境已就緒,並滿足 Node.js 版本要求(>= 22.19.0 或 >= 24.0.0)。

執行安裝命令:

dsh plugin add github:tang-zhilei/dsh-group-chat-view

首次安裝時,pnpm 會要求授權構建腳本(prepare 腳本會自動編譯 TypeScript)。DSH 會提示你將以下配置添加到 profile 目錄下的 pnpm-workspace.yaml 文件中:

allowBuilds:
  dsh-group-chat-view: true

添加完成後,重新執行上述安裝命令即可。

安裝完成後,重啓 DSH。在會話視圖頂部會出現 「羣聊」 標籤,點擊即可切換至羣聊風格視圖。

界面與角色映射

在羣聊視圖中,不同的 DSH 角色對應不同的羣聊身份:

DSH 角色 羣聊身份 視覺表現
System 系統公告 黃色警告條,居中顯示
Assistant DeepSeek 淺灰色氣泡,左側
Tool 工具人 淺藍色氣泡,左側,可摺疊
User 我 綠色氣泡,右側
Reasoning 思考中 半透明紫色氣泡,左側
SubAgent 子 Agent 淺紫色氣泡,嵌套展示

限制與注意事項

  • 子 Agent 狀態:子 Agent 狀態目前只有「運行中」和「完成」兩檔(DSH 目錄無失敗狀態位)。
  • 元數據字段:元數據彈窗顯示的字段取決於 DSH 快照實際提供的數據,若未加載軌跡插件,部分字段可能缺失。
  • 開發依賴:插件項目結構包含 src/ 目錄,其中包含服務端入口和各類客戶端組件(如 MessageList、MessageBubble、ToolCallCard 等)。

結語

DSH 羣聊風格視圖通過重構對話視圖,讓複雜的 AI 執行過程變得直觀可讀。如果你習慣以羣聊視角審視多智能體協作,可以通過以下鏈接獲取該插件源碼:

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

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

小夜