侧栏模式 baka-world/dsh-sidebar-modes

dsh-sidebar-modes

DeepSeek Harness Web GUI 侧边栏模式插件：把屏幕空间还给模型输出。

解决了什么痛点

默认会话页的顶部是一条横向 header：会话标题、面包屑、权限状态、Session log、Chat/Trajectory 标签，再加上输入框上方的 dock 条和状态信息，竖着堆了四五层。每一层都在压缩真正有价值的东西——模型输出。一屏里能看到的消息内容非常有限。

更难受的是：这些 header 信息不展示不行（要知道当前模式、子代理层级、日志入口），展示了又太占地方。这个插件就是为了解决"chrome 太多、正文太少"而开发的。

为什么这么做

- 把 header 变成右侧边栏：顶部整行高度还给对话，标题/面包屑/状态/Session log 完整保留在右侧竖栏；
- 紧凑模式：进一步压缩行距、输入区与 dock 条，同一屏塞进更多消息；
- 一键收起为 56px 窄条：只留模式图标和 Chat/Trajectory 圆形图标，需要时再点 « 打开；
- 动画质量：收/展动画右锚定、暗窗切换、纯水平滑入，不抖、不漂移（经历过多次逐帧连拍 + 视觉模型复核）；
- 三态持久化：折叠状态切换会话不重置，刷新/重启后从 localStorage 恢复，冷挂载不重放动画；
- 开发者模式：双击标题进入，露出紧凑/侧边栏开关，普通模式保持常驻不打扰。

功能

- 紧凑模式：压缩 header / dock / 输入框与行距，加宽正文列
- 右侧边栏：标题面包屑、权限状态、Session log、Chat / Trajectory 竖排
- 收起窄条：模式图标 + 圆形 Chat / Trajectory 图标，« / » 切换
- 双击标题进入开发者模式（标题变蓝），显示两个常驻开关
- 状态经 localStorage（dsh-ui-layout-plugin-v1）持久化，冷挂载不重放动画

演示与截图

展开 → 收起 → 展开：

展开 → 收起 → 展开

| 展开态（右侧边栏 245px） | 收起态（56px 窄条） |
| 展开态 | 收起态 |

安装（web profile）

1. 克隆到本地：git clone https://github.com/baka-world/dsh-sidebar-modes
2. 在 ~/.dsh/profiles/web/package.json 里加入：

{
"dependencies": {
"dsh-sidebar-modes": "link:/绝对路径/dsh-sidebar-modes" },
"dsh": {
"profile": {
"bundles": ["@deepseek-ai/dsh-base", "@deepseek-ai/dsh-web-app", "dsh-sidebar-modes"]
}
}
}

3. cd ~/.dsh/profiles/web && pnpm install
4. 重启 dsh web

使用

- header 右侧出现「紧凑模式 / 侧边栏 / »」三个按钮
- 点 » 收起为 56px 窄条，点 « 打开侧边栏
- 双击标题切换开发者模式（标题变蓝）

License

MIT