dsh-sidebar-footer-stack:侧栏底部卡片纵向堆叠与拖动换序

前言

DeepSeek Harness(DSH)侧栏底部的 sidebar.footer.action 槽位,是宿主留给插件放置常驻卡片的位置(如会话费用、记忆入口)。默认情况下,宿主将该槽位容器渲染为单行 Flex 布局,因此当安装两个或更多插件时,每张卡片各占一半宽度,内容会被挤压导致显示不全。

简介

dsh-sidebar-footer-stack 是一个将侧栏底部插件卡片纵向堆叠、统一卡片外观,并支持拖动换序的插件。

  • 维护者:Daniel92Q
  • 许可:MIT
  • 分类:Web UI、界面
  • 核心价值:解决多卡片并排显示被挤压的问题,提供统一的视觉风格和灵活的排序能力。

安装

通过 CLI 安装:

dsh plugin --profile web add github:Daniel92Q/dsh-sidebar-footer-stack

如果使用桌面版应用,请走应用内「设置 → 插件 → 添加插件」入口,因为桌面版独占 desktop profile。

安装后重启 Harness 进程即可生效。

功能

该插件主要提供以下能力:

  1. 纵向堆叠槽位条目:将原本横向排列的卡片改为纵向排列,每张卡片占据全宽,解决内容挤压问题。
  2. 统一卡片外观:所有条目套用统一的卡片样式。插件会自动检测已有的卡片样式,避免重复套用边框。
  3. 拖动卡片换序:支持通过拖拽操作调整卡片顺序。
  4. 顺序持久化:卡片顺序会保存到 localStorage,刷新或重启后保持。

使用

  • 换序:按住卡片拖动到另一张卡片的上半区或下半区松手,即可改变顺序。
  • 重置顺序:清除 localStorage 键 dsh-sidebar-footer-stack.order。
  • 开启诊断:设置 localStorage 键 dsh-sidebar-footer-stack.debug 为 '1',刷新页面后可开启诊断上报。

注意事项

  • 无构建脚本:插件为纯 JS,无需构建过程。
  • 依赖宿主结构:插件依赖宿主内部结构(footerActions 类名和出口包装层)。若宿主升级修改了这些结构,插件会静默失效(不报错,但无法生效)。
  • 诊断上报:默认关闭,避免收集过多数据。
  • 热替换:支持热替换客户端 bundle,无需重启应用即可查看代码修改效果。
  • 拖动反馈:被拖动的卡片会呈现 45% 透明度,目标边缘会出现 2px 品牌色提示线。
羽毛球分组比赛记分
小程序二维码

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

小夜