界面配方 Moolmool114/dsh-client-ui-recipes

dsh-client-ui-recipes

界面配方 — DeepSeek Harness 的一个 dsh.client 插件：让用户为对话界面定义可切换的显示方案（配方）——新建、编辑、应用、删除，每个配方控制一组视觉开关（回合时间线、正文结果面板、过程组聚合、思考区弱化、用户气泡色调、系统注入弱化、右侧目录面板）。

- 数据持久化在 Host 的 settings 文档（ui-recipes namespace，由本包 Host 半注册）；
- 当前配方经 body[data-ui-recipe-*] 属性驱动，每个开关的“关闭态”变体 CSS 随插件注入；未启用配方时，界面保持官方默认样式；
- 设置页挂载在 settings.section（id interface-recipes）。

English: README.md

效果预览

| 设置页 | 配方对比（default vs minimal） |
| 界面配方设置页 | default vs minimal |

特性

- 命名配方：可保存任意多套方案；应用 / 编辑 / 删除 / 即时切换（无需刷新）；
- 每个配方 7 个开关：回合时间线、正文结果面板、过程组聚合、思考区弱化、用户气泡色调、系统注入弱化、右侧目录面板；
- 内置 default（完整视觉）与 minimal（朴素平铺）；
- 主题自适应（亮/暗）、文案自适应（中/英），且完全可逆——移除插件后宿主界面原样。

文件

| 路径 | 说明 |
| src/index.ts | Host 半：注册 ui-recipes settings 分区 |
| src/client/index.ts | 浏览器半：词条、scope 绑定 + body 属性、设置页注册 |
| src/client/InterfaceRecipesSection.tsx | 设置页组件（列表 / 编辑 / 开关） |
| src/client/recipes.css | 全部开关的 OFF 变体（随插件全局注入） |
| src/recipe-settings.ts | 数据模型 + schemastery 双端 schema |

装配

在宿主组合（例如 dsh-web-app 的 cordis.patch.yml）里，与其它 dsh.client 插件一致：

- id: ui-recipes
name: '@deepseek-ai/dsh-client-ui-recipes'

运行时依赖

peer：@deepseek-ai/cordis、dsh-client-connection、dsh-client-runtime、dsh-client-locale、dsh-client-ui-settings、dsh-settings、schemastery。
inject：slots、locale、connection、remote、settingsScope。

构建与发布

- 作为 DSH monorepo 内插件：放入 packages/client/ui-recipes/，运行 pnpm run build:lib:client 产出 lib/index.js（Host 半）与 lib/client.js（浏览器半）；
- 作为独立仓库：本目录已可直接推送；如需从 npm 直接安装，请把 package.json 中的 workspace:^ 依赖改写为发布版本号（如 ^0.1.1-rc.2）并发布。

Topic

dsh-plugin、deepseek-harness、interface-recipes。

许可

MIT