@dsh-plugins/dsh-llm-hub 1.6.0 → 1.6.1

package/CHANGELOG.md

@@ -2,6 +2,15 @@
 
 本项目遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/)。
 
+## [1.6.1] - 2026-09-28
+
+### 🧹 去掉模型页底部的「热门大模型一键装配」，改为添加时按厂商匹配
+
+- 删掉页脚常驻的预设抽屉：它和用户正在配哪一家无关，读起来像一块广告
+- 改为在「添加提供方」里**选中某一家时**，草稿卡上只给匹配到的那一家一行提示：名称 · 推荐模型 · 获取 Key ↗；没匹配到的厂商不显示任何东西
+- 不再提供 YAML 模板：草稿卡本身就是配置表单，而模板根键（`minimax`）与目录 id（`minimax-cn`）对不上，复制过去反而误导
+- 修复：添加提供方时，只是选了下拉框就出现红字「llm-pi-ai 段里没有 "xxx" 这个 provider」。草稿态不再渲染原卡内容
+
 ## [1.6.0] - 2026-09-28
 
 ### ✨ 智能路由：组可排序 + 折叠摘要

package/lib/client.js

@@ -213,10 +213,6 @@ window.__ModuleLoader__.load({
 				heroFastest: '最优延迟',
 				heroSecurity: '凭据防护',
 				heroSecSafe: '零明文脱敏中',
-				presetsTitle: '⚡ 热门大模型一键装配',
-				presetsSub: '点击主流服务商快速复制 YAML 配置模板与直达控制台',
-				presetsCopied: '已复制配置片段',
-				presetsCopyBtn: '复制 YAML',
 				presetsDocsBtn: '获取 Key ↗',
 				usageTitle: '本月用量',
 				usageCalls: '次调用',
@@ -367,10 +363,6 @@ window.__ModuleLoader__.load({
 				heroFastest: 'Fastest ping',
 				heroSecurity: 'Key security',
 				heroSecSafe: 'Masked in memory',
-				presetsTitle: '⚡ Popular LLM Quick Presets',
-				presetsSub: 'One-click YAML config snippets and official key links',
-				presetsCopied: 'YAML snippet copied',
-				presetsCopyBtn: 'Copy YAML',
 				presetsDocsBtn: 'Get Key ↗',
 				usageTitle: 'This month',
 				usageCalls: 'calls',
@@ -685,17 +677,12 @@ window.__ModuleLoader__.load({
 				'.dsh-llm-hub-hero__card{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:6px;border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.02));backdrop-filter:blur(6px)}',
 				'.dsh-llm-hub-hero__num{font-size:15px;font-weight:700;color:var(--dsw-alias-label-primary);font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:-0.3px;line-height:1.2}',
 				'.dsh-llm-hub-hero__label{font-size:10.5px;color:var(--dsw-alias-label-secondary);opacity:.85}',
-				// 热门大模型一键装配 Hub
-				'.dsh-llm-hub-presets{display:flex;flex-direction:column;gap:6px;margin-top:10px;padding:8px 10px;border-radius:6px;border:.5px solid var(--dsw-alias-border-l1);background:transparent}',
-				'.dsh-llm-hub-presets__head{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;user-select:none}',
-				'.dsh-llm-hub-presets__title{color:var(--dsw-alias-label-primary);font-weight:600;font-size:12px;display:inline-flex;align-items:center;gap:5px}',
-				'.dsh-llm-hub-presets__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:6px;margin-top:6px}',
-				'.dsh-llm-hub-presets__item{display:flex;flex-direction:column;gap:3px;padding:6px 8px;border-radius:5px;border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2,rgba(255,255,255,.02));cursor:pointer;transition:all .15s ease}',
-				'.dsh-llm-hub-presets__item:hover{border-color:var(--dsw-alias-brand-primary,#3b82f6);transform:translateY(-1px);background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.05))}',
-				'.dsh-llm-hub-presets__name{font-weight:600;font-size:11.5px;color:var(--dsw-alias-label-primary)}',
-				'.dsh-llm-hub-presets__desc{font-size:10px;color:var(--dsw-alias-label-secondary);opacity:.75;line-height:1.3}',
-				'.dsh-llm-hub-presets__detail{margin-top:6px;padding:8px;border-radius:4px;background:var(--dsw-alias-bg-layer-3,rgba(0,0,0,.2));border:.5px solid var(--dsw-alias-border-l1);font-size:11px}',
-				'.dsh-llm-hub-presets__code{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;white-space:pre-wrap;color:var(--dsw-alias-label-secondary);margin:4px 0}',
+				// 添加提供方草稿卡上的匹配提示（1.6.0）
+				'.dsh-llm-hub-preset-hint{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:0 0 8px;padding:6px 10px;border-radius:6px;',
+				'border:.5px solid var(--dsw-alias-border-l1);font-size:11px;line-height:1.5}',
+				'.dsh-llm-hub-preset-hint__name{font-weight:600;color:var(--dsw-alias-label-primary)}',
+				'.dsh-llm-hub-preset-hint__desc{color:var(--dsw-alias-label-secondary);flex:1 1 auto;min-width:0}',
+				'.dsh-llm-hub-preset-hint__link{color:var(--dsw-alias-brand-primary,#3b82f6);text-decoration:none;white-space:nowrap}',
 				// 延迟高亮胶囊
 				'.dsh-llm-hub-latency-badge{display:inline-flex;align-items:center;gap:3.5px;padding:1px 5px;border-radius:3px;font-size:10.5px;font-variant-numeric:tabular-nums;line-height:1}',
 				'.dsh-llm-hub-latency-badge.is-fast{background:rgba(16,185,129,.08);color:var(--dsw-alias-state-success-primary,#10b981);border:.5px solid rgba(16,185,129,.2)}',
@@ -1543,45 +1530,45 @@ window.__ModuleLoader__.load({
 		const PRESETS = [
 			{
 				id: 'deepseek',
+				match: ['deepseek', 'llm-deepseek'],
 				name: '🇨🇳 DeepSeek 官方',
 				desc: 'V4.1 Flash / V4 Pro 极速官方直连',
-				docUrl: 'https://platform.deepseek.com/api_keys',
-				yaml: 'llm-deepseek:\n  keyPool:\n    llm-deepseek:\n      - name: "主账号"\n        env: DEEPSEEK_API_KEY\n  models:\n    - id: deepseek-flash\n      name: DeepSeek-V4.1-Flash\n    - id: deepseek-v4-pro\n      name: DeepSeek-V4-Pro'
+				docUrl: 'https://platform.deepseek.com/api_keys'
 			},
 			{
 				id: 'minimax',
+				match: ['minimax', 'minimax-cn'],
 				name: '⚡ MiniMax',
 				desc: 'MiniMax-M3 百万上下文超强大模型',
-				docUrl: 'https://platform.minimaxi.com/user-center/basic-information/interface-key',
-				yaml: 'minimax:\n  displayName: MiniMax\n  api: openai-completions\n  baseURL: https://api.minimaxi.com/v1\n  apiKeyEnv: MINIMAX_API_KEY\n  models:\n    - id: MiniMax-M3\n      name: MiniMax-M3\n    - id: MiniMax-M2.7\n      name: MiniMax-M2.7'
+				docUrl: 'https://platform.minimaxi.com/user-center/basic-information/interface-key'
 			},
 			{
 				id: 'zhipu',
+				match: ['zai-coding-cn', 'zai', 'zhipu'],
 				name: '🧠 智谱清言 GLM',
 				desc: 'GLM-5 / GLM-4.7 国内 Coding 利器',
-				docUrl: 'https://open.bigmodel.cn/usercenter/apikeys',
-				yaml: 'zai-coding-cn:\n  displayName: 智谱 GLM\n  api: openai-completions\n  baseURL: https://open.bigmodel.cn/api/paas/v4\n  apiKeyEnv: ZHIPU_API_KEY\n  models:\n    - id: glm-5-turbo\n    - id: glm-4.7'
+				docUrl: 'https://open.bigmodel.cn/usercenter/apikeys'
 			},
 			{
 				id: 'volc',
+				match: ['volcengine', 'volc', 'ark'],
 				name: '🌋 火山方舟 Ark',
 				desc: '字节豆包 Doubao-1.5 多模态矩阵',
-				docUrl: 'https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey',
-				yaml: 'volcengine:\n  displayName: 火山方舟\n  api: openai-completions\n  baseURL: https://ark.cn-beijing.volces.com/api/v3\n  apiKeyEnv: ARK_API_KEY\n  models:\n    - id: doubao-1.5-pro-32k\n    - id: doubao-1.5-lite-32k'
+				docUrl: 'https://console.volcengine.com/ark/region:ark+cn-beijing/apiKey'
 			},
 			{
 				id: 'siliconflow',
+				match: ['siliconflow'],
 				name: '🚀 硅基流动',
 				desc: 'SiliconFlow 聚合开源高性价比模型',
-				docUrl: 'https://cloud.siliconflow.cn/account/ak',
-				yaml: 'siliconflow:\n  displayName: 硅基流动\n  api: openai-completions\n  baseURL: https://api.siliconflow.cn/v1\n  apiKeyEnv: SILICONFLOW_API_KEY\n  models:\n    - id: deepseek-ai/DeepSeek-V3\n    - id: Qwen/Qwen2.5-72B-Instruct'
+				docUrl: 'https://cloud.siliconflow.cn/account/ak'
 			},
 			{
 				id: 'openrouter',
+				match: ['openrouter'],
 				name: '🌐 OpenRouter',
 				desc: '聚合全球 Claude / GPT / Gemini 全模型',
-				docUrl: 'https://openrouter.ai/keys',
-				yaml: 'openrouter:\n  displayName: OpenRouter\n  api: openai-completions\n  baseURL: https://openrouter.ai/api/v1\n  apiKeyEnv: OPENROUTER_API_KEY\n  models:\n    - id: anthropic/claude-3.7-sonnet\n    - id: deepseek/deepseek-r1'
+				docUrl: 'https://openrouter.ai/keys'
 			}
 		]
 
@@ -1621,58 +1608,52 @@ window.__ModuleLoader__.load({
 		}
 
 		/**
-		 * 热门大模型一键装配抽屉
+		 * 添加提供方时的匹配提示（1.6.0 起取代页脚的「热门大模型一键装配」抽屉）。
+		 *
+		 * 为什么改：抽屉常驻在模型页底部，和用户正在配哪一家毫无关系，读起来像一块广告。
+		 * 该出现的时机是「用户在添加提供方里选中了某一家」—— 宿主此时渲染草稿卡，并以
+		 * `configured: false` 派发 settings.models.provider-card（见宿主 slot-contract.d.ts）。
+		 * 于是只在这张卡上、只给匹配到的那一家一行：名称 · 推荐模型 · 获取 Key。
+		 * 不再给 YAML：草稿卡本身就是配置表单，而模板根键（minimax）与目录 id（minimax-cn）
+		 * 对不上，复制过去反而误导。没匹配到的厂商不渲染任何东西。
+		 *
+		 * @param {unknown} provider - 宿主传入的 entry 对象或 provider id 字符串。
+		 * @returns {object | undefined} 命中的预设。
 		 */
-		function QuickPresetsCard(props) {
-			const t = typeof props.t === 'function' ? props.t : fallbackT
-			const [expanded, setExpanded] = React.useState(false)
-			const [selected, setSelected] = React.useState(null)
-			const [copied, setCopied] = React.useState(false)
+		const presetFor = (provider) => {
+			const id = typeof provider === 'string' ? provider : (provider && typeof provider.provider === 'string' ? provider.provider : '')
+			return id === '' ? undefined : PRESETS.find((preset) => preset.match.includes(id))
+		}
 
+		function PresetHint(props) {
+			const t = typeof props.t === 'function' ? props.t : fallbackT
+			const preset = presetFor(props.provider)
+			if (preset === undefined) return null
 			ensureStyle()
+			return h('div', { className: 'dsh-llm-hub-preset-hint' },
+				h('span', { className: 'dsh-llm-hub-preset-hint__name' }, preset.name),
+				h('span', { className: 'dsh-llm-hub-preset-hint__desc' }, preset.desc),
+				h('a', {
+					href: preset.docUrl,
+					target: '_blank',
+					rel: 'noreferrer',
+					className: 'dsh-llm-hub-preset-hint__link'
+				}, t('presetsDocsBtn')))
+		}
 
-			const copyYaml = (e, yaml) => {
-				e.stopPropagation()
-				navigator.clipboard?.writeText(yaml).then(() => {
-					setCopied(true)
-					setTimeout(() => setCopied(false), 2000)
-				}).catch(() => {})
-			}
-
-			return h('div', { className: 'dsh-llm-hub-presets' },
-				h('div', {
-					className: 'dsh-llm-hub-presets__head',
-					onClick: () => setExpanded((prev) => !prev)
-				},
-					h('span', { className: 'dsh-llm-hub-presets__title' },
-						t('presetsTitle'),
-						h('span', { style: { fontSize: '10px', opacity: 0.6 } }, expanded ? ' ▲ 收起' : ' ▼ 展开模版')),
-					h('span', { className: 'dsh-llm-hub-subtext' }, t('presetsSub'))),
-				expanded ? h('div', { className: 'dsh-llm-hub-presets__grid' },
-					PRESETS.map((p) => h('div', {
-						key: p.id,
-						className: 'dsh-llm-hub-presets__item',
-						onClick: () => setSelected(selected?.id === p.id ? null : p)
-					},
-						h('span', { className: 'dsh-llm-hub-presets__name' }, p.name),
-						h('span', { className: 'dsh-llm-hub-presets__desc' }, p.desc)))) : null,
-				expanded && selected !== null ? h('div', { className: 'dsh-llm-hub-presets__detail' },
-					h('div', { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center' } },
-						h('span', { style: { fontWeight: '600' } }, `${selected.name} 配置模版`),
-						h('div', { style: { display: 'flex', gap: '6px' } },
-							h('button', {
-								type: 'button',
-								className: 'dsh-llm-hub-btn',
-								onClick: (e) => copyYaml(e, selected.yaml)
-							}, copied ? t('presetsCopied') : t('presetsCopyBtn')),
-							h('a', {
-								href: selected.docUrl,
-								target: '_blank',
-								rel: 'noreferrer',
-								className: 'dsh-llm-hub-btn',
-								style: { textDecoration: 'none' }
-							}, t('presetsDocsBtn')))),
-					h('pre', { className: 'dsh-llm-hub-presets__code' }, selected.yaml)) : null)
+		/**
+		 * 给 provider-card 组件套上草稿态行为。直接调用原组件（而不是 h(Card)），
+		 * 保证原组件的 hooks 挂在同一个组件上、调用顺序不变 —— 草稿保存后 configured
+		 * 翻成 true，同一个组件实例继续渲染，hook 数量不能变。
+		 *
+		 * 草稿态（configured === false）只给匹配提示、丢掉原卡输出：原卡此时去查一个
+		 * 还没写进配置的 provider，必然渲染红字「llm-pi-ai 段里没有 "xxx" 这个 provider」，
+		 * 用户只是选了一下下拉框，看到的却像报错（2026-09-28 浏览器实测）。
+		 */
+		const withPresetHint = (Card) => (props) => {
+			const card = Card(props)
+			if (props.configured !== false) return card
+			return PresetHint(props)
 		}
 
 		/**
@@ -2631,13 +2612,13 @@ window.__ModuleLoader__.load({
 				key: CARD_KEY,
 				locale: NS,
 				inject: () => ({ t, availability })
-			}, BalanceCard))
+			}, withPresetHint(BalanceCard)))
 			ctx.slots.inject('settings.models.provider-card', () => ctx.slots.register({
 				name: 'settings.models.provider-card',
 				key: PIAI_CARD_KEY,
 				locale: NS,
 				inject: () => ({ t, availability })
-			}, PiAiCard))
+			}, withPresetHint(PiAiCard)))
 			// settings.models.footer 的契约是 kind:'list'（见宿主 dsh-client-ui-settings-models
 			// 的 children 声明），list 类 slot 注册**必须带 id** —— 参照宿主自己的
 			// settings.onboarding 注册（id:'welcome-notice', order:-100）。
@@ -2651,13 +2632,6 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: () => ({ t, availability })
 			}, HeroOverviewCard))
-			ctx.slots.inject('settings.models.footer', () => ctx.slots.register({
-				name: 'settings.models.footer',
-				id: 'dsh-llm-hub-presets',
-				order: 65,
-				locale: NS,
-				inject: () => ({ t })
-			}, QuickPresetsCard))
 			ctx.slots.inject('settings.models.footer', () => ctx.slots.register({
 				name: 'settings.models.footer',
 				id: 'dsh-llm-hub-health',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dsh-plugins/dsh-llm-hub",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "description": "DSH 模型管理层：网关可达性探测、模型目录拉取、DeepSeek + MiniMax/智谱/Moonshot/StepFun 余额与配额、本月用量统计、余额预警、Provider 健康看板，再把本机装好的 codex / claude / agy 注册成子代理（装了才出现）。零运行时依赖，不改动 DSH 安装。",
   "type": "module",
   "main": "lib/index.js",