READMESource: main@3b047b1e
dsh-codex-chat
给 DeepSeek Harness Web UI 的会话加轮次分隔和用户输入卡片的纯样式插件。
它解决什么
多轮长会话里,你的提问和 AI 的回答混在一起,轮次之间只有 6–12px 的间距,回头找不到「这一轮是从哪开始的」。这个插件做三件事:
- 轮次分隔 —— 每轮开头一条 1px 细线 + 36px 留白,让每一轮从视觉上重新起一段;
- 用户输入卡片 —— 你的消息变成贴右的蓝色卡片:16% 品牌蓝底、40% 蓝边、3px 实心右缘条、14px 圆角;
- AI 回答保持纯文本 —— 左对齐、无容器,和右侧卡片形成形态上的硬对比。
轮次之间的间距和卡片配色都跟随主题,深浅色主题都可用。
安装
本地目录安装(开发期):
dsh plugin --profile desktop add link:/absolute/path/to/dsh-codex-chat
装完重启 DSH Desktop(宿主在启动时读 profile,不会热加载新 bundle)。
卸载
dsh plugin --profile desktop remove dsh-codex-chat
然后重启。
原理
- 纯浏览器侧实现:宿主半只有空的
apply(),浏览器半在apply里插入一个<style>,由ctx.effect的清理函数负责移除; - 选择器只依赖宿主的契约属性
data-chat-flow-kind="user",以及_userRow/_userStack/_bubble三个 CSS Module 的类名后缀,不依赖任何构建 hash; - 颜色全部由
color-mix()从主题 token 派生,不写死主题色。
为什么不用 --dsw-alias-brand-primary
这个 token 在默认深色主题里指向 --dsw-static-neutral-bluish-1000(接近白),直接拿来做强调色只会得到一张灰白卡片。真正的蓝是 --dsw-alias-brand-primary-new-colorprimary-new-color: #4176e6,插件用的是后者,并把 #4176e6 作为 fallback。
兼容性
实测环境:DSH Desktop 2.0.18 / dsh 0.2.1-rc.2 / Windows。
已知限制
- 依赖
_userStack/_bubble等类名后缀。上游若重命名这些 CSS Module,卡片样式会失效并退回原生气泡(不会报错、不会影响功能); - 只调整样式,不改动任何行为、不读写会话数据;
- 未在浅色主题下逐项校对过观感。
License
MIT
No comments yet. Be the first to write one.