dsh-sidebar-stack:把 DSH 左侧栏底部动作按钮竖排

前言

在 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。

核心功能

所有注册到 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 左侧栏;右侧栏与底部工作台不在范围内。

典型用法

  1. 按上文命令完成安装。
  2. 确认左侧栏底部至少有 2 个动作插件(常见组合为 dsh-cost-meter + dsh-context)。
  3. 硬刷新浏览器,两个按钮应一上一下排列。
  4. 若侧栏已折叠为图标栏,检查图标是否纵向成组。

无需配置文件。若需微调行间距,可编辑源码中 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。

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

Xiaoye