模型品牌标识 zhangyongshuai56-hub/dsh-model-picker-brand

Social preview

dsh-model-picker-brand

在 DeepSeek Harness 模型选择器里显示服务商 logo 和模型 ID。

输入框的模型选择器平时只显示一行文字——DeepSeek-V4.1-Flash。这个插件给每个模型前面加上品牌 logo，并在名称旁边补上模型 ID，让你一眼看出模型属于哪个服务商、走的是哪条具体路由。

零内核改动：它只往官方插槽 conversation.input.model.label 注册一个标签装饰器。停用插件，选择器就和原版一模一样。

- 22 个品牌标识——彩色矢量图，明暗两套主题，14px 和 16px 均已验证
- 注册表驱动匹配——按服务商 id、显示名称（含中文）或模型前缀匹配；认不出的服务商显示首字母字母标，不会错挂别家的 logo
- 绝不弄坏选择器——每个标签都在 try/catch 里渲染，出错就回退到 model.name

Dark and light themes at the real picker sizes

安装

从插件向导安装

打开 Settings → Plugins → Add plugin，搜索 dsh-model-picker-brand，点 Install。

用 dsh 命令行安装

dsh plugin --profile web add dsh-model-picker-brand

直接从本仓库安装，不走 npm：

dsh plugin --profile web add github:zhangyongshuai56-hub/dsh-model-picker-brand

更新

dsh plugin --profile web update dsh-model-picker-brand@latest

重启（或热重载）一次宿主。卸载时删掉 bundle 条目即可——不会写入别的东西。

要求：dsh >= 0.2.1-rc.2。无需构建步骤，无运行时依赖。

中文说明

输入框的模型选择器从「纯文本模型名」改为「服务商彩色 logo + 模型 ID」：触发按钮显示 [logo] 模型ID，菜单项与列表项显示 [logo] 名称 + 灰色模型 ID。零内核改动——只往官方插槽 conversation.input.model.label 注册标签装饰器（priority −10 接管渲染），停用插件即恢复原样。

安装：dsh plugin --profile web add dsh-model-picker-brand，重启生效。

变化一览

| 位置 | 之前 | 之后 |
| 输入框触发按钮 | DeepSeek-V4.1-Flash | [logo] deepseek-flash（紧凑，ID 在前） |
| 菜单「Model」行 | DeepSeek-V4.1-Flash | [logo] DeepSeek-V4.1-Flash deepseek-flash |
| 模型列表项 | DeepSeek-V4.1-Flash | [logo] DeepSeek-V4.1-Flash deepseek-flash |
| 未知服务商 | 纯文本 | 彩色标签里的首字母字母标 |

鼠标悬停任意标签，会以 name · id 作为标题提示。

工作原理

官方选择器渲染每个模型标签时都会走一个插槽：

renderSlot("conversation.input.model.label",
{ provider, model, placement, selected },
{ fallback: model.name })

placement 取值为 "trigger" | "menu" | "option"。本插件在该插槽上注册一个装饰器，优先级为 −10；插槽注册表渲染优先级最低的那个，因此它接管了标签，同时不改动 @deepseek-ai/dsh-client-ui-model-selection。官方徽章插件（dsh-client-ui-deepseek-model-label-1017）也在优先级 0 注册，本插件启用期间它会被遮蔽——禁用本插件，它就原样恢复。

每个标签都包在 try/catch 里：任何意外结构都会回退到 model.name，所以选择器绝不会因为本插件而渲染失败。

品牌匹配

一张扁平的 id → icon 映射表，在服务商发布第二个 id 的那一刻就失效了（zhipu / z-ai / glm / zcode 是同一家厂商）。所以改用注册表驱动匹配——每个品牌带三类线索，按置信度依次尝试：

| 顺序 | 线索 | 示例 |
| 1 | override（localStorage） | {"some-new-provider":"zhipu"} —— 无需改代码 |
| 2 | provider.id 上的 token | zhipu zhipuai z-ai zai glm zcode bigmodel chatglm；按分隔符切分，长 token 优先 |
| 3 | provider.name 上的 name（含中文） | 智谱 智谱清言 通义千问 月之暗面 阿里云 豆包 |
| 4 | model 前缀（最弱） | glm-4.6 → Zhipu，claude-3-7 → Claude，gpt-4o → OpenAI，gemini-2.5 → Gemini |
| 5 | 无匹配 | 首字母字母标——绝不会用别家厂商的 logo |

不用等发版就能修正某个服务商：

localStorage.setItem('dsh.model-picker-brand.overrides', JSON.stringify({ 'my-provider': 'zhipu' }))

在浏览器控制台调试：dshModelPickerBrand.resolve({ id: 'zai' })。

资源与主题

22 个品牌：彩色矢量图来自 svgl，缺口由 simple-icons（CC0）补齐。所有商标归其所有者所有；这些标识仅用于标明模型来自哪项服务。

- 单色标识（Anthropic、OpenAI、Ollama、Qwen、OpenRouter）转为 currentColor，跟随明暗主题。
- 彩色标识（DeepSeek、Claude、Gemini、Mistral、NVIDIA、Kimi、Cloudflare）保留真实颜色；白色细节保持白色，所以蓝底白字的图标不会变成一团黑。
- Z.ai / Zhipu 使用 z.ai 的官方 logo（#2D2D2D 底 + 白色细线 + 白色 Z）。正是那条细线让它在深色主题下 14px 时依然清晰可读。
- 根 的 fill/stroke 下推到 <g> 里；渐变 ID 按品牌加命名空间，内联 SVG 之间不会互相重绘。

开发

npm test # 42 cases: id variants, Chinese names, model inference, fallback, overrides

测试通过一个桩 ModuleLoader 加载 lib/client.js，然后断言解析器——离线运行，不需要宿主。

lib/index.js 宿主端 —— 一条状态路由（/dsh-model-picker-brand/status） lib/client.js 浏览器端 —— 标签装饰器与内置矢量图 cordis.patch.yml 挂载插件的 bundle 补丁 tests/resolve.test.mjs

发布由 CI 通过 npm 可信发布（OIDC，无需 token）完成，并附带 SLSA 来源声明：推送 v* 标签会依次运行 npm run check、npm test，然后执行 npm publish --provenance。详见 .github/workflows/publish.yml。

许可证

MIT。品牌标识归各自所有者所有。