dsh-conversation-flat

中文 | English

把 DeepSeek Harness 的 Web 对话区从「居中窄气泡」改成「文档流」布局的纯 CSS 插件。

效果

默认	本插件
对话内容居中限宽（748px），两侧大片空白	对话列铺满整个内容区
用户消息是右对齐、限宽 525px 的聊天气泡	用户消息变成通栏浅色圆角条，文字靠左
AI 回复没有署名	回复上方显示灰色发送者标签 DeepSeek
Markdown 表格按内容收缩、漂浮在中间	表格撑满列宽、与文字左对齐
侧边栏列表底部悬浮一块突兀的渐变提示层	已移除，玻璃列平滑延伸到底部
——	会话小地图：消息区左侧竖向刻度尺，每条消息一个刻度（用户消息高亮），悬停显示预览、点击跳转、滑块实时跟随滚动位置

会话小地图（v0.2.0+）

• 每条消息一个刻度：用户消息为蓝色短线，AI 回复为灰色长线
• 悬停刻度弹出该条消息的文字预览（自动跳过思考过程和大表格）
• 点击刻度平滑滚动到对应消息；滑块实时反映当前视口位置
• 纯 DOM 实现，随消息流式输出自动更新，禁用插件即完整移除

纯 CSS 实现，不碰 JS、不碰 DOM 结构。所有样式通过 ctx.effect 注册，在插件设置里禁用/删除即可完整还原页面。已与 dsh-kimino-theme 等主题插件共存验证，颜色全部引用主题 token，自动适配深浅色主题。

安装

dsh plugin --profile web add github:Idreamxkl/dsh-conversation-flat

装完重启 dsh web（会话是持久化的，放心重启）。

卸载

• 临时关闭：设置 → 插件 → 禁用 dsh-conversation-flat
• 彻底删除：从 profile 的 package.json 删除对应依赖与 bundles 条目后执行 pnpm install（或直接 dsh plugin --profile web remove dsh-conversation-flat）

自定义

所有规则都在 bundle/client.js 里，每组规则前有注释说明作用对象。常用的改法：

• 觉得太宽？把「conversation column」规则里的 max-width: none 改成折中值（如 1400px）
• 不想要发送者标签？删掉「sender label」那组规则
• 用户消息条颜色深浅：调 color-mix() 里的 45%

兼容性与维护说明

适配 dsh 0.1.1-rc.2。选择器匹配 @deepseek-ai/dsh-client-ui-conversation 的 CSS-module 内容哈希（gdEzaW_、Sxvs8a_、Md3f7G_、_tableScroll_）。dsh 大版本更新后哈希可能变化，届时打开 bundle/client.js，按文件顶部维护注释重新对一次类名即可（几分钟的事）。注：社区主题插件（如 kimino-theme）同样硬编码这些哈希，这是 dsh 插件生态的通行做法。

表格那条规则的原理：dsh 渲染器会给表格打内联 max-width: max-content（可滚动表格模式），样式表的 !important 恰好能覆盖非重要的内联样式，因此表格永远撑满列宽。

English

A pure-CSS plugin that turns the DeepSeek Harness web conversation area from a centered narrow bubble layout into a document-flow layout: full-width content column, user messages as full-width neutral bars, a gray sender label above assistant replies, and markdown tables that stretch to fill the column.

Install, uninstall, and customization are described above (in Chinese; the commands are copy-paste ready). Compatible with dsh 0.1.1-rc.2; selectors match CSS-module content hashes of dsh-client-ui-conversation — see the maintenance note at the top of bundle/client.js after major dsh upgrades.

License

MIT