前言¶

DeepSeek Harness 的侧栏入口默认是 42px 高的整行布局。插件广场、远程控制、面板入口等入口会一条一行占满高度，在空间有限时显得浪费。这个插件把侧栏入口重新组织成 36×36 的图标方块并排显示，同时提供设置页来控制图标大小和可见性。

是什么¶

这是 DeepSeek Harness 的一个客户端插件，由维护者 watershow666 开发。它通过一个 <style> 节点把侧栏中的条目从整行布局压缩成紧凑的图标行，同时提供设置入口和配置选项。

核心功能¶

布局改造¶

• 面板入口（sidebar.panellist）与底部入口（sidebar.footer.action）统一处理，都变成并排图标；
• 「今日 / 余额」卡片保持原有布局（沿用 cost-meter 的 .cm-footer-stack），不参与压缩；
• 侧栏收起成 56px 轨道时，图标改为竖排显示。

显示样式¶

• 每个入口只显示图标，常驻文字隐藏；
• 鼠标悬停时，在图标上方显示名称（使用 CSS ::after + aria-label）。

设置入口¶

• 底部新增一个「设置」齿轮图标，点击直接打开 DSH 设置页；
• 设置项包括：
• 图标大小：16 / 18 / 20 / 24；
• 逐个开关入口的显示与隐藏；
• 调整入口的先后顺序。

安装与启用¶

插件安装后需要刷新页面才能生效。首次加载新增的 bundle 可能需要重启一次 dsh web。

# 安装（当前 profile；源码放在 profile 的 local-plugins 下）
dsh plugin install "E:\DeepseekHarness-data\data\profiles\desktop\local-plugins\sidebar-icon-row"
# 卸载
dsh plugin remove dsh-sidebar-icon-row

安装后，进入「插件 → 已安装插件 → 侧栏图标并列」即可看到设置区。

配置方式¶

设置区注册在 plugins.bundle.config（key 为包名 dsh-sidebar-icon-row），在插件页描述下方、插件行上方渲染。配置数据保存在浏览器的 localStorage 中，键为 dsh.sidebar-icon-row.v1。

实现方式¶

• 只注入一个 <style> 节点，不修改任何宿主或其他插件的组件；
• 选择器使用 [data-slot="sidebar.footer.action"] > * 与 [class*="panelList"] / [class*="panelRow"] 锚定，不依赖带构建哈希的类名；
• 侧栏入口按渲染出来的名字（aria-label 优先）打上 data-sir-key，隐藏与排序都作用在这个属性上；
• 关闭的入口直接 display: none !important（内联样式），不依赖选择器优先级；
• 排序通过给每个入口写 order 实现，不移动 DOM。

回滚¶

在插件管理里关闭「侧栏图标并列」，或者卸载本包即可回滚。样式随 <style> 清理消失，额外的「设置」图标随 sidebar.footer.action 的注册一并移除。

适用场景与注意¶

适合希望把 DSH 侧栏空间利用得更紧凑、希望快速切换入口的开发者。插件以当前 dsh 进程权限运行，安装前应检查源码与许可证（MIT）。

结尾¶

这个插件通过 CSS 覆盖的方式，在不修改宿主组件的前提下改善了侧栏布局的紧凑度，适合追求简洁工作区的用户。目录页：https://www.skillhub.cn/plugins/watershow666/dsh-sidebar-icon-row
GitHub：https://github.com/watershow666/dsh-sidebar-icon-row