DSH web shell mobile adapter plugin: overlay sidebar/details drawers, responsive composer and settings below 768px, zero desktop regression. DSH Web 移动端适配插件:抽屉浮层化、输入栏与设置页响应式适配,桌面零回归。
待人工精选——以下事实来自源码仓库。
DSH web shell mobile adapter plugin: overlay sidebar/details drawers, responsive composer and settings below 768px, zero desktop regression. DSH Web 移动端适配插件:抽屉浮层化、输入栏与设置页响应式适配,桌面零回归。
想用 DSH 获得这项能力的用户；装前建议先看源码和文档。
dsh plugin --profile web add github:TecFancy/dsh-mobile 作者没有声明支持的平台。
dsh-mobile adds the missing phone tier (< 768px) as a client plugin — no shell fork, no desktop changes. 
## Features - Overlay sidebar drawer — opening the sidebar on a phone floats it over the content with a scrim instead of squeezing the main column to 110px; tapping outside closes it. - Overlay details panel — the tool-details panel opens as a right-side overlay and never squeezes the conversation. - Non-overlapping composer — the mode buttons and the model selector wrap onto separate rows instead of covering each other. - Re-flowed settings dialog — the dialog stacks vertically with a horizontally scrollable tab bar; the content column gets full width. - Zero desktop regression — every rule hangs under a narrow-viewport marker; viewports ≥ 1024px behave exactly like the stock shell. ## Screenshots Verified on Ubuntu 24.04 (x86_64) with DSH 0.1.0-rc.6, iPhone-15 viewport (390×844). Screenshots show the English UI. New-session screen on a phone (hero + composer with a workspace selected, laid out for the narrow viewport): 
Sidebar drawer: before (stock shell) vs after | Before — content squeezed to 110px | After — overlay drawer + scrim | | ----------------------------------------------- | --------------------------------------------- | | 
| 
| Settings dialog on a phone (vertical layout, full-width content): 
Desktop ≥ 1024px — untouched: 
## Install Requires Node ≥ 22 and a DSH installation (dsh CLI). Install into your profile and restart dsh web: bash dsh plugin --profile web add @tecfancy/dsh-mobile # restart: dsh web > Note: if your npm registry is a mirror (e.g. registry.npmmirror.com), > brand-new packages can lag behind the official registry for a while — > add --registry=https://registry.npmjs.org/ if the install reports 404. The plugin activates automatically on narrow viewports (< 768px) and stays inert on desktop. Removing it is one command: dsh plugin --profile web remove @tecfancy/dsh-mobile. ## How it works - A JS breakpoint layer marks narrow viewports as body[data-dsh-mobile]. - A state bridge mirrors the shell's layout state onto body[data-dsh-drawer] / body[data-dsh-details]. - A stylesheet (anchored on the shell's stable [data-slot] hooks) turns the sidebar/details columns into fixed overlays on phones, re-flows the composer and the settings dialog, and never runs outside the mobile tier. No shell source is modified, no server component is required, and the plugin coexists with other shell-level plugins (verified with dsh-better-sidebar). ## Compatibility - DSH 0.1.0-rc.6 (tested on macOS and Ubuntu 24.04; full viewport matrix: 360 / 390 / 430 / 768 / 1440). - The 768–1023px tablet range keeps the stock shell behavior (by design). - prefers-reduced-motion is honored. ## License MIT不看 Star，人工一条条挑的。
把 DSH 的 settings.yaml 做成可视化看板：所有已注册的 settings namespace——包括官方界面从未覆盖的第三方插件配置——都渲染成可编辑表单。项目还早，但方向很对：告别手改 YAML。
给 DSH 的 DIY 轨迹可视化：把 agent 的计划与执行画成图，不用翻原始日志也能看清它在干嘛。项目还早，但补上了「一眼看懂 agent 在做什么」这个真实缺口。
从 Claude Code / Codex 把活派给 DSH：在宿主内拉起带分级预设的 DSH agent 会话，看原生子代理进度，还能借它的多模态桥给纯文本的 DSH 补上视觉和生图。编排型插件，把 DSH 变成其他编码 agent 的后端。