前言¶
在 DSH Web 端,费用统计(dsh-cost-meter)、上下文概览(dsh-context)等插件都会注册到左侧栏底部的 sidebar.footer.action 槽位。上游 footerActions 容器只有 display: flex,未指定 flex-direction,默认横向排列;装两个以上动作类插件时,按钮挤在一行,文字被压缩、可点区域变小。下面介绍社区客户端插件 dsh-sidebar-stack(维护者 MosesCharm):通过注入样式把该容器改为纵向堆叠,无需改上游或各动作插件本身。
这是什么¶
dsh-sidebar-stack 是 DeepSeek Harness(DSH)的 Web 客户端插件(dsh.client.platform = web),分类为客户端。它不做业务逻辑,只在浏览器侧向 document.head 注入一段 CSS,覆盖 [class*="_footerActions"] 的排列方向。Host 半侧为空实现,无运行时依赖;安装后无需配置即可生效。许可证为 MIT。
核心功能¶
竖排 footer 动作¶
所有注册到 sidebar.footer.action 的插件仍渲染在同一容器内,但由横向改为纵向堆叠。例如原先 [费用] [上下文] 挤在一行,启用后变为上下两行。
折叠侧栏¶
侧边栏折叠为 56px 图标栏时,底部动作图标同样纵向成组排列(折叠态间距为固定 6px,不随主题变化)。
匹配方式与升级¶
插件用类名后缀 [class*="_footerActions"] 匹配,不绑定 CSS Module 哈希前缀;DSH 升级后类名哈希变化时仍可能生效。若上游将来为该容器补上 flex-direction: column,本插件规则会变成重复声明,通常无害。
安装与启用¶
在 Web profile 下安装:
dsh plugin --profile web add dsh-sidebar-stack
安装后请 硬刷新浏览器(Ctrl/Cmd + Shift + R)。纯 client 插件一般支持热加载;若未生效,可重启 dsh web。
卸载:
dsh plugin --profile web remove dsh-sidebar-stack
卸载后硬刷新;样式由 DSH 插件生命周期管理,不应残留。
兼容性(资料原文):DSH 0.1.5-rc.1 及以上;README 记载实测 0.1.5-rc.2(Windows 11 + Chrome/Edge),最近验证 2026-09-21。仅 DSH Web 左侧栏;右侧栏与底部工作台不在范围内。
典型用法¶
- 按上文命令完成安装。
- 确认左侧栏底部至少有 2 个动作插件(常见组合为
dsh-cost-meter+dsh-context)。 - 硬刷新浏览器,两个按钮应一上一下排列。
- 若侧栏已折叠为图标栏,检查图标是否纵向成组。
无需配置文件。若需微调行间距,可编辑源码中 lib/client.js 的 CSS 常量(例如 gap: 2px),以 link 方式安装时改完保存并硬刷新即可。
确认插件已加载:在浏览器开发者工具中查看 <head> 是否存在 style[data-plugin-css="dsh-sidebar-stack/footer-stack"]。
适用场景与注意¶
适合谁:在 DSH Web 左侧栏底部安装了 2 个及以上 sidebar.footer.action 类插件、且受单行拥挤影响的用户。
权限与数据:插件仅注入样式,不读写文件、不发网络请求、不收集用户数据;全部逻辑在 lib/client.js 一段 CSS 与一次 <style> 注入,可自行审计源码。
安装前建议:DSH 插件在对应 profile 与进程权限下运行。安装前应查看仓库源码与 MIT 许可证,确认符合你的环境策略。社区插件目录为独立站点,与 DeepSeek / 幻方无官方从属关系。
故障排查:装完无变化时先硬刷新;仍无效可重启 dsh web。升级 DSH 后失效时,检查 [class*="_footerActions"] 是否仍匹配当前 DOM。
结尾¶
dsh-sidebar-stack 用最小 client 补丁解决左侧栏底部多插件横向拥挤的问题,安装即生效、无配置项。目录页:SkillHub - dsh-sidebar-stack;源码与完整说明:GitHub - MosesCharm/dsh-sidebar-stack。