前言¶
DeepSeek Harness(DSH)Web 界面裏,「對話」「軌跡」等會話視圖標籤默認單獨佔頂欄下面一行。會話區縱向空間被喫掉一行,標題與工具區之間還多一層視覺分隔。若你主要在同一窗口裏切換 Chat / Trajectory,更希望頂欄只保留一行,可以把視圖標籤挪到標題右側、右側工具圖標左側。下面介紹社區插件 dsh-inline-view-tabs 的定位與安裝方式。
這是什麼¶
shellexy/dsh-inline-view-tabs 是 DSH 的客戶端 Web 插件(npm 包名 dsh-inline-view-tabs,當前版本 0.1.1,MIT 許可證,維護者 Shellexy)。它不改變 Host 邏輯:瀏覽器側 client.js 向頁面追加樣式表,Host 側 apply() 爲空。
作用一句話:把頂欄裏單獨一行的會話視圖標籤(「對話」「軌跡」,以及其它插件註冊的視圖)併入頂欄同一行,順序爲「標題 → 視圖標籤 → 工具圖標 → 右側欄開關」,從而省下一行高度。
之前: 之後:
┌──────────────────────────────┐ ┌──────────────────────────────────────┐
│ 標題 ⚙ ◧ │ │ 標題 對話 軌跡 ⚙ ◧ │
│ 對話 軌跡 │ └──────────────────────────────────────┘
└──────────────────────────────┘
效果示意見倉庫文檔:screenshot.webp。
核心功能¶
插件通過 CSS 調整頂欄佈局,選擇器只依賴 DSH shell 公開的 DOM 錨點:header[data-window-drag]、[data-conversation-header-corner]、[data-conversation-tabs]、[role="tab"],不依賴編譯後的哈希類名。
實現要點(來自 README):
- 標題行設爲
display: contents,其內部的標題、工具圖標、右側欄開關成爲頂欄 flex 子項,再用order排成「標題 → 視圖標籤 → 工具圖標 → 右側欄開關」。 - 標籤行預留 288px 測量寬度:頂欄按
floor((行寬 - 48) / 120)決定顯示幾個標籤,其餘摺疊進「⋯」。預留寬度主要影響標題可用寬度;「對話」「軌跡」在常規寬度下會一直顯示。
安裝與啓用¶
在 DSH 的插件頁安裝 bundle dsh-inline-view-tabs(npm 包)。安裝完成後刷新一次頁面即可生效。
可先確認 npm 上是否存在該包:
npm view dsh-inline-view-tabs
package.json 中還聲明瞭 tarball / zip / git 等安裝來源;也可將本倉庫目錄作爲本地 bundle 安裝,具體以 DSH 插件頁與倉庫說明爲準。
插件在 Web 客戶端 immediately: true 加載,無需額外配置字段(資料中未列出可編輯配置項)。
典型用法¶
安裝並刷新後,界面行爲由樣式自動完成,沒有單獨的 CLI 或 API 調用步驟。
- 在頂欄同一行點擊「對話」「軌跡」等標籤,切換會話視圖(與原生標籤行爲一致,只是位置併入頂欄)。
- 若註冊了更多視圖標籤,較窄時多餘項會進入「⋯」,與原生摺疊規則一致。
適用場景與注意¶
適合誰: 希望 Web 頂欄更緊湊、減少一行標籤欄高度的 DSH 用戶;依賴默認 conversation.session.header 且頂欄仍渲染視圖標籤行的場景。
邊界與副作用(README 已說明):
- 規則以頂欄仍存在
[data-conversation-tabs]爲前提(:has([data-conversation-tabs]))。只有 1 個視圖、空白新會話、或被其它插件替換過的conversation.session.header時,插件規則不生效,界面保持原樣。 - 頂欄高度由約 76px 降到約 48px;窗口很窄時標籤仍按原生規則摺疊,不會蓋住標題。
- 標題行不再作爲尺寸容器(
container-type);窗口窄到約 540px 以下時,標題旁的 agent 預設標籤可能不再自動隱藏文字。 - 依賴 DSH 頂欄 DOM 結構;上游改動錨點後樣式可能失效,界面退回兩行佈局,一般不會破壞其它功能。
安全與權限: 插件隨當前 DSH 進程在瀏覽器中運行,安裝前建議閱讀 GitHub 源碼 與 MIT 許可證。社區目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係。
README 記載測試環境爲 dsh 0.2.1-rc.5(Web / WebKitGTK)。Node 引擎要求 >=22.19(見 package.json)。
結尾¶
dsh-inline-view-tabs 用一行頂欄佈局換出一行縱向空間,實現上只動客戶端樣式、錨定公開 DOM。需要安裝或 issue 時,可訪問插件目錄頁 skillhub.cn/plugins/shellexy/dsh-inline-view-tabs 與倉庫 github.com/shellexy/dsh-inline-view-tabs。