前言¶
DeepSeek Harness (DSH) 採用插件化架構，其 Web 界面在處理多會話管理和模型切換時，有時會顯得空間侷促。對於移動端用戶或需要頻繁調整排版的使用者來說，原生的交互細節可能不夠友好。
dsh-better-ux 旨在解決這些問題。它不改變 DSH 的核心邏輯，而是通過一個獨立的 Web UX Kit，優化會話行操作、模型選擇體驗、移動端導航以及全局字體縮放。
插件簡介¶
名稱：dsh-better-ux
作者：MitsukiJoe
定位：DeepSeek Harness Web 界面 UX 套件
版本：0.2.1
許可證：MIT
該插件提供四個獨立可配置的界面改進項：會話行操作、模型選擇器、移動端優化和全局字體縮放。
核心功能¶
會話行操作¶
在會話列表中，將鼠標懸停在空閒、運行中或剛激活的會話行上，會顯示快捷操作按鈕。默認提供 重命名、分支 和 歸檔。
- 菜單保留規則：只有當三個快捷按鈕都啓用，且原生菜單中恰好只有這三個操作時，插件纔會隱藏原生的
⋯按鈕。如果禁用了任意快捷鍵、檢測到其他插件添加的操作，或者菜單內容不匹配，原生菜單將保持可見。 - 交互方式：鼠標懸停在圖標上可查看按鈕名稱。
模型選擇器¶
插件將原本擁擠的兩級菜單替換爲一個全屏覆蓋層。
- 佈局：包含搜索框、提供商芯片、模型卡片以及底部的推理等級選擇。
- 滾動：提供商橫向排列，使用鼠標滾輪或
Shift + 滾輪橫向滾動，邊緣有 8px 的淡出提示。 - 兼容性：如果安裝了
dsh-vision-router和dsh-vision-router-inline，Auto Vision 雙提供商不會作爲獨立分組顯示，而是摺疊到對應的原始模型卡片中。選擇模型卡片時選中原始模型，右側的圖片按鈕則用於選擇視覺路由。
移動端優化¶
這是針對手機和平板端的深度改造，通過 設置 -> Better UX 開關啓用。
- 導航欄：隱藏原生的左側側邊欄，頂部渲染自定義的水平導航欄。第一行包含 Logo、對話標題切換按鈕，以及新建會話、新建工作區、搜索、視圖選項和設置等原生操作。
- 會話列表：
- 顯示狀態、標題、時間和溢出操作。
- 支持長按工作區或會話標籤進行排序（點擊出現的
‹›按鈕移動位置）。 - 標題過長時截斷，支持自適應縮放。
- 輸入優化：
- 無自動聚焦：切換會話時不會自動聚焦輸入框，防止鍵盤彈出遮擋內容。
- 添加圖片：原生移動端編輯器僅有
+按鈕，無法發送圖片。該插件在+旁增加了圖片按鈕，支持多選，複用主機的粘貼驗證和發送流程。 - 禁用頁面縮放：默認開啓，防止雙指誤觸導致頁面變形或佈局錯亂。
- 視圖模式：支持“按工作區”分組和“平鋪列表”兩種模式。
全局字體縮放¶
允許獨立設置移動端（手機/平板）和桌面端的字體大小、行高和內邊距比例。
- 範圍：10% - 200%。
- 默認值：移動端默認 80%，桌面端爲 100%。
- 操作：輸入整數或使用 5% 步進按鈕調整。
安裝與啓用¶
- 前置要求：
- 需要 DeepSeek Harness 構建版本包含內置本地化服務。
- 需要 Node.js 環境版本 >= 22。
- 啓用方式：在 DSH 界面中進入 設置 -> Better UX，通過開關控制移動端優化功能。
注意事項¶
- 許可證：MIT License。
- 視覺路由兼容：若安裝了
dsh-vision-router系列插件，Auto Vision 提供商會自動摺疊至原模型卡片，無需額外配置。 - 自定義側邊欄：如果你對 DSH 原生的左側側邊欄進行了大量自定義，建議關閉移動端優化功能，以免佈局衝突。
- 權限：作爲 DSH 插件，它以當前 DSH 進程的權限運行。
結語¶
dsh-better-ux 專注於減少 Web 端操作中的點擊層級和空間浪費。通過直觀的會話行操作和覆蓋式模型選擇器，可以提升會話管理效率；針對移動端的定製化處理則解決了原生體驗在觸屏上的痛點。
