模型卡片网格 anonamerjaxon-dev/dsh-model-grid

dsh-model-grid

把 DeepSeek Harness 里的编辑器模型选择器，从一长串每行一个的列表，改成按服务商分组的响应式卡片网格。

| 改前 | 改后 |
| before | after |

功能

- 响应式网格。 弹窗能放下几列就排几列（auto-fill），最少一列，窄窗口下也能自然降级。
- 按服务商分组。 每个服务商各占一个区块，服务商标题横跨整行。
- 两种选择器都能用。 既支持自带的 dsh-client-ui-model-selection 下拉菜单，也支持第三方 dsh-peakrate 的模型菜单（装上它就会替换自带的触发按钮）。样式表不依赖这两个插件中的任何一个。
- 可配置。 宽度、卡片宽度、间距、高度上限，以及是否隐藏冗长的价格倒计时。
- 仅主机侧，升级安全。 通过 webserver/index-inject 事件，把一段 注入页面 。不重新构建客户端 bundle，所以 DSH 升级后照样能用。
- 无运行时依赖。

支持的选择器

| 选择器 | 识别依据 | 说明 |
| 自带 dsh-client-ui-model-selection | [data-menu-group] 区块、[role="menuitemradio"] 按钮 | 用属性选择器，所以 CSS module 的哈希类名不影响匹配。 |
| dsh-peakrate 模型菜单 | .dsh-peakrate-ms-menu、.dsh-peakrate-ms-group、.dsh-peakrate-ms-option | 可选；本插件从不依赖它。 |

规则做了作用域限定，peakrate 菜单里那个两格的根面板（Model / Reasoning effort）保持原来的窄宽度——只加宽分组后的模型列表。

安装

这是一个 DSH 配置档插件。它只跑在主机侧，而 Web UI 必须位于 bundle 层才能显示，所以要写进 dsh.profile.bundles。

1. add the dependency to a profile
dsh plugin --profile web add github:anonamerjaxon-dev/dsh-model-grid

2. add "dsh-model-grid" to dsh.profile.bundles in
~/.dsh/profiles/web/package.json, then restart the profile
dsh web

想用本地检出：

dsh plugin --profile web add link:/path/to/dsh-model-grid

然后把同样的 "dsh-model-grid" 条目加进 dsh.profile.bundles，重启。

必须重启配置档：主机侧插件在启动时加载，样式表在页面被服务时注入。

配置

选项通过插件条目的 config 传入，与默认值合并。

| 键 | 默认值 | 说明 |
| maxWidth | 900 | 弹窗宽度的硬上限，单位 CSS px（限制在 240–4000）。 |
| minCardWidth | 200 | 模型卡片的最小宽度，单位 CSS px（限制在 80–1200）。 |
| gap | 6 | 卡片之间的间距，单位 CSS px（限制在 0–64）。 |
| maxHeightVh | 76 | 弹窗高度上限，单位 vh（限制在 20–100）。 |
| hideCountdown | true | 隐藏价格徽章里那串长长的「· 14h 23m」倒计时。 |
| enabled | true | 设为 false 时不注入任何内容。 |

示例 —— 写在配置档的 cordis.patch.yml 里：

- insert:
- id: model-grid
name: 'dsh-model-grid'
config:
maxWidth: 1100
minCardWidth: 180
hideCountdown: false

工作原理

1. apply(ctx, config) 监听宿主发出的 webserver/index-inject 事件。
2. 每次 index 响应时，监听器推入一行 { kind: "style", text }。
3. DSH 把这行渲染成 里的 块。

CSS 在注入时由 css.js 现场生成，所以没有文件 I/O，也没有需要同步的东西。buildCss() 对外导出，并且脱离宿主单独做了单元测试。

兼容性

- DeepSeek Harness 0.2.1-rc.2（在 package.json → dsh.compatibility 中声明）。
- Node.js >= 22。
- 不需要打包器，也没有客户端构建步骤。

开发

git clone https://github.com/anonamerjaxon-dev/dsh-model-grid.git
cd dsh-model-grid
node --test

测试套件覆盖配置默认值与取值限制、两套选择器集合、倒计时开关，以及注入表。

维护者：提交到注册表

在 awesome-dsh-plugin 注册表里上架，只需一个单文件 PR。scripts/ 下的辅助脚本能自动完成：

scripts/submit-to-market.sh --dry-run # validate, change nothing
scripts/submit-to-market.sh # open the PR
scripts/schedule-submit.sh # one-shot launchd timer for the first eligible moment
scripts/schedule-submit.sh --uninstall # remove the timer

注册表的 CI 强制要求仓库至少存在 1 天，schedule-submit.sh 等的正是这个条件。详见 scripts/README.md。

许可证

MIT © 2026 Jackson Yao