移动端侧边栏 wilsonchengassistant/dsh-mobile-sidebar

dsh-mobile-sidebar

把手机上整个左栏还给对话。

改动内容

低于 1024px 时——也就是 @deepseek-ai/dsh-client-ui-layout 自动折叠侧边栏的同一个断点——原生 web shell 仍保留一条 56px 图标栏（computeColumns() 把折叠轨道解析为 collapsedWidth，web 上是 56；只有 macOS 桌面端和 Windows 标题栏 shell 传 0）。在 390px 视口上，这条栏吃掉 14% 的屏幕，而这一列里你什么都读不了。

本插件在同一断点下：

| | 原生 | 启用插件后 |
| 390px 下的框架轨道 | 56px 334px 0px | 0px 390px 0px |
| 折叠的侧边栏 | 56px 图标栏 | 什么都不留——没有轨道，没有绘制 |
| 打开侧边栏 | 把中间区域挤到 110px | 300px 抽屉盖在 390px 中间区域上，点外部关闭 |
| 页头 | 无开关 | 页头前缘的 panel-left 按钮 |
| ≥ 1024px | — | 不受影响（280px 1000px 0px，按钮隐藏） |

安装

dsh plugin --profile web add file:/path/to/dsh-mobile-sidebar

dsh plugin add 把包追加到 dsh.profile.bundles 并热挂载；浏览器只需刷新即可加载新的客户端组合。无需重启 dsh web。

要移除，从 ~/.dsh/profiles/<profile>/package.json 的 bundles 中删掉 "dsh-mobile-sidebar" 条目，或在 Plugins 页面禁用该 bundle。

工作原理

全部在浏览器侧完成；Host 部分有意留空。

1. 把侧边栏轨道归零。 React 把 grid-template-columns 写成内联样式，媒体查询无法覆盖其中一条轨道。框架上的 MutationObserver 监视每次求解，重写该值，只替换第一条轨道，再通过 --dsh-mobile-frame-cols 自定义属性重新发布。中间和右侧轨道在 800px 到 1024px 之间仍然重要——右侧面板在那里会解出一条真实的第三条轨道——所以它们原样带过。
2. 隐藏图标栏但不离开网格。 用 visibility: hidden，不是 display: none。display:none 的盒子不是网格项，自动放置会把中间列滑进现在为 0px 的第一条轨道，对话就以零宽度渲染。
3. 以抽屉形式打开。 该列仍是 0px 轨道里的网格项，只是溢出轨道（position: relative + 显式宽度），所以中间列宽度从不改变。shell.overlay 槽位里的遮罩在点击时关闭它。
4. 开关。 在 Conversation 上，它是 conversation.header.leading 槽位里的 primitives Button + IconPanelLeftOutlineRegular，调用 ctx.layout.toggleSidebar()。

全局面板（Plugins、Automation tasks 等）

Conversation 是唯一声明页头槽位的面板。其他全局面板都注册进带键的 main 槽位并自建标题——Plugins 渲染 ，Schedules 渲染 ，两者都不暴露任何可注入的内容。

于是这个开关退回到一个固定控件，渲染在 shell.overlay 里，shell 始终把它挂载在根作用域。这样一次就覆盖所有面板，包括还不存在的面板。两条规则保证它不出错：

- 在 Conversation 上让位。 [frame]:not(:has([data-dsh-mobile-sidebar-button])) 负责在那里隐藏它，所以页头内的按钮和浮动按钮永远不会同时出现。
- 给自己留出通道。 面板标题都从下移 28px、内缩 24px 处开始，控件会压在标题的肩上；一条规则在控件存在时给这些标题加上 40px 的 padding-inline-start。

| 位置 | 控件 |
| Conversation | conversation.header.leading 插槽 |
| Plugins / Schedules / 任何未来面板 | shell.overlay 里的固定控件 |
| ≥ 1024px | 都不显示 |

截图

手机上收起时——侧栏消失，会话占满整个宽度：

侧栏收起的移动端

点按页头开关，抽屉会在同样占满宽度的会话上方打开：

侧栏以抽屉形式打开

在全局面板上，开关退回到固定控件：

Plugins 面板上的开关回退

超过断点后一切不变：

桌面布局保持不变

升级

插件针对的是源码里写死的属性，而不是 shell 的 CSS-module 类名（那些类名在构建时会被哈希，DSH 各版本之间会变）：

- [data-shell-overlay] —— 框架是它的父元素
- [data-slot="sidebar"] —— 侧栏列是它的父元素
- 框架上的 [data-sidebar-collapsed] —— 收起还是展开
- [data-plugin-panel] —— 唯一标记自身区块的全局面板；其余面板按 _pageHead / _pageHeading 类名片段匹配

License

MIT