kelai141/dsh-client-ui-responsive

Name: kelai141/dsh-client-ui-responsive
Author: kelai141

Plugin插件 Native原生 ⭐ 4 MIT Approval & Security审批与安全 UI & Themes界面与主题

dsh Web UI 的移动响应式 AppFrame——派生自 dsh-client-ui-layout，新增 <640px 抽屉侧栏、底部 sheet 与安全区。

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

dsh-client-ui-responsive is a mobile-responsive AppFrame plugin for the DeepSeek Harness, serving as a drop-in replacement for ui-layout. It activates a Mobile form below 640px with a drawer sidebar, bottom-sheet details, hamburger top bar, and safe-area insets, while keeping Wide/Narrow behavior byte-identical to upstream. Mount by disabling ui-layout and inserting ui-responsive in cordis.patch.yml, then verify via window.__DSH_BOOT__. Rebuild with npm run build before probing a live server. Old-kernel WebViews lacking ES2024 support cannot load client bundles; use a current WebView.

dsh-client-ui-responsive 是 DeepSeek Harness 的移动端响应式 AppFrame 插件，作为 ui-layout 的即插即用替代品，在 <640px 时启用 Mobile 表单：左侧抽屉侧栏、底部弹出详情、顶部带汉堡菜单的工具栏并支持安全区域，而 Wide/Narrow 行为与上游完全一致。通过 cordis.patch.yml 停用 ui-layout 并插入 ui-responsive，重启后通过 window.__DSH_BOOT__ 验证生效。使用 npm run build 重建客户端 bundle；旧内核 WebView 不支持 ES2024，需使用新版 WebView。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我了解并安装插件：【dsh-client-ui-responsive】【https://github.com/kelai141/dsh-client-ui-responsive】

Send this message to DSH in your current session. CLI install commands may not be accurate across systems — DSH will figure it out for you.把上面这条消息直接发给当前会话里的 DSH，让它帮你了解并安装。安装命令不一定准确，发给 DSH 更稳。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

dsh plugin --profile web add github:kelai141/dsh-client-ui-responsive

把 kelai141/dsh-client-ui-responsive 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

3.9 KB · 缓存于 2026-09-10 19:41:22 · 3.9 KB

dsh-client-ui-responsive

🌐 中文说明 / 中文 README

dsh-mobile 生态 · dsh-mobile-apk（壳 APK）· dsh-shell-termux（shell）· dsh-host-web-compat（浏览器兼容）· dsh-mobile（协调仓库，private）

Android mobile adaptation layer for the DeepSeek Harness web UI.

0.2.0 de-forked the plugin. Up to 0.1.14 it replaced the upstream ui-layout frame with a mobile fork of its own. Upstream 0.1.5 turned ui-layout into the layout service hub (ctx.layout, the keyed main panel seat, the right column's track/fullscreen reporting) that ui-conversation, ui-sidebar and ui-sidebar-right all compose against — reproducing that surface meant re-forking it every release. The plugin now keeps upstream's frame and adds only what a phone needs.

What it does

Area	Contribution
Phone form (<768px)	CSS over the upstream frame: the left sidebar becomes an off-canvas drawer, the centre column spans the frame, the right Sidebar keeps upstream's own fullscreen slide-over (same 768px threshold), touch drag handles step aside
Drawer entry	`shell.overlay` top bar with one toggle (the rail sits off-canvas on a phone, and no control is added to the composer row)
Native "open with"	Session-header action (opens the workspace directory) and an `extension`-band tab type for archives/binaries — both raise the shell's chooser (MT Manager, system files)
Composer	Insets (system bars + IME), narrow-screen control-row cap, popup width/height/shift guard, mobile Enter guard
Shell surfaces	Developer options section, Android general settings row, export-result dialog, external-file delivery consumer, theme bridge, keyboard boundary
Retired with 0.1.5	The frame fork, the duplicated theme presenter, the injected 「上传图片」/「导出调试日志」 menu items, the image-pick bridge, and the CSS that hid upstream's own attachment buttons

Install and mount

1. Package into the web profile's node_modules (see dsh-shell-termux for the pattern).

2. Insert in the profile's cordis.patch.yml — ui-layout stays ENABLED:

- insert:
    - id: ui-responsive
      name: '@dsh-android/dsh-client-ui-responsive'
- id: open-in-app
  disabled: true
- id: ui-open-in-app
  disabled: true

3. Restart and verify the browser roster (window.__DSH_BOOT__ entries contain both ui-layout and @dsh-android/dsh-client-ui-responsive).

Contract anchors

The narrow form keys on DOM facts, never on CSS-Module class names, and the facts themselves are published by this plugin:

Fact	Written by	Consumed by
`html[data-dsh-mobile-form]`	`mobile/form-marker.ts` (mirrors `(max-width: 767px)`)	every injected stylesheet
`[data-dsh-frame]`	same (tagged from upstream's `[data-rightbar-col]`)	`mobile-form.css.ts`, keyboard boundary
`html[data-dsh-modal-open]`, `[data-dsh-settings-dialog]`	same	settings-panel reflow
`[data-dsh-mobile-topbar]`	`mobile/MobileChrome.tsx`	composer popup guard

Upstream attributes the sheet relies on: data-sidebar-collapsed, data-rightbar-col, data-rightbar-panel="fullscreen", data-sidebar-right-toggle, data-conversation-header-corner.

Build

npm install          # @deepseek-ai/* pinned to 0.1.5-rc.1
npm run typecheck
npm run build        # tsc (lib/types) + tsdown (lib/client.js browser bundle)
npx vitest run

The browser bundle uses the __ModuleLoader__.load contract; rebuild before probing a live server (the registry serves lib/client.js, not sources).

License

渲染基于仓库 kelai141/dsh-client-ui-responsive 的 README.md。在 GitHub 查看原文 →

CLI Install命令行安装 Copy Install复制安装命令