DSH Plugins Marketplace

DSH Plugins

Plugins

/

UI & Experience

/

dsh-sidebar-footer-rows

d

dsh-sidebar-footer-rows

Manifest valid

Stacks the sidebar footer actions into one full-width row each, and lines their icons up on one left edge.

UI (client)hasBundlePatch

dsh-sidebar-footer-rows

把 DeepSeek Harness 侧边栏底部那一行动作按钮(sidebar.footer.action 槽位, 如「文献 / ✦ 昔涟 / 微信连接 / work…」)从挤在一行改成一行一个。

为什么需要它

宿主 @deepseek-ai/dsh-client-ui-sidebar 给这个槽位的容器写了:

.…_settingsArea, .…_footerActions { flex:none; width:100%; min-width:0 }
.…_footerActions { display:flex }   /* 没有 flex-wrap */

容器是 flex 且不允许换行,子项默认 flex-shrink:1,于是注册者一多就被压缩、 截断。这个插件注入一张样式表,把该容器改成纵向排列,并让侧边栏折叠成窄条(rail) 时恢复宿主原本的居中单行。

选择器为什么这么写

宿主类名前缀是每次构建生成的哈希(当前是 kB3qhq_),升级宿主就会变;CSS Module 的局部名后缀(_footerActions、_root、_collapsed)是稳定的,所以用子串匹配。

为什么子项要 width: 100% !important

光把容器改成纵向还不够。底栏四个条目里,三个自己就写了满宽:

条目来自宽度来源
工作区分类dsh-workspace-categories自带 CSS .twt-foot{…width:100%…}(那个「开关」是按钮里的一个 <span>,不是独立控件)
微信连接dsh-wechat-remote自带 CSS module 类 sidebarButton
✦ 昔涟dsh-cyrene-theme自带样式
文献dsh-literature行内 style={{ width: 36, height: 36 }}

行内样式优先级高于任何普通样式表规则,所以只靠 align-items: stretch 或 > * 都压不住它——条目外层的盒子满了,里面那个按钮还是 36px,图标旁边放不下 「文献」两个字,只能上下折行。规则因此要打到控件本身:

[class*="_root"]:not([class*="_collapsed"]) [class*="_footerActions"] > *,
[class*="_root"]:not([class*="_collapsed"]) [class*="_footerActions"] div,
[class*="_root"]:not([class*="_collapsed"]) [class*="_footerActions"] button {
	width: 100% !important;
	min-width: 0;
	box-sizing: border-box;
}
[class*="_root"]:not([class*="_collapsed"]) [class*="_footerActions"] button {
	justify-content: flex-start !important;
	text-align: left !important;
	padding-inline: 8px !important;
}

第二条治的是「对齐」。.zt-iconbtn 是 display:inline-flex + justify-content:center + padding:0 的居中图标按钮,而 .twt-foot 是 width:100% + padding:0 8px 的左对齐行。宽度拉平之后,两者的图标仍然会落在 不同的 x 上——所以要统一 justify-content 与左右内边距。

:not([class*="_collapsed"]) 把这一切限制在展开态,折叠成窄条(rail)时保持宿主 原本的图标尺寸与居中排列。

代价是:底栏里所有 button 都会被拉成整行宽、内容左对齐、左右内边距 8px。 若某个插件你希望保持原始尺寸,给它加一条更具体的 width: auto !important (按类名或 [data-*] 属性),告诉我插件的名字也可以。

文件

文件作用
cordis.patch.ymlbundle 补丁,插入 sidebar-footer-rows 行
index.jsHost 半边,空实现(样式全在 Client 侧)
client.jsClient 半边,ctx.effect 注入/清理 <style>
locale/*.json插件管理页显示的标题与说明
icon.svg插件图标

安装

设置/侧边栏 → 插件 页 → 添加插件 → 填本目录的绝对路径 → 安装。

发布之后也可以用命令行(名字见下方「发布前必须改名」):

dsh plugin --profile <你的 profile> add <包名>

实测版本

DSH 0.2.1-rc.5 桌面版(macOS)实测通过。

没有声明 engines.dsh:选择器依赖的 _footerActions / _root / _collapsed 是 宿主的 CSS Module 局部名,我只在这一版上核对过,不想凭猜写下兼容范围让市场误判。 你要是在别的版本上跑通了,把 engines 补进 package.json 再放开发布。

同类插件

两件事值得知道:

  • 本插件最初想叫 dsh-sidebar-footer-stack,但 npm 上这个名字已被占用(作者 daniel92,v1.5.2,MIT),功能也高度重合——纵向堆叠 + 统一卡片外观 + 拖动换序; 它不在社区目录里,所以商店搜不到,但 dsh plugin add dsh-sidebar-footer-stack 能装。因此本插件定名为 dsh-sidebar-footer-rows。
  • 社区目录里已有一个同类:@choi-p/dsh-footer-order(分类 UI 增强,把 sidebar.footer.action 改成上下堆叠并允许配置顺序)。

若日后还要改名,只有三处需要动,且必须一致:

位置改什么
package.jsonname
cordis.patch.ymlinsert[].name(id 随便取,唯一即可)
client.jsconst PLUGIN(Client 模块 id 必须等于包名)

发布到商店(清单)

  1. 建仓库:把这个目录推到你自己的 GitHub 仓库,仓库名建议与包名一致。 填好 package.json 里的 author / repository / homepage / bugs(现在是占位符), 以及 LICENSE 里的版权人。

  2. (可选)发 npm:npm publish --access public(scoped 包必须带 --access public)。 收录不要求发 npm;但发了市场才会显示下载量。注意 社区目录的规矩: 已发布包的 repository 必须指回被收录的那个仓库,否则两者不会关联。

  3. 投稿:给 awesome-dsh-plugin 提一个 PR,只加一个文件 data/plugins/<owner>__<repo>.yml:

    url: https://github.com/<owner>/<repo>
    name: <owner>/<repo>
    category: ui
    description:
      en: Stacks the sidebar footer actions into one full-width row each.
      zh: 把侧边栏底部的动作按钮改成一行一个、铺满整行。
    

    不要手写 npm: 键(会被校验拒绝),也不要手工改两个 README(它们由脚本生成)。 描述里出现 : (冒号+空格)必须给整行加引号。

  4. 合并后条目自动出现在 data/plugins/ → 目录站与市场索引(含 dshmarket 的搜索)。

调参

只想要「自动换行、能放几个放几个」而不是一行一个,把 client.js 里的 CSS 换成:

[class*="_footerActions"] { flex-wrap: wrap; gap: 6px; }

改完重新加载页面即可(Client 代码改动需要重装或用链接目录 + 重启宿主)。

Comments

Loading…

Similar plugins

dsh-sidebar-stack

by MosesCharm

Stack DSH sidebar footer actions vertically — no more cramped single row for cost-meter / context plugins

Manifest valid

★ 0

MIT

JavaScript

Sep 20, 2026

dsh plugin --profile web add dsh-sidebar-stack

DSH sidebar footer ordering: forces the sidebar.footer.action slot into a vertical stack and lets users configure the top-to-bottom order of its entries.

UI & ExperienceTerminal & ClientsManifest valid

★ 0

dsh plugin --profile web add @choi-p/dsh-footer-order

by DONGBIN007

Adds a Restart row to the desktop app's sidebar foot beside Settings that restarts the app and reloads the page onto the newly installed plugin bundle.

UI & ExperienceManifest valid

★ 0

MIT

JavaScript

Oct 18, 2026

dsh plugin --profile web add dsh-sidebar-restart

by ruanimal

Collapses the DSH Web sidebar panel menu (plugins, extensions, scheduled tasks, IM) from a vertical labelled list into a horizontal row of 36×36 icon buttons with hover tooltips; a Settings → General

UI & ExperienceManifest valid

★ 0

JavaScript

Sep 30, 2026

dsh plugin --profile web add dsh-sidebar-panel-buttons

by ACGsu

Fold the DeepSeek Harness sidebar's global panel list into a single row, with a popover to switch panels.

UI & ExperienceTerminal & ClientsManifest valid

★ 0

MIT

JavaScript

Oct 20, 2026

dsh plugin --profile web add dsh-sidebar-panel-fold

Restores the DSH right sidebar divider drag after whole-interface zoom shifts the host handle off it, and widens the hit area to 12px with a hover affordance.

UI & ExperienceTerminal & ClientsManifest valid

★ 0

dsh plugin --profile web add dsh-plugin-rightbar-divider