dsh-client-ui-mobile-adapt:DeepSeek Harness Web GUI 的手機端適配插件

前言

DSH 的理念是「一切皆插件」,客戶端可以通過插件擴展已有 Web GUI。對需要在手機上繼續操作 DeepSeek Harness 的場景來說,桌面端佈局在窄屏下並不直接可用:側邊欄、輸入區、設置面板和軌跡詳情都需要重新適配。

dsh-client-ui-mobile-adapt 解決的就是這個問題:在移動端視口下把界面收斂爲單欄佈局,桌面端保持原樣。

這是什麼

dsh-client-ui-mobile-adapt 是 DeepSeek Harness Web GUI 的手機端適配客戶端插件,由 Hotsteel2901 維護,許可證爲 MIT。

它採用官方客戶端插件格式:dsh.client 聲明 + window.__ModuleLoader__.load 模塊,也可以作爲 profile bundle(dsh.bundle.patch)掛載。它是純客戶端插件,僅在 max-width: 768px 視口下生效,桌面端完全不受影響。

核心功能

  • 三欄桌面佈局收斂爲單欄移動佈局。
  • 側邊欄變爲左側抽屜,內容組件填滿抽屜寬度。
  • 漢堡按鈕作爲 shell.overlay 槽位浮動按鈕,點遮罩關閉。
  • 輸入工具行強制單行,觸發器限寬 112px
  • 模型選擇、上下文詳情、命令菜單限寬 calc(100vw - 16px)
  • 設置面板全屏顯示,頂部導航單行可橫滑,內容區可滾動。
  • 插件面板 fixed 懸浮,底部 130px,可開可關。
  • 軌跡表格全寬;詳情面板爲固定高度懸浮窗 min(52vh,460px),內部可滾動。
  • 底部統計以膠囊摘要呈現,點擊展開完整統計面板,可滾動。
  • iOS 使用 100dvh 動態視口,並適配劉海/底部安全區。

安裝與啓用

安裝時使用 https tarball URL,不要使用 github: 簡寫。資料說明,在 npm 12 安全策略下,普通 https://.../archive/refs/heads/main.tar.gz URL 可正常安裝。

在已有 profile 中安裝:

dsh plugin --profile web <profile 名> add https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt/archive/refs/heads/main.tar.gz

這一步把插件加入指定 profile。之後啓動或重啓對應 profile 使用即可。

也可以手動寫入 profile 的 cordis.patch.yml

- insert:
    - id: ui-mobile-adapt
      name: 'dsh-client-ui-mobile-adapt'

更新到最新版本時:

npm cache clean --force && rm -rf node_modules/dsh-client-ui-mobile-adapt && npm install

典型用法

推薦做法之一是創建專用 profile,例如 webmobile。在 profile 的依賴中指向該插件的 tarball URL,安裝依賴後啓動:

npm install
dsh --profile webmobile

該用法對應 profile bundle(dsh.bundle.patch)掛載方式。啓動後,Web GUI 即帶上手機端適配。

適用場景與注意

這個插件適合在手機上查看和操作 DeepSeek Harness Web GUI 的場景,例如在 Android Termux 中繼續處理會話、輸入、設置和軌跡詳情。

使用注意:

1、插件以當前 dsh 進程權限運行,安裝前應檢查源碼與許可證。

2、許可證爲 MIT。

3、插件依賴 react@deepseek-ai/cordis,以及 host 側客戶端服務 slotslayoutlocale

4、peerDependencies 將 @deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-client-ui-layout@deepseek-ai/dsh-client-locale 精確鎖定爲 0.1.0-rc.6

5、如果 DSH 前端構建或類名變化,需要按新構建產物重新覈對,並同步更新 peerDependencies。

鏈接

社區目錄爲獨立站點,不與 DeepSeek / 幻方存在官方從屬關係;以下鏈接僅爲插件來源與檢索線索。

  • GitHub:https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt
  • 目錄頁線索:https://www.skillhub.cn/plugins/Hotsteel2901/dsh-client-ui-mobile-adapt
羽毛球分组比赛记分
小程序二维码

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

小夜