DeepSeek Harness Hub
← 返回列表

lavapapa/dsh-composer-layout

DeepSeek Harnessspec-screened在 GitHub 查看 ↗
未验证

收录于 Awesome DSH Plugin

尚未跑自动兼容性验证,可查看页面内的依赖与入口分析。 · 最近上游提交 2026/9/9 · 已提供中文文档

一个 DSH Web 插件,通过可停靠的 Composer 让长回答和详细提示词并排显示。

综合分
31.2
GitHub 分
31.2
用户评分
★ Stars
3
周下载量
安装插件(需先安装 dsh CLI 引擎:npm install -g @deepseek-ai/dsh)
dsh plugin --profile web add lavapapa/dsh-composer-layout
该插件未发布到 npm,走 GitHub 源安装(pnpm 若拦截 prepare 脚本,按其提示在 pnpm-workspace.yaml 的 allowBuilds 中放行后重跑)
数据截至 2026/9/19(元数据每日更新 · 实装验证按队列轮转,单条结论的验证时间见上方)
依赖的 DSH / Cordis 模块
@deepseek-ai/dsh-settings@deepseek-ai/schemastery@deepseek-ai/cordis@deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-conversation@deepseek-ai/dsh-client-ui-input-trigger@deepseek-ai/dsh-client-ui-settings@deepseek-ai/dsh-client-ui-settings-plugins@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-invariants
用户评分
还没有人投票,来当第一个
订阅周报,不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动

README

DSH Composer Layout

English · 简体中文

发布标签
npm
收录于 Awesome DSH Plugin
收录于 Awesome DeepSeek Harness Plugins
收录于 Awesome DSH Plugins
收录于 Oh My DSH
许可证

简介 · 安装 · 为什么右侧布局 · 实际界面 · 切换与调宽 · 功能 · 验收 · 贡献 · English

一边读,一边想,一边写。 把 Composer 停到右侧,让回答和正在成形的提示词始终并排可见。

这是一个 DeepSeek Harness Web 插件,让 Composer 保持在底部,或停靠到右侧栏。聊天区与 Composer 各自保留空间;模型、权限、额度、会话和工具行为继续使用 DSH 原有实现。

一边读,一边想,一边写

为什么要把 Composer 放在右侧?

大家已经习惯了上下布局,它也确实适合回答和输入都很短的对话。但只要回答变长,或者要写一段真正复杂的指令,回答和输入就会争夺同一段纵向空间:长回答会把输入区挤远,长草稿又会把正在参考的内容推走。接下来往往只能靠补救:复制一段内容、调整输入区、向上滚回去找上下文、搜索刚刚看过的段落,然后再重复一次。

这在桌面端尤其可惜。大多数桌面显示器天生更宽,横向空间往往仍有余量;浏览器界面、不断增长的回答和草稿却只能挤在有限的纵向高度里。上下布局没有用好相对充裕的横向空间,反而把最紧张的纵向空间消耗得更快。

把 Composer 放到右侧以后,阅读和写作各自拥有稳定的纵向空间。对话再长,仍可留在左边;草稿再复杂,也能在右边展开。关键在于两者能同时留在视野里:读到一段内容,顺着它思考,就在旁边写下或修订相应的提示词,不必先丢失其中一边再找回来。这只是一个布局调整,却能消除长输入工作中反复被打断的感觉。

实际界面

真实 DSH Web 会话与右侧高输入栏

切换与调宽

右侧白条、布局切换与右栏调宽

它增加了什么

- 在“设置 → 插件 → Composer 布局”中选择底部、右侧或自动布局。自动模式按会话主区域的宽高比切换,阈值范围为 0.5–2,默认为 1;使用右侧布局还需满足两栏的最小宽度。
- 停靠白条向左移,与 Composer 输入框边界留出距离;右侧布局下,分隔条也可以调整 Composer 栏宽度。宽度不足时,禁用的“右侧”选项会提示所需条件。
- 打开“记住当前会话布局”后,分别保存每个会话的布局,以及手动调整过的右侧栏宽度。
- 窗口装不下两个可用栏位时,暂时回到上下布局,同时保留布局手柄;宽度恢复后,记住的右侧布局会自动回来。
- 右侧布局中,打开模型、权限、上下文等 Composer 面板前会收起斜杠/引用候选,避免浮层互相遮挡;空间不足时,右栏第三方控件收进省略号浮层。
- 适配 DSH 的嵌套会话滚动容器,并在宿主容器与聊天区之间桥接滚动事件。已验证的范围与尚未完整复现的流结束时序问题见验收说明。

左右布局下,正文使用左栏的可用宽度,通过插件分隔条调整阅读空间。此时隐藏 DSH 原生的两条正文调宽手柄,避免它们覆盖 Composer;该模式不提供独立的正文留白调宽。切回底部布局后,原生手柄恢复,DSH 已保存的正文宽度偏好仍然保留。

本插件只负责界面布局,不新增面向模型的工具,不改变提示词或额度统计。

安装

从 npm 安装

npm 包包含预构建好的插件 bundle。稳定版、alpha 和旧版 DSH 分别与对应的插件版本配对,在 Chromium 和 WebKit 中测试。安装前请查阅版本配对与测试范围;已通过的 alpha 测试不代表未来 alpha 也兼容。旧版 DSH 用户仍可指定 dsh-composer-layout@0.1.12;当前 npm 版本可用 npm view dsh-composer-layout version 查询。

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

直接从 GitHub 安装

DSH 可以直接从 GitHub 仓库安装插件 bundle;新版本标签为 v0.1.16,针对 DSH 0.1.2-rc.1。旧版 DSH 用户仍可使用 v0.1.12 标签。

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

然后打开“设置 → 插件 → Composer 布局”,选择“右侧”。DSH 不会热重载 profile patch,安装后需要重启 Web profile。

仓库已经提交 GitHub 安装所需的 Host 与浏览器产物,安装过程不需要额外执行构建。可以用下面的命令确认 bundle 已写入目标 profile:

dsh --profile web --dump-config

更新

需要更新到 npm 渠道版本时,先用 npm view dsh-composer-layout version 确认版本,再执行:

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

依赖声明见 package.json,实际验证过的 DSH 版本见验收说明;DSH 兼容性工作流 会定期用当前 DSH 版本检查插件。

开发

仓库有意提交了 GitHub 安装需要的 lib/ 构建产物,插件实现由本仓库 src/ 自己维护。发布前运行 pnpm typecheck、pnpm build 和 pnpm test,并在匹配版本的干净 DSH checkout 中做一次实际检查。

相关链接

- DeepSeek Harness
- DSH 插件主题
- Awesome DSH Plugin
- DSH Market

许可证

MIT,详见 LICENSE。

上游仓库有新提交时邮件通知你(每天最多一封,无更新不打扰),随时一键退订。

💬 加入 DPharness 群聊

插件用法、部署报错、新插件第一时间同步——群里问,比一个人翻文档快。

点击加入 QQ 群
DPharness 群聊二维码,手机 QQ 扫码进群
扫码进群