Web UI 输入框展开/收起:composer 工具行新增 ⬆/⬇ 按钮,一键把输入框扩大到 70vh 高度,方便写长 prompt。
安装
# npm 包(预构建)
dsh plugin --profile web add dsh-composer-expand
# GitHub 源码(首次需按提示配置 allowBuilds 构建授权后重试)
dsh plugin --profile web add github:13071301808/dsh-composer-expand
装任何插件都等于在你的机器上跑第三方代码,权限和你本人一样大——能读你的文件、用你的凭据、访问网络,工具审批管不到它。GitHub 来源的插件还会在安装时执行构建脚本——pnpm 默认拦截,所以安装可能停在 ERR_PNPM_GIT_DEP_PREPARE_NOT_ALLOWED 或 ERR_PNPM_IGNORED_BUILDS;dsh 会打印出需要添加的确切键名,把它加进该 profile 的 pnpm-workspace.yaml 的 allowBuilds 下,重跑一次即可装上。放行构建本身就是一次信任判断:请只安装可信来源,并尽量锁定 commit(github:owner/repo#sha)。
README
为 DeepSeek Harness(dsh)打造的 composer 展开/收起插件。在 composer 工具行放一个 ⬆/⬇ 按钮,点击在「默认封顶高度」与「70vh 高书写视图」之间切换,长草稿不再挤在一个小窗口里滚动。
为什么需要
DSH 默认把 composer 文本框封顶在一个较小高度(seat 上定义了 --dsh-composer-text-max-height: 336px,限制文本框滚动容器)。草稿变长后,只能在小窗口里滚动几行。本插件对短草稿保持默认行为,写长 prompt 时一键切换到大视图。
功能
- ⬆ 按钮在 composer 工具行 — 位于
conversation.input.right(发送按钮旁官方预留的可点击控件位)。 - 展开到 70vh — 在会话滚动容器上切换 CSS class;composer 输入区同步放宽
max-height。再点一次恢复默认封顶高度。 - 展开最小高度 300px — 输入内容较少时也保持足够的书写空间;内容变多后最高仍受
70vh限制。 - 展开状态回车换行 — 展开时普通回车只插入换行,不触发发送;
Ctrl/Cmd + Enter等带修饰键快捷键仍可用于发送;斜杠 / @ 触发菜单打开时不拦截,回车正常选候选。 - 浏览器内持久化 — 状态写入
localStorage[dsh-composer-expand:expanded],刷新页面、切换工作区都保留。 - 展开状态自愈 — 展开期间监听 DOM 重建:即使 harness 重建了会话滚动容器或 composer 卡片(切视图、切会话),展开样式与"回车换行"行为也会自动重新应用到新的输入框上。
- 中英文双语 — 按钮文案与提示跟随 DSH 的
locale服务。 - 纯前端 — 无自定义协议、无 host 命令、无 LLM 调用、不进会话日志。
- 不依赖构建哈希 — CSS 锚定 DSH 稳定的 data 属性(
data-conversation-scroll/data-composer-seat/data-input-scroll/data-composer-input,并保留 textarea 时代的data-input-mirror),同时兼容 Lexical 编辑器与旧 textarea 两代 composer,不碰每次构建都会变的哈希类名。 - Lexical composer 适配 — 桌面版 0.1.2-alpha.1+ 的 composer 已换成 Lexical contenteditable:本插件改用 composer seat 上的 capture 阶段 keydown 拦截普通回车(先于 Lexical 的 bubble 监听),展开时回车仍是换行而不是发送。
安装
通过 npm 安装(推荐)
dsh plugin --profile web add dsh-composer-expand
已发布到 npm,包含预构建产物,无需本地构建。
源码本地开发
dsh CLI 必须在 PATH 上。若你只用 npx 跑过 harness,dsh 尚未全局安装,会报 zsh: command not found: dsh——先全局安装:
npm install -g @deepseek-ai/dsh
从本仓库安装:
# 1. 构建产物(tsdown 生成 lib/index.js + lib/client.js)
pnpm install
pnpm build
# 2. 加入 web profile
dsh plugin --profile web add ./
# 3. 以该 profile 重启 harness
dsh --profile web
重启后 ⬆ 按钮出现在 composer 工具行(发送按钮旁)。可在 设置 → 插件 中确认 dsh-composer-expand 已列出。
工作原理
| 环节 | 机制 |
|---|---|
| 按钮位 | conversation.input.right 列表槽位(会话作用域);ctx.slots.inject 注册单个 React 组件 |
| 切换状态 | React useState,初始值读 localStorage[dsh-composer-expand:expanded];变更时写回 localStorage |
| DOM 挂钩 | document.querySelector('[data-conversation-scroll]').classList.toggle('dsh-composer-expand-on', on) — 会话滚动容器上的官方稳定属性 |
| CSS 契约 | .dsh-composer-expand-on 在 [data-composer-seat] 上覆盖 --dsh-composer-text-max-height(真正的 336px 上限)为 var(--dsh-composer-expand-height)(默认 70vh),并给 [data-input-mirror] 设 min-height: 300px,即使内容很少输入框也会明显变高 |
| 硬依赖 | export const inject = ['slots', 'locale'] — 均为官方 harness 客户端服务 |
| 无 host 命令 | lib/index.js 是空 apply(),整个插件纯客户端 |
构建
pnpm install
pnpm build # tsdown: lib/index.js(ESM host)+ lib/client.js(ModuleLoader 客户端 bundle)
已知限制
- 状态按浏览器记忆,不按会话。DSH 同一时刻只渲染一个 composer,目前无感知差异;若未来同时渲染多个,需要收窄 DOM 选择器。
- 展开高度固定为
70vh。未来版本可在设置卡片里提供高度滑块。 --dsh-composer-text-max-height(336px)是 DSH 的设计选择。本插件只放宽 composer 文本框容器,不影响其他 disclosure 行。
DSH STORE 兼容与权限声明(供自动复检读取)
- Node.js:
^22.19.0 || >=24.0.0(见package.json engines)。 - DSH 范围:
>=0.1.0-rc.7 <0.3.0;逐版本结论见package.json → dsh.compatibility.dshReleases,官方最新三版(当前0.2.1-alpha.1 / alpha.2 / alpha.3,另前瞻声明alpha.4)均为compatible。 dshOperations诚实声明为unknown:尚未提供一次性 Profile 的安装/启动/卸载/回滚证据,不虚构passed。- 依赖:
peerDependencies仅@deepseek-ai/cordis ^4.0.1与react ^18.2.0(由 harness 提供,不打包);客户端仅使用官方slots、locale服务,dsh.client.inject仅声明@deepseek-ai/dsh-client-ui-conversation;无preinstall/install/postinstall/prepare生命周期脚本。 - 权限:无文件、无网络、无命令、无凭据访问;仅写浏览器
localStorage[dsh-composer-expand:expanded](插件私有展开状态),以及对[data-conversation-scroll]/[data-composer-seat]的 DOM class 与 capture 阶段 keydown 监听。无外部服务、无 host 命令、无 LLM 调用、不写会话日志。 - Entry IDs:仅新增自有 ID —— Bundle Patch 插入
composer-expand,客户端slots.register为conversation.input.right / composer-expand;不替换、不禁用任何@deepseek-ai/*官方包或受保护 entry。 - 失败边界:
localStorage不可用(隐私模式)则回落为默认收起;找不到 DOM 锚点则 no-op;locale注册失败则回落英文并console.error;卸载时 loader 移除插件自有<style>,observer disconnect 并移除已加 class。
License
MIT
链接
同类插件
zhu1090093659/dsh-web#packages/dsh-task-board★ 10379
侧边栏多列任务看板:卡片交给真实 DSH 智能体会话执行,支持 cron 定时(Host 侧到点执行,关浏览器也生效)。
zhu1090093659/dsh-web#packages/dsh-web-all★ 10379
DSH Web UI 插件与皮肤合集:任务看板、git 图、右侧面板、远程移动端 UI、桌宠、实时 token 统计与皮肤中心。
ccch1mneyyy/dsh-TUI★ 7602
Claude Code 风格全屏终端 UI:像素鲸鱼顶栏、实时工作状态行、思考流式展开。
MeteorNOX/DeepSeek-Balance-Whale-Widget★ 7173
右下角常驻的小鲸鱼挂件:余额、今日已用与每轮对话消耗(含峰谷价),余额预警与今日预算的泡泡内容都可编辑;泡泡点击序列模块化自定义,支持并列加权 A/B、随机台词与随机图片;内置 30+ 厂商模板(OpenAI / OpenRouter / Kimi / 硅基流动 / 方舟 / 智谱 / MiniMax 等),按模型查余额与订阅额度;另有任务结束音效、导入音频、自定义角色与资源管理。数据全在本机,无遥测。
omdsh-dev/DSH-better-sidebar★ 5118
侧边栏完整工作台:内置文件渲染编辑、终端、Git 与子代理,支持三方插件注册新 Tab。
Devin-AXIS/deepseek-design#deepseek-idesign★ 1813
可视化设计工作室,支持网站、App 原型、海报、信息卡、报告和杂志的模板创建、元素编辑、选区级 AI 草稿衔接与导出。
社区评论
评论公开保存在 GitHub Discussions。加载评论会连接 GitHub 和 Giscus;发表内容需要 GitHub 账号。