kelai141/dsh-client-ui-responsive
dsh Web UI 的移动响应式 AppFrame——派生自 dsh-client-ui-layout，新增 <640px 抽屉侧栏、底部 sheet 与安全区。
安装Install
dsh plugin --profile web add github:kelai141/dsh-client-ui-responsive把 kelai141/dsh-client-ui-responsive 加入你的 DSH 配置（web profile）即可启用。
READMEREADME
dsh-client-ui-responsive
dsh-mobile 生态 · dsh-mobile-apk（壳 APK）· dsh-shell-termux（shell）· dsh-host-web-compat（浏览器兼容）· dsh-mobile（协调仓库，private）
Mobile-responsive AppFrame for the DeepSeek Harness
web UI. A drop-in replacement for the upstream ui-layout that adds a proper Mobile form
(<640px): drawer sidebar, bottom-sheet details, top bar with hamburger, and safe-area insets —
while keeping the Wide/Narrow behavior byte-identical to upstream.
Quick start
1. Install — package into the web profile's node_modules (see dsh-shell-termux for the pattern).
2. Mount — in the profile's cordis.patch.yml:
- id: ui-layout
disabled: true
- insert:
- id: ui-responsive
name: '@dsh-android/dsh-client-ui-responsive'
3. Restart and verify the browser roster (window.__DSH_BOOT__ entries contain
@dsh-android/dsh-client-ui-responsive, ui-layout is gone).
Breakpoint system
| tier | width | form |
|---|---|---|
| Wide | ≥1024px | three columns, upstream behavior |
| Narrow | 640–1024px | upstream auto-collapse rail + manual re-expand |
| Mobile | <640px | single column: sidebar → left drawer, details → bottom sheet, top bar + hamburger, safe areas |
Landscape phones (≥640 logical px) reuse the original Wide/Narrow UI unchanged.
Behavior notes
- Same slots, same services:
sidebar/conversation/details/shell.overlayandctx.layoutare provided identically to ui-layout — consumers (ui-sidebar, ui-conversation) work unchanged. - Mobile state semantics: hamburger toggles the drawer (mask tap closes); opening details via
ctx.layout.openDetails()shows the bottom sheet;shell.overlaystays the top layer (z 20). - Rotation is instant: the frame switches tiers via the same rAF-throttled ResizeObserver;
prefers-reduced-motiondisables transitions.
Build
npm install # baseline pinned to @deepseek-ai/* 0.1.0-rc.6
npm run build # tsc (lib/types) + tsdown (lib/client.js browser bundle)
npm run typecheck
The browser bundle uses the __ModuleLoader__.load contract; rebuild before probing a live server
(the registry serves lib/client.js, not sources).
Testing
- Component specs: host CDP against a served page at 412px (drawer open/close, mask) and 1280px (three-column regression) — see the project verification log in the coordination repo.
- Old-kernel browsers (pre-ES2024 WebView) cannot load the client bundles; use a current WebView (system WebView is fine) — the polyfill plugin helps for older kernels.
License
MIT. Derived from @deepseek-ai/dsh-client-ui-layout (MIT, © 2026 DeepSeek) — see NOTICE.
Design rationale: docs/design.md.
相关推荐Related
- deepseek-ai/deepseek-harness DeepSeek Harness: Everything is a Plugin.
- deepseek-ai/deepseek-harness DeepSeek Harness (dsh) — 由 DeepSeek AI 开发的开源 agent harness（智能体框架）。一切皆插件：核心 + 插件 + 技能 = 可热插拔的 AI 编程工作台。DeepSeek Harness: …
-
ruvnet/ruflo
🌊 The original agent meta-harness. Deploy intelligent multi-player swarms, coordinate autonomous workflows, and build c…
-
amruthpillai/reactive-resume
A one-of-a-kind resume builder that keeps your privacy in mind. Completely secure, customizable, portable, open-source a…
-
volcengine/OpenViking
Self-evolving Context Database for AI Agents. Unify Agent Memory, Knowledge RAG and Skills.
-
Molunerfinn/PicGo
:rocket: The Ultimate Image Uploader for Efficient Creators. Supports Obsidian, Typora, VS Code etc. and 60+ image hosti…
-
titanwings/colleague-skill
将冰冷的离别化为温暖的 Skill，欢迎加入数字生命1.0！Transforming cold farewells into warm skills? It's giving rebirth era. Welcome to Digital …
-
nocobase/nocobase
NocoBase is an open-source AI + no-code platform for building business systems fast. Instead of generating everything fr…