前言¶
在 DeepSeek Harness(DSH)裏做多輪對話時,提問和模型回答往往擠在同一條時間線裏,輪次之間只有幾像素間距,回頭找「這一輪從哪開始」並不直觀。社區裏常見做法是改主題或自己寫樣式,但要麼動面太大,要麼和宿主 DOM 結構綁死。dsh-codex-chat 是 Song2012 維護的 DSH Web 側純樣式插件(社區分類:趣味換裝),只做會話區的視覺分層:輪次分隔線、右側用戶輸入卡片,AI 回答保持左對齊純文本,不改行爲、不碰會話數據。
這是什麼¶
dsh-codex-chat 給 DSH Desktop 的 Web 聊天界面注入 CSS,實現類似 Codex 風格的會話排版。倉庫:GitHub - Song2012/dsh-codex-chat;社區目錄頁:skillhub.cn 插件頁。當前 package 版本爲 0.1.0,MIT 許可證。
它解決什麼問題¶
多輪長會話裏,原生布局輪次間距大約 6–12px,視覺上容易糊成一段。插件做三件事:
- 輪次分隔 —— 每輪開頭 1px 細線 + 36px 留白,讓每一輪重新起段;
- 用戶輸入卡片 —— 用戶消息貼右:約 16% 品牌藍底、40% 藍邊、3px 實心右緣條、14px 圓角;
- AI 回答保持純文本 —— 左對齊、無容器,與右側卡片形成對比。
間距與卡片配色通過 color-mix() 從主題 token 派生,深淺色主題均可使用(README 註明淺色主題未逐項校對觀感)。
安裝與啓用¶
本地目錄安裝(開發期常用方式):
dsh plugin --profile desktop add link:/absolute/path/to/dsh-codex-chat
將 /absolute/path/to/dsh-codex-chat 換成你本機克隆或解壓後的插件目錄絕對路徑。裝完後重啓 DSH Desktop:宿主在啓動時讀取 profile,不會熱加載新 bundle。
卸載:
dsh plugin --profile desktop remove dsh-codex-chat
同樣需重啓 Desktop。
README 未提供 github:owner/repo 一類遠程一鍵安裝命令,請以倉庫說明爲準。
典型用法¶
安裝並重啓後無需額外配置:插件在瀏覽器側 immediately: true 注入樣式,打開已有會話即可看到輪次線與右側用戶卡片。它不修改發送、流式輸出或歷史加載邏輯,用法與未裝插件時一致,只是界面排版不同。
實現要點(便於判斷是否適合你的環境)¶
- 純瀏覽器側:宿主側
apply()幾乎爲空;瀏覽器半在apply裏插入<style>,由ctx.effect的清理函數移除。 - 選擇器契約:依賴
data-chat-flow-kind="user",以及_userRow、_userStack、_bubble等 CSS Module 類名後綴,不依賴構建 hash。 - 品牌色:不用
--dsw-alias-brand-primary(默認深色主題下接近白);插件使用--dsw-alias-brand-primary-new-color,fallback 爲#4176e6。
適用場景與注意¶
適合:長期在 DSH Desktop 裏調試智能體、需要快速掃清「哪一輪是我問的」的開發者;希望零行爲改動、只換會話區觀感的人。
注意:
- 插件以當前 dsh 進程權限運行,安裝前請自行閱讀源碼與 MIT 許可證,確認可接受注入的樣式範圍。
- 依賴宿主類名後綴;上游若重命名 CSS Module,卡片樣式會失效並退回原生氣泡(不報錯、不影響功能)。
- README 實測環境:DSH Desktop 2.0.18、dsh 0.2.1-rc.2、Windows;其他版本需自行驗證。
- 社區插件目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係;DSH 生態理念是「一切皆插件」,本插件屬於其中的界面換裝類擴展。
結尾¶
dsh-codex-chat 用最小改動把多輪會話拆成「有分隔的輪次 + 右側用戶卡片 + 左側純文本回答」,適合不想改宿主源碼、又希望會話區更易掃讀的場景。詳情與 issue 見 GitHub 倉庫,瀏覽與發現同類插件見 SkillHub 目錄頁。