移动端顶栏pureexe/dsh-mobile-topbar

dsh-mobile-topbar

一个 DeepSeek Harness Web UI 插件，在移动端屏幕上将侧边栏转换为紧凑的顶部栏，以便在小型设备上节省一些宝贵的空间。

为什么

DSH 的左侧边栏（会话列表、工作区、设置）即使处于折叠的“轨道”状态，也会占用一个实际的网格列。在手机上，这意味着永久放弃了一小块宝贵的屏幕空间。此插件在窄视口中移除了该保留空间，并用一个熟悉的小型顶部栏取而代之。

它的作用

在宽度为 768px 或更窄的屏幕上：

- 侧边栏不再占用网格空间，而是变为一个离屏抽屉（在打开之前隐藏）。
- 一个顶部栏出现在其位置，包含：
- 左侧：一个打开侧边栏抽屉的汉堡按钮
- 中间：DeepSeek Harness 品牌标识和文字标识（与侧边栏自身渲染的相同 SVG）
- 右侧：一个新建会话按钮（侧边栏自己的新聊天图标）
- 打开抽屉时会显示一个背景遮罩；点击它（或再次点击汉堡按钮）会关闭抽屉。
- 右侧边栏（文件/文档预览）和设置模态框都被重新定位，使两者都不会渲染在顶部栏下方。
- 在右侧面板打开时打开侧边栏会先关闭右侧面板，因此实际可见的是抽屉。

宽度超过 768px 的屏幕完全不受影响——此插件只在该断点以下改变任何内容。

安装

从你的 DSH 配置文件目录（或通过 dsh plugin --profile  add，它会在配置文件内转发给 pnpm）：

dsh plugin --profile web add github:pureexe/dsh-mobile-topbar
或者，从本地检出：
dsh plugin --profile web add /path/to/dsh-mobile-topbar

然后在该配置文件的 package.json 中的 dsh.profile.bundles 下列出它：

{
"dsh": {
"profile": {
"bundles": [
"@deepseek-ai/dsh-base",
"@deepseek-ai/dsh-web-app",
"dsh-mobile-topbar"
]
}
}
}

重启配置文件（例如 dsh web）以使其生效。

工作原理

这是一个小型双面 DSH 插件：

- index.js —— 宿主侧加载器行（一个空操作；此插件只涉及浏览器）。
- client.js —— 浏览器部分。它注入作用域 CSS，以在移动端重新定位侧边栏/右侧面板/设置模态框的外观，并挂载一个由 React 渲染的小型顶部栏，该顶部栏调用现有的 layout 和 uiWorkspace 服务（toggleSidebar、closeRightbar、startSession），而不是重新实现任何这些逻辑。
- cordis.patch.yml —— 当配置文件将其列为 bundle 时，将此包作为单个加载器行插入。

没有复制或分叉任何侧边栏/框架内部实现；该插件只添加 CSS 覆盖（针对应用现有的、带版本号的类名），并复用应用自身的图标/品牌组件和布局服务。
注意事项

这些 CSS 覆盖针对的是当前 DSH 构建所生成的特定类名（例如 .hHd-Xa_root、.pI_x6G_frame、.P3OORG_panel、.VOzbGW_overlay）。这些是 DSH 客户端 bundle 的内部、未版本化的实现细节——未来的 DSH 版本可能会重命名它们，并悄无声息地破坏此插件的移动端布局。如果在升级 DSH 后顶部栏或抽屉行为异常，这就是首先要检查的地方。

许可证

MIT