dsh-composer-layout:把 DSH Composer 停靠到右侧,让长回答与长提示词并排显示

前言

如果你在桌面浏览器里用 DSH Web 处理长任务,大概率遇到过这个场景:回答越来越长,把底部的 Composer 输入框不断往上顶;而当你想写一段足够详细的提示词时,草稿又会盖住它正在引用的那段回答。两者挤在同一条竖直空间里,只能靠复制、缩放、来回滚动互相迁就。

桌面屏幕通常是横向宽裕、纵向紧张。dsh-composer-layout 解决的就是这个布局问题:把 Composer 从底部改为停靠在右侧,让对话和草稿各占一列,互不挤压。

这是什么

dsh-composer-layout 是开发者 lavapapa 维护的一个 DSH Web 插件,一句话定位是:用一个可停靠的 Composer,让长回答和详细提示词并排显示。仓库地址为 https://github.com/lavapapa/dsh-composer-layout ,许可证为 MIT,当前版本为 0.1.12。

需要说明的是,这是一个纯展示层插件(presentation-only):它不添加面向模型的工具,不修改提示词,也不改变 token 统计。DSH 正常的模型、权限、配额、会话和工具行为都不受影响。

核心功能

  • 在 Settings → Plugins → Composer Layout 中切换 Composer 的底部或右侧停靠布局。
  • 提供可见的停靠把手;在右侧布局下,还可以拖动调整 Composer 面板宽度。
  • 启用「Remember this session layout」后,插件会按会话记住布局位置,以及手动调整后的右侧面板宽度。
  • 窗口宽度不足以容纳双栏时,临时改为上下堆叠并保留布局切换栏;宽度恢复后自动回到记住的右侧布局。
  • 右侧布局下,在打开另一个 Composer 弹层前会先关闭 slash/引用候选,避免与模型、访问权限、上下文面板重叠。

安装与启用

从 npm 安装

npm 包中已包含预构建的插件 bundle,执行:

dsh plugin --profile web add dsh-composer-layout@latest
dsh web --profile web

从 GitHub 安装

也可以直接从 GitHub 仓库安装。把命令固定到 v0.1.12,可以让安装来源明确、结果可复现:

dsh plugin --profile web add "github:lavapapa/dsh-composer-layout#v0.1.12"
dsh web --profile web

仓库自带预构建的 host 与 browser 产物,所以安装时不需要本地构建步骤。

启用右侧布局

1、安装后打开 Settings → Plugins → Composer Layout,选择 Right side。
2、重启 Web profile。这一步是必须的,因为 DSH 不会热加载 profile 补丁。

如果想确认插件 bundle 已加入目标 profile,可以运行:

dsh --profile web --dump-config

更新

从旧版本更新到最新 npm 版本,需要先移除再安装:

dsh plugin --profile web remove dsh-composer-layout
dsh plugin --profile web add dsh-composer-layout@latest
dsh web --profile web

兼容性

插件支持的 DSH Web 版本范围声明在 package.json 中。仓库通过 DSH compatibility workflow 定期检查插件与当前 DSH 版本的兼容性,选型前可以查看该 workflow 的运行记录。

适用场景与注意事项

这个插件适合主要在桌面端、宽屏环境下使用 DSH Web 的用户,尤其是需要一边阅读长回答、一边撰写长提示词的工作流。如果你的对话和输入都很短,默认的底部 Composer 已经够用,不必更换。

安装前有几点需要注意:

1、插件以当前 dsh 进程的权限运行。虽然它是纯展示层插件、改动范围有限,安装前仍应检查源码与许可证。
2、许可证为 MIT,README 与 package.json 中均有标明。
3、每次安装或修改配置后都需要重启 Web profile,不要期待热加载。

结尾

dsh-composer-layout 的价值在于用一次很小的布局改动,去掉长文写作中反复出现的打断:回答保持可见,草稿可以写到位。它是 DSH「一切皆插件」理念下客户端侧定制的一个例子——不改模型行为,只改你与界面的相处方式。

  • 插件目录页:https://www.skillhub.cn/plugins/lavapapa/dsh-composer-layout
  • GitHub 仓库:https://github.com/lavapapa/dsh-composer-layout

(注:插件目录为社区独立站点,与 DeepSeek / 幻方无官方从属关系。)

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

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

Xiaoye