前言¶
在 DeepSeek Harness（DSH）裏裝多個客戶端插件後，常見情況是某個面板佔滿屏幕，擋住會話列表、輸入區或工具欄。框架內部的列寬由 AppFrame 的 store 管理，ctx.layout 只提供導航與面板切換，沒有公開接口讓插件之間互相改尺寸。dsh-open-card 走另一條路：由你在頁面上點選目標塊，用內聯樣式直接寫寬高與位移，改動可復位，狀態記在瀏覽器裏並在刷新後恢復。下面介紹它是什麼、能做什麼，以及如何安裝使用。
這是什麼¶
dsh-open-card 是 DeepSeek Harness Web UI 的客戶端插件，維護者爲 zenro21。它不猜第三方插件的 DOM，也不依賴別人的內部實現；選中塊之前會先快照該塊原有的內聯樣式，再寫入 width、height、transform、z-index，因此對任意界面塊都可用。插件在社區目錄 skillhub.cn 歸類爲客戶端；源碼倉庫爲 github.com/zenro21/dsh-open-card，許可證 MIT，當前包版本爲 1.0.0。
核心功能¶
README 中列出的能力如下，均通過右下角懸浮球或快捷鍵進入點選模式後操作。
| 能力 | 說明 |
|---|---|
| 點選塊 | 懸停藍框高亮，單擊選中；Alt+R 進入或退出點選模式 |
| 拖拽改尺寸 | 八個方向控制點，任意拖長拖寬 |
| 收起 | 高度壓爲 0 讓出空間，塊仍在，可隨時展開 |
| 滾動模式 | 縮小後內容保持原尺寸、內部滾動；縮到 50% 以下自動開啓 |
| 上溯一層 | 點選常落在內層小節點上，一鍵選中外層容器 |
| 平移 | 拖動整塊，位置一併記憶 |
| 置前 | 提高 z-index，避免被其他浮層蓋住 |
| 復位 | 還原爲插件改動前的樣子 |
| 記憶 | 尺寸、位置、收起與滾動狀態按元素寫入 localStorage，刷新後自動重建 |
| 可拖動懸浮球 | 懸浮球位置可拖並記憶，靠邊時收進視口 |
實現上，整套 UI 通過 ReactDOM.createPortal 掛到 document.body，使用 z-index: 2147483000，避免掛在 shell.overlay（z-index: 20）下被鯨魚掛件等高層浮層壓住。
安裝與啓用¶
安裝步驟以倉庫 README 爲準：先把包放到本機目錄，再通過 Harness 插件管理器安裝該目錄（DSH 會話裏調用 plugin_manager，或在插件頁使用「安裝本地包」）。
# 1. 把本倉庫放進任意目錄，例如
git clone https://github.com/<you>/dsh-open-card.git
# 2. 用 Harness 的插件管理器安裝這個包目錄
plugin_manager({ action: "install_bundle", target: "<絕對路徑>/dsh-open-card" })
安裝後刷新頁面；右下角會出現懸浮球。客戶端插件在當前 DSH 進程、當前瀏覽器頁面中注入腳本，安裝前宜自行查看倉庫源碼與 MIT 許可證，確認與本地環境一致。
典型用法¶
- 點右下角懸浮球，或按
Alt+R。 - 鼠標移到要調整的塊上，出現藍框後單擊選中。
- 拖八個控制點改長寬；頂部工具條提供收起、滾動、上溯、復位、置前、移動、取消。
Esc退出點選或取消選中。
持久化鍵名（便於排查或清理本地配置）：
dsh-open-card.sizes.v1— 按元素選擇器（錨定最近的id或data-slot）保存尺寸、位置、收起與滾動狀態。dsh-open-card.dock.v1— 懸浮球位置。- 從舊插件名
dsh-resizer升級時會讀取舊鍵，避免丟配置。
適用場景與注意¶
適合誰： 經常在 DSH Web UI 裏疊加多個第三方面板、需要臨時把某一塊縮小、挪開或置前的開發者或日常使用者；不打算改框架三列布局、只想動「這一塊 DOM」時，這個插件與 ctx.layout 的職責邊界是清晰的。
注意：
- 改動寫在選中元素的內聯樣式上；「復位」依賴安裝時的樣式快照，複雜動態樣式仍以你親自點選的那一塊爲準。
- 狀態只存在本瀏覽器
localStorage，換機器或清站點數據不會同步。 - 社區目錄與 DeepSeek / 幻方無官方從屬關係，屬於「一切皆插件」生態裏的第三方包，按自有風險安裝。
結尾¶
dsh-open-card 用點選 + 內聯樣式繞開佈局 store 的限制，給任意麪板加上可拖拽邊框、收起與記憶能力。需要進一步瞭解分類與簡介時，可看目錄頁 https://www.skillhub.cn/plugins/zenro21/dsh-open-card；安裝與功能細節以 https://github.com/zenro21/dsh-open-card 的 README 爲準。
