DSH Sidebar Auto-hide:为 Web 界面侧边栏提供 Notion 式自动收起

前言

在 DeepSeek Harness(DSH)的 Web 客户端里,左右侧边栏默认需要手动展开或收起。宽屏下若两侧常开,中间对话区域会被压缩;若手动频繁点折叠,又容易打断阅读与操作节奏。社区插件 dsh-sidebar-autohide(维护者 VNHUYY,分类:客户端)针对这一问题:在宽屏布局下为左右栏增加「靠边缘悬停展开、移开收起」,并支持固定某一侧栏,行为上接近 Notion 的侧栏交互。

这是什么

dsh-sidebar-autohide 是 DSH 的客户端插件包,npm 包名为 @local/dsh-sidebar-autohide(见仓库 package.json)。它不自带独立设置界面,安装后在 DSH Web 壳层上注入逻辑,只影响宽屏(视口宽度 ≥ 1024px)时的左右侧边栏;窄屏与抽屉模式保持壳层原有行为。

目录页:SkillHub 插件页。源码与说明:GitHub — VNHUYY/dsh-sidebar-autohide。许可证为 MIT。

核心功能

下列能力均来自项目 README,安装并刷新 DSH 窗口后即可使用:

  1. 将鼠标移到窗口左边缘或右边缘,对应侧边栏展开;指针移开后自动收起。
  2. 点击侧边栏上的切换按钮,可将该列固定为展开;固定状态在页面重载后仍会保留。
  3. 若右侧栏被固定,在切换 Session 后会自动重新展开。
  4. 窗口顶部用于拖拽/系统按钮的条带(traffic lights / drag region)不会触发侧栏收起逻辑。
  5. 仅在宽屏(viewport ≥ 1024px)生效;壳层在窄屏下的抽屉等行为不做改动。

插件自身无 UI,通过 Cordis 注入壳层的 layout 服务,并读取可选的 sidebarRight 服务;观察 DOM 上的 data-sidebar-collapsed、data-sidebar-right-open 等稳定属性以同步列状态;在捕获阶段拦截侧栏切换按钮,使点击表现为「固定」而非单纯折叠。实现上不依赖私有 API,也不直接 patch 壳层,但若未来 DSH 更名相关 data-* 属性,插件可能需要跟进更新。

安装与启用

安装方式与其他本地或 git 形式的 DSH 插件包相同。README 未给出统一的 CLI 安装串,不同 DSH 版本的安装命令可能不一致,以桌面端 Plugin Manager 为准。

  1. 在 DSH 桌面应用中打开 Settings → Plugins,从本仓库的 git URL 安装,或从本地 checkout 安装。
  2. 也可在安装流程中指向仓库地址:
https://github.com/VNHUYY/dsh-sidebar-autohide

安装完成后刷新 DSH 窗口,客户端 bundle 才会加载(package.json 中 dsh.client 为 platform: web、immediately: true,并注入 @deepseek-ai/dsh-client-ui-layout)。

典型用法

无需额外配置文件或命令行参数,启用后按边缘悬停与按钮固定即可:

  • 临时查看左侧栏:指针靠左边缘,看完移开即收起。
  • 临时查看右侧栏:指针靠右边缘,移开即收起。
  • 长期保留某一侧:点击该侧栏切换按钮将其 pin 住;需要恢复自动收起时,再次通过壳层原有方式取消固定(插件在 pin 状态下会拦截按钮的默认折叠语义)。

右侧栏 pin 后切换会话仍会保持展开,适合需要常驻工具栏或右侧面板的 workflow。

适用场景与注意

适合谁:主要在 DSH Web UI 宽屏下工作、希望扩大中间内容区、又希望侧栏「按需出现」的智能体开发者或日常用户。

权限与安全:客户端插件随当前 DSH 进程在本地 Web 环境运行,能访问与修改壳层 DOM 及服务注入点。安装前建议浏览 GitHub 仓库 源码(尤其 client.js、cordis.patch.yml)并确认 MIT 许可证是否符合你的合规要求。

生态说明:DSH 奉行「一切皆插件」;SkillHub 等社区目录为独立站点,与 DeepSeek / 幻方无官方从属关系,本文所述安装与行为以仓库 README 为准。

结尾

dsh-sidebar-autohide 在宽屏 DSH Web 界面上补上 Notion 式侧栏自动隐藏与固定,改动面集中在客户端、不增加独立配置页。需要试用或跟进更新时,可访问 SkillHub 目录页 与 GitHub 仓库。

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

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

小夜