@dsh-plugins/dsh-llm-hub 1.8.0 → 1.9.1

package/lib/client.js

@@ -417,7 +417,7 @@ window.__ModuleLoader__.load({
 		 * 全局别名表 —— 启动时拉一次，所有组件共用。
 		 *
 		 * 数据来源 `GET /api/dsh-llm-hub/aliases`：返回 `{ ok, aliases: { "<provider>/<model>": "短名" } }`。
-		 * 启动后注入一次，所有 picker 行、RoutingCard 候选都用它把长 id 翻成短名。
+		 * 启动后注入一次，所有 picker 行都用它把长 id 翻成短名。
 		 * 失败/未配置：aliasesMap = {}，aliasFor 永远返 null，UI 退回到只显示 model.id
 		 * （与没装本插件时一致）。
 		 *
@@ -602,41 +602,27 @@ window.__ModuleLoader__.load({
 				// 健康看板：样式保留以兼容
 				'.dsh-llm-hub-health{display:none}',
 				// 当前路由卡
-				'.dsh-llm-hub-routing{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;',
 				'font-size:11.5px;line-height:16px;color:var(--dsw-alias-label-secondary)}',
-				'.dsh-llm-hub-routing__head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}',
-				'.dsh-llm-hub-routing__title{color:var(--dsw-alias-label-primary);font-weight:600}',
-				'.dsh-llm-hub-routing__active{color:var(--dsw-alias-label-primary)}',
-				'.dsh-llm-hub-routing__rows{display:flex;flex-direction:column;gap:2px}',
-				'.dsh-llm-hub-routing__row{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:2px 4px}',
-				'.dsh-llm-hub-routing__role{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:18px;padding:0 6px;white-space:nowrap;',
 				'border-radius:3px;border:.5px solid var(--dsw-alias-border-l2);',
 				'background:transparent;font-size:10.5px;color:var(--dsw-alias-label-secondary);transition:all .15s ease}',
 				// 主力：品牌色徽标，与兜底行的中性色拉开差距
-				'.dsh-llm-hub-routing__role.is-primary{',
 				'color:var(--dsw-alias-brand-primary,#3b82f6);',
 				'border-color:var(--dsw-alias-brand-primary,#3b82f6);',
 				'background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.06));font-weight:600}',
-				'.dsh-llm-hub-routing__name{color:var(--dsw-alias-label-primary);font-weight:600}',
 				// capability 标识：思考 / 多模态。两枚 chip 同形，左思考、右图像；
 				// 边色走 state 提示色，跟健康状态 chip 区分开 —— 一个说「能干什么」，
 				// 一个说「能不能用」。
-				'.dsh-llm-hub-routing__reasoning,.dsh-llm-hub-routing__multimodal{',
 				'display:inline-flex;align-items:center;justify-content:center;height:18px;min-width:20px;padding:0 3px;',
 				'border-radius:3px;font-size:10px;line-height:14px;font-weight:500;',
 				'background:transparent;cursor:help}',
 				// 思考：走 warn 主题色（消耗更多 token、需要警觉）
-				'.dsh-llm-hub-routing__reasoning{',
 				'border:.5px solid var(--dsw-alias-state-warn-primary);',
 				'color:var(--dsw-alias-state-warn-primary)}',
 				// 多模态：走 success 主题色（输入更丰富 = 好）
-				'.dsh-llm-hub-routing__multimodal{',
 				'border:.5px solid var(--dsw-alias-state-success-primary);',
 				'color:var(--dsw-alias-state-success-primary)}',
-				'.dsh-llm-hub-routing__suggestion{color:var(--dsw-alias-state-warn-primary);padding-top:2px}',
-				'.dsh-llm-hub-routing__reason{font-size:10.5px;line-height:1.5;color:var(--dsw-alias-label-tertiary);padding-top:2px}',
 				// composer 快切 chip（conversation.input.left）
 				'.dsh-llm-hub-route{position:relative;display:inline-flex}',
 				'.dsh-llm-hub-route__btn{box-sizing:border-box;display:inline-flex;align-items:center;gap:4px;height:22px;',
@@ -669,103 +655,44 @@ window.__ModuleLoader__.load({
 				'.dsh-llm-hub-route__order{font-size:10px;color:var(--dsw-alias-label-secondary);',
 				'font-family:ui-monospace,SFMono-Regular,monospace;word-break:break-all;line-height:1.4}',
 				// 智能路由编辑器（设置页路由卡）
-				'.dsh-llm-hub-routing__modes{display:flex;gap:4px;margin-left:auto}',
 				// 规则说明：去掉盒子背景，只留淡灰单行注脚，视觉权重要低于第 2 行「将路由到…」
-				'.dsh-llm-hub-routing__rule{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:10.5px;line-height:1.5;',
 				'color:var(--dsw-alias-label-tertiary);padding:0}',
-				'.dsh-llm-hub-routing__rule-tag{flex:none;font-weight:500;color:var(--dsw-alias-label-secondary)}',
-				'.dsh-llm-hub-routing__now{font-size:11px;color:var(--dsw-alias-label-primary);font-weight:600}',
-				'.dsh-llm-hub-routing__groups{display:flex;flex-direction:column;gap:6px;margin-top:8px}',
-				'.dsh-llm-hub-routing__group{border:.5px solid var(--dsw-alias-border-l1);border-radius:6px;padding:6px 8px;display:flex;flex-direction:column;gap:5px;transition:border-color .15s ease,box-shadow .15s ease}',
 				// 当前组：边框降一档 + 顶部 brand 细线高亮，替代原本的 warn 四边描边
-				'.dsh-llm-hub-routing__group.is-active{border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));box-shadow:inset 0 1px 0 var(--dsw-alias-brand-primary,#3b82f6)}',
-				'.dsh-llm-hub-routing__group-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}',
-				'.dsh-llm-hub-routing__group-toggle{display:inline-flex;align-items:center;justify-content:center;height:22px;padding:0 8px;margin-left:4px;',
 				'border:.5px solid var(--dsw-alias-border-l1);border-radius:4px;background:transparent;cursor:pointer;',
 				'font:inherit;font-size:11px;line-height:1;color:var(--dsw-alias-label-secondary);white-space:nowrap;transition:all .15s ease}',
-				'.dsh-llm-hub-routing__group-toggle:hover{color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1));background:var(--dsw-alias-bg-layer-2)}',
-				'.dsh-llm-hub-routing__group-order{display:flex;align-items:center;gap:2px;flex:none}',
-				'.dsh-llm-hub-routing__group-move{display:inline-flex;align-items:center;justify-content:center;width:18px;height:22px;',
 				'border:0;background:transparent;padding:0;cursor:pointer;font:inherit;font-size:12px;line-height:1;',
 				'color:var(--dsw-alias-label-tertiary);border-radius:3px;transition:all .15s ease}',
-				'.dsh-llm-hub-routing__group-move:hover:not(:disabled){color:var(--dsw-alias-label-primary);background:var(--dsw-alias-bg-layer-2)}',
-				'.dsh-llm-hub-routing__group-move:disabled{opacity:.25;cursor:default}',
-				'.dsh-llm-hub-routing__group-empty{font-style:normal;color:var(--dsw-alias-label-tertiary)}',
 				// 折叠行（1.6.2）：组名 + 「将路由到 X」+ 主力 + 兜底条数，一行读完。
 				// 组名给固定宽度，与下面展开态的 label 输入框同宽 —— 收起/展开时这一列不跳。
-				'.dsh-llm-hub-routing__group-name{flex:0 0 112px;min-width:0;overflow:hidden;text-overflow:ellipsis;',
 				'white-space:nowrap;font-size:11.5px;font-weight:600;color:var(--dsw-alias-label-primary)}',
-				'.dsh-llm-hub-routing__group-label{flex:0 0 112px;width:112px;box-sizing:border-box;height:22px;padding:0 8px;border-radius:5px;',
 				'border:.5px solid var(--dsw-alias-border-l1);background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);',
 				'font:inherit;font-size:11px;outline:none;transition:border-color .15s ease}',
-				'.dsh-llm-hub-routing__group-label:focus{border-color:var(--dsw-alias-brand-primary,#3b82f6)}',
 				// 允许换行，不允许截断（1.6.2 浏览器实测后改的）。设置内容区只有 564px，
 				// 扣掉序号/组名/两个按钮，摘要只剩 ~210px；而真实数据的 provider/model
 				// 要 200-215px —— 差的这几十像素，省不掉，只能换行。之前用 nowrap+ellipsis
 				// 把「→ modelgo-gateway/claude-sonnet-5」砍成「→ modelgo-gatewa…」，
 				// 砍掉的正好是判断路由结果最需要的那段：看不出是 sonnet-5 还是别的。
 				// 组头因此高一行，是「读得全」该付的代价。
-				'.dsh-llm-hub-routing__group-state{flex:1;min-width:0;font-size:10.5px;line-height:1.5;',
 				'color:var(--dsw-alias-label-secondary);display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}',
 				// 断行点放在 provider 与 model 之间的斜杠上：读起来是两条完整信息，
 				// 而不是把一个词从中间劈开。break-all 是兜底 —— provider id 里也有长词。
-				'.dsh-llm-hub-routing__group-would{font-weight:600;color:var(--dsw-alias-label-primary);',
 				'min-width:0;word-break:break-word;overflow-wrap:anywhere}',
 				// 可用/总：紧跟在「将路由到」后面，且**不参与压缩** —— 压它等于把
 				// 「还剩几个能兜」这个答案藏掉，而它只要 30px。
-				'.dsh-llm-hub-routing__group-count{flex:none;display:inline-flex;align-items:center;gap:3px;',
 				'color:var(--dsw-alias-label-tertiary);font-variant-numeric:tabular-nums}',
-				'.dsh-llm-hub-routing__group-count .dsh-llm-hub-routing__dot{margin:0}',
-				'.dsh-llm-hub-routing__candidates{display:flex;flex-direction:column;gap:3px;padding-top:2px}',
 				// 1.7.0 路由编辑器：序号徽标、编辑按钮、原地下拉、备注、放大的操作按钮、自动保存状态
-				'.dsh-llm-hub-routing__group-index{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:22px;border-radius:4px;',
 				'padding:0 6px;font-size:10.5px;font-weight:600;background:var(--dsw-alias-bg-layer-3,rgba(255,255,255,.08));color:var(--dsw-alias-label-secondary)}',
 				// 全组共用一张网格：行与 pick 都是 display:contents，列宽由整组一起决定 ——
 				// 各行自成网格时，右侧标签列按本行内容伸缩，模型下拉的右边缘每行都不一样（浏览器实测 908 vs 845px）。
-				'.dsh-llm-hub-routing-page{display:flex;flex-direction:column;gap:6px}',
-				'.dsh-llm-hub-routing-page__head{display:flex;align-items:center;justify-content:space-between;gap:12px}',
-				'.dsh-llm-hub-routing__group-delete{margin-left:4px;white-space:nowrap}',
-				'.dsh-llm-hub-routing-page__title{margin:0;font-size:18px;font-weight:600;color:var(--dsw-alias-label-primary)}',
-				'.dsh-llm-hub-routing-page__desc{margin:0 0 8px;font-size:12.5px;line-height:1.6;color:var(--dsw-alias-label-secondary)}',
-				'.dsh-llm-hub-routing__candidates{display:grid;grid-template-columns:40px minmax(0,1fr) minmax(0,1.3fr);gap:4px 6px;align-items:center}',
-				'.dsh-llm-hub-routing__candidates>:not(.dsh-llm-hub-routing__row){grid-column:1/-1}',
-				'.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__row,.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__pick{display:contents}',
-				'.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__role{grid-column:1;justify-self:start;margin-top:6px}',
-				'.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__pick .dsh-llm-hub-routing__select{width:100%;min-width:0;max-width:none;margin-top:6px}',
-				'.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__name{grid-column:2/4;min-width:0;margin-top:6px}',
-				'.dsh-llm-hub-routing__line2{grid-column:2/-1;display:flex;align-items:center;gap:6px;min-width:0}',
 				// 标签区给固定宽度并靠右：有无「思考/图像」标签的行，备注框都一样宽，右边缘对齐。
-				'.dsh-llm-hub-routing__meta{display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;white-space:nowrap;flex:none;width:78px}',
-				'.dsh-llm-hub-routing__dot{display:inline-block;flex:none;width:7px;height:7px;border-radius:50%;margin:0 2px;cursor:help;background:var(--dsw-alias-label-tertiary)}',
-				'.dsh-llm-hub-routing__dot--available{background:var(--dsw-alias-state-success-primary)}',
-				'.dsh-llm-hub-routing__dot--unavailable{background:var(--dsw-alias-state-error-primary)}',
 				// 半可用单独一色：全绿和全红之间还有「还剩几个」这个状态，
 				// 混成全绿会让人以为不用管，混成全红会误报故障。
-				'.dsh-llm-hub-routing__dot--degraded{background:var(--dsw-alias-state-warn-primary)}',
-				'.dsh-llm-hub-routing__candidates .dsh-llm-hub-routing__row .dsh-llm-hub-routing__note{flex:1 1 auto;width:auto;max-width:none;min-width:60px}',
 				// 同理固定宽度：主力行没有「设为主力」，按钮区只有 77px（其余 141px），备注右边缘会错开 64px。
-				'.dsh-llm-hub-routing__ops{display:inline-flex;justify-content:flex-end;gap:4px;white-space:nowrap;flex:none;min-width:141px}',
-				'.dsh-llm-hub-routing__note{box-sizing:border-box;height:22px;padding:0 8px;border-radius:4px;',
 				'border:.5px solid var(--dsw-alias-border-l1);background:transparent;color:var(--dsw-alias-label-secondary);',
 				'font:inherit;font-size:10.5px;flex:1 1 120px;min-width:90px;max-width:260px;outline:none;transition:border-color .15s ease}',
-				'.dsh-llm-hub-routing__note:focus{border-color:var(--dsw-alias-brand-primary,#3b82f6)}',
-				'.dsh-llm-hub-routing__note::placeholder{color:var(--dsw-alias-label-tertiary)}',
 				// 候选区是纵向 flex：note 的 flex-basis 120px 在这里会变成「高 120px」，组备注必须脱离 flex 伸缩。
-				'.dsh-llm-hub-routing__note--group{display:block;flex:none;width:100%;max-width:none;margin:2px 0 6px}',
-				'.dsh-llm-hub-routing__op{border:.5px solid var(--dsw-alias-border-l1);background:transparent;border-radius:4px;min-width:22px;height:22px;padding:0 6px;cursor:pointer;font:inherit;font-size:11.5px;color:var(--dsw-alias-label-secondary)}',
-				'.dsh-llm-hub-routing__op:hover:not(:disabled){color:var(--dsw-alias-label-primary);border-color:var(--dsw-alias-border-l2,var(--dsw-alias-border-l1))}',
-				'.dsh-llm-hub-routing__op:disabled{opacity:.3;cursor:default}',
-				'.dsh-llm-hub-routing__op--danger:hover:not(:disabled){color:var(--dsw-alias-state-error-primary)}',
-				'.dsh-llm-hub-routing__status{font-size:10.5px;color:var(--dsw-alias-label-tertiary)}',
-				'.dsh-llm-hub-routing__status.is-fail{color:var(--dsw-alias-state-error-primary)}',
-				'.dsh-llm-hub-routing__add{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:10.5px;color:var(--dsw-alias-label-secondary);padding-top:4px}',
-				'.dsh-llm-hub-routing__select{box-sizing:border-box;height:22px;padding:0 6px;border-radius:4px;border:.5px solid var(--dsw-alias-border-l1);',
 				'background:var(--dsw-alias-bg-layer-2);color:var(--dsw-alias-label-primary);font:inherit;font-size:11px;max-width:170px;outline:none;',
 				'transition:border-color .15s ease;cursor:pointer}',
-				'.dsh-llm-hub-routing__select:focus{border-color:var(--dsw-alias-brand-primary,#3b82f6)}',
-				'.dsh-llm-hub-routing__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:6px;border-top:.5px solid var(--dsw-alias-border-l1);margin-top:8px}',
-				'.dsh-llm-hub-routing__hint{font-size:10px;color:var(--dsw-alias-label-tertiary)}',
-				'.dsh-llm-hub-routing__mm{display:inline-flex;align-items:center;margin-left:4px;font-size:10px;cursor:help;',
 				'color:var(--dsw-alias-state-success-primary,#10b981)}',
 				// Hero 全景统计大横条
 				'.dsh-llm-hub-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;margin:12px 0 6px 0}',
@@ -1103,14 +1030,20 @@ window.__ModuleLoader__.load({
 						}, h(RefreshIcon, { spinning: isRefreshing }))
 					)
 				),
-				state.keys && state.keys.length > 1
+				state.keys && state.keys.length > 0
 					? h('div', { className: 'dsh-llm-hub-card__actions', style: { paddingTop: '3px' } },
 						h('div', { className: 'dsh-llm-hub-card__tags' },
-							state.keys.map((k, idx) => h('span', {
-								key: k.ref,
-								className: 'dsh-llm-hub-key-chip' + (k.isAvailable ? '' : ' is-down'),
-								title: `${k.ref}: ${k.isAvailable ? '正常' : (k.error || '不可用')}`
-							}, `Key ${idx + 1} (${k.keyMasked}): ${k.isAvailable ? (k.currency === 'USD' ? '$' : '¥') + k.total : '⚠️ 余额不足'}`))
+							state.keys.length > 1
+								? state.keys.map((k, idx) => h('span', {
+									key: k.ref,
+									className: 'dsh-llm-hub-key-chip' + (k.isAvailable ? '' : ' is-down'),
+									title: `${k.ref}: ${k.isAvailable ? '正常' : (k.error || '不可用')}`
+								}, `Key ${idx + 1} (${k.keyMasked}): ${k.isAvailable ? (k.currency === 'USD' ? '$' : '¥') + k.total : '⚠️ 余额不足'}`))
+								: h('span', {
+									className: 'dsh-llm-hub-key-chip',
+									style: { opacity: '0.8', fontSize: '11px' },
+									title: '已配置单 Key。如需多账号自由轮换，可在 apiKeyEnv 中配置多个环境变量名'
+								}, `🔑 单 Key: ${state.keys[0].ref || 'DEEPSEEK_API_KEY'} (${state.keys[0].keyMasked}) · 支持多 Key 自由轮换`)
 						)
 					)
 					: null
@@ -1680,7 +1613,20 @@ window.__ModuleLoader__.load({
 			const list = Array.isArray(availabilityState.providers) ? availabilityState.providers : []
 			const totalProviders = list.length
 			const readyProviders = list.filter((p) => p.state !== 'unavailable').length
-			const totalModels = list.reduce((acc, p) => acc + (typeof p.modelCount === 'number' ? p.modelCount : 0), 0)
+			// 统计可用模型数：只统计健康可用（ready）的 provider 下的模型，并对同名模型去重
+			const readyList = list.filter((p) => p.state !== 'unavailable')
+			const distinctModels = new Set()
+			for (const p of readyList) {
+				if (Array.isArray(p.modelIds)) {
+					for (const id of p.modelIds) {
+						if (typeof id === 'string' && id.trim() !== '') distinctModels.add(id.trim())
+					}
+				}
+			}
+			// 若返回的数据带 modelIds 则以去重后的数量为准；若仅有 modelCount 降级累加
+			const totalModels = distinctModels.size > 0
+				? distinctModels.size
+				: readyList.reduce((acc, p) => acc + (typeof p.modelCount === 'number' ? p.modelCount : 0), 0)
 
 			const latencies = list.map((p) => p.latencyMs).filter((l) => typeof l === 'number' && l > 0)
 			const minLatency = latencies.length > 0 ? Math.min(...latencies) : null
@@ -1765,28 +1711,60 @@ window.__ModuleLoader__.load({
 		 * 写操作 POST /routing/select。chip 显示「最近实际路由」—— smart 模式
 		 * 下模型下拉显示什么已经不重要，这里才是事实。
 		 */
-		function SmartRouteChip(props) {
+		/**
+		 * ProviderUsageChip —— composer 左端的信息位：当前供应商 · 当前模型 · 可用数 · 配额 · 本期用量。
+		 *
+		 * ## 为什么不是原来的「公司 / 个人」切换 chip（2026-10-09）
+		 *
+		 * owner 决定**去掉公司 / 个人分组与智能开关这一整块路由能力**，只保留主模型下拉链路。
+		 * 但那个位置不能留空 —— 它原来是高频入口，空出来等于聊天页少了一块状态。
+		 * 所以改成**只读的信息位**：显示当前实际在用的供应商与模型，以及它们的可用数、
+		 * 配额与用量；点开看详情。
+		 *
+		 * ## 三条数据通路都是现成的，不新造接口
+		 *
+		 *   ROUTING_STATE_URL   → 当前 provider/model（保留调用：路由能力去掉了，但
+		 *                         「现在实际在用哪个」这条信息它仍是唯一来源）
+		 *   AVAILABILITY_URL    → 可用数（截图里的「9/9 CLI」那类）
+		 *   BALANCE_URL         → 配额/余额（截图里的「54%」那类）
+		 *   USAGE_URL           → 用量汇总（详情浮层里的 tok / 请求数）
+		 *
+		 * ## 交互
+		 *
+		 * 点 chip 展开详情浮层，点外部或按 Esc 收起。**不做任何切换** —— 换模型走上面的
+		 * 主模型下拉，那是唯一的模型切换入口。留一个「能点但什么都不改」的入口是误导。
+		 */
+		function ProviderUsageChip(props) {
 			const t = typeof props.t === 'function' ? props.t : fallbackT
-			const [state, setState] = React.useState(null)
+			const [routing, setRouting] = React.useState(null)
+			const [availability, setAvailability] = React.useState(null)
+			const [balance, setBalance] = React.useState(null)
+			const [usage, setUsage] = React.useState(null)
 			const [open, setOpen] = React.useState(false)
-			const [busy, setBusy] = React.useState(false)
-			// 浮层根节点：判断「这次点击算不算点在浮层外面」要用它。
 			const rootRef = React.useRef(null)
+
+			// 一个 getJSON 收口：四条通路的失败模式完全一样（网关没起 / 未授权），
+			// 分开写四遍 try/catch 只是把同一个空状态抄四遍。
+			const getJSON = React.useCallback((url) => fetch(url, { headers: { accept: 'application/json' } })
+				.then((res) => (res.ok ? res.json() : null))
+				.then((body) => (body !== null && typeof body === 'object' && body.ok === true ? body : null))
+				.catch(() => null), [])
+
 			const query = React.useCallback(() => {
-				fetch(ROUTING_STATE_URL, { headers: { accept: 'application/json' } })
-					.then((res) => res.json())
-					.then((body) => { if (body !== null && typeof body === 'object' && body.ok === true) setState(body) })
-					.catch(() => {})
-			}, [])
+				getJSON(ROUTING_STATE_URL).then(setRouting)
+				getJSON(AVAILABILITY_URL).then(setAvailability)
+				getJSON(BALANCE_URL).then(setBalance)
+				getJSON(USAGE_URL).then(setUsage)
+			}, [getJSON])
+
 			React.useEffect(() => {
 				query()
 				const interval = setInterval(query, 30000)
 				return () => clearInterval(interval)
 			}, [query])
-			// 点浮层外面 / 按 Esc 收起来。少了这条，用户在浮层里做完选择后
-			// 手会先伸向输入框 —— 浮层却还盖在上面，不点第二次 chip 就挡着视线。
-			// 只在 open 时挂监听：关着的时候不留全局 handler。
-			// 必须写在下面那个 `state === null` 早返回之前 —— hooks 不能条件调用。
+
+			// 点浮层外面 / 按 Esc 收起 —— 与原 chip 同款手感。
+			// 只在 open 时挂监听；必须写在下面的早返回之前，hooks 不能条件调用。
 			React.useEffect(() => {
 				if (!open) return undefined
 				const onPointerDown = (event) => {
@@ -1802,89 +1780,114 @@ window.__ModuleLoader__.load({
 					document.removeEventListener('keydown', onKeyDown)
 				}
 			}, [open])
-			// 一个组都没有：chip 无事可做，不渲染（配置在 settings.yaml 里加）。
-			if (state === null || !Array.isArray(state.groups) || state.groups.length === 0) return null
+
+			// 四条通路都没回来 → 没东西可显示，别占位置。
+			if (routing === null && availability === null && balance === null && usage === null) return null
 			ensureStyle()
-			const activeGroup = state.groups.find((group) => group.id === state.activeGroup) ?? state.groups[0]
-			const isSmart = state.mode === 'smart'
-			const chipClass = [
-				'dsh-llm-hub-route__btn',
-				isSmart ? 'is-smart' : '',
-				busy ? 'is-busy' : ''
-			].filter(Boolean).join(' ')
-			const label = (activeGroup && (activeGroup.label ?? activeGroup.id)) ?? ''
-			const chipTitle = isSmart
-				? `${t('routeChipModeSmart')} · ${label} —— ${state.lastDecision?.to ? `${t('routeChipLastRoute')}: ${state.lastDecision.to.provider}/${state.lastDecision.to.model}` : t('routeChipFailOpen')}`
-				: `${t('routeChipModeManual')} · ${label}`
-			const select = async (patch) => {
-				setBusy(true)
-				fetch(ROUTING_SELECT_URL, {
-					method: 'POST',
-					headers: { 'content-type': 'application/json', accept: 'application/json' },
-					body: JSON.stringify(patch)
-				})
-					.then((res) => res.json())
-					// 选完即收：浮层是「选一个值」的一次性动作，不是常驻面板。
-					// 留着不关，用户会以为没点上，只能再点一次 chip 才收得回去。
-					// 写失败时**不关** —— 状态没变，收起来等于把失败藏了。
-					.then((body) => { if (body !== null && typeof body === 'object' && body.ok === true) { setState(body); setOpen(false) } })
-					.catch(() => {})
-					.finally(() => { setBusy(false); query() })
-			}
-			const stateText = (group) => {
-				if (group.wouldRoute) {
-					const next = `${group.wouldRoute.provider}/${group.wouldRoute.model}`
-					return group.reason !== null && group.reason !== undefined ? group.reason : `${t('routeChipWouldRoute')}: ${next}`
-				}
-				return group.reason ?? t('routeChipReasonNone')
-			}
-			const menu = open ? h('div', { className: 'dsh-llm-hub-route__menu' },
-				h('div', { className: 'dsh-llm-hub-route__modes' },
-					h('button', {
-						type: 'button',
-						className: `dsh-llm-hub-route__mode${isSmart ? ' is-on' : ''}`,
-						// 点当前已生效的那个模式：没有请求要发，但**照样收起浮层**。
-						// 否则「点了完全没反应」，用户会当成界面卡住反复点。
-						onClick: () => { if (isSmart) setOpen(false); else select({ mode: 'smart' }) }
-					}, `⚡ ${t('routeChipModeSmart')}`),
-					h('button', {
-						type: 'button',
-						className: `dsh-llm-hub-route__mode${!isSmart ? ' is-on' : ''}`,
-						onClick: () => { if (!isSmart) setOpen(false); else select({ mode: 'manual' }) }
-					}, t('routeChipModeManual'))),
-				...state.groups.map((group) => h('button', {
-					key: group.id,
-					type: 'button',
-					className: `dsh-llm-hub-route__group${group.id === state.activeGroup ? ' is-active' : ''}`,
-					onClick: () => {
-						const patch = { activeGroup: group.id }
-						if (!isSmart) patch.mode = 'smart'
-						select(patch)
-					}
-				},
-					h('span', { className: 'dsh-llm-hub-route__group-top' },
-						h('span', { className: 'dsh-llm-hub-route__group-name' }, group.label ?? group.id),
-						h('span', { className: 'dsh-llm-hub-route__state' }, stateText(group))),
-					// 顺序即优先级：把候选按组内顺序摊出来（① = 主力），让人一眼看到
-					// 「智能」到底怎么个智能法，而不是只有一个 wouldRoute 结果。
-					h('span', { className: 'dsh-llm-hub-route__order' },
-						(group.candidates ?? []).map((candidate, index) => `${index === 0 ? '①' : index === 1 ? '②' : index === 2 ? '③' : `(${index + 1})`}${candidate.provider}/${candidate.model}${candidate.state === 'unavailable' ? '✗' : ''}`).join(' → ')),
-					group.reason !== null && group.reason !== undefined && group.wouldRoute === null
-						? h('span', { className: 'dsh-llm-hub-route__hint' }, group.reason)
-						: null)),
-				h('div', { className: 'dsh-llm-hub-route__hint' }, t('routeRuleText'))) : null
-			return h('div', { className: 'dsh-llm-hub-route', ref: rootRef },
+
+			// 当前 provider/model：routing.active 优先（它是「现在真的在用哪个」）；
+			// 没有就退回 usage 里最近一条 —— 至少显示最近用过的，不至于空着。
+			const active = (routing && routing.active) || (usage && usage.latest) || null
+			const provider = (active && (active.provider ?? active.providerId)) || ''
+			const model = (active && (active.model ?? active.modelId)) || ''
+			if (provider === '' && model === '') return null
+
+			const availText = availabilitySummary(availability)
+			const quotaText = quotaSummary(balance)
+			const usageText = usageSummary(usage)
+
+			const parts = []
+			if (provider !== '') parts.push(provider)
+			if (model !== '') parts.push(model)
+			if (availText !== '') parts.push(availText)
+			if (quotaText !== '') parts.push(quotaText)
+			// 用量也进 chip 本体，不只放在详情浮层里 —— 你截图上那行本来就带着它。
+			// （漏了这一行是第一次跑测试时被抓出来的：usageText 算了却没进 parts。）
+			if (usageText !== '') parts.push(usageText)
+			const label = parts.join(' · ')
+
+			return h('div', { ref: rootRef, style: { position: 'relative' } },
 				h('button', {
 					type: 'button',
-					className: chipClass,
-					title: chipTitle,
-					onClick: () => { setOpen(!open); query() }
+					className: 'dsh-llm-hub-route__btn',
+					onClick: () => setOpen((v) => !v),
+					title: `${label} —— 点击查看详情`,
+					style: { cursor: 'pointer' },
 				},
-					h('span', { className: 'dsh-llm-hub-route__mark' }, isSmart ? '⚡' : '🧭'),
-					h('span', null, `${isSmart ? `${t('routeChipSmart')} · ` : ''}${label}`)),
-				menu)
+				h('span', { className: 'dsh-llm-hub-route__mark' }, '◈'),
+				h('span', { style: { marginLeft: '5px' } }, label)),
+				open && h('div', { className: 'dsh-llm-hub-route__menu' },
+					h('div', { style: { minWidth: '260px', padding: '10px 12px' } },
+						detailRows([
+							['供应商', provider],
+							['模型', model],
+							availText !== '' ? ['可用', availText] : null,
+							quotaText !== '' ? ['配额', quotaText] : null,
+							usageText !== '' ? ['用量', usageText] : null,
+							routing && routing.lastDecision && routing.lastDecision.to
+								? ['最近路由', `${routing.lastDecision.to.provider}/${routing.lastDecision.to.model}`]
+								: null,
+						]),
+						h('div', {
+							style: { marginTop: '8px', paddingTop: '8px', borderTop: '.5px solid var(--dsw-alias-border-l2)', fontSize: '11px', opacity: '.7' },
+						}, t('routeChipNoSwitch') || '模型切换请用上方主模型下拉'))))
 		}
 
+		/** 详情浮层的行：过滤掉 null，键值两列。 */
+		function detailRows(pairs) {
+			const rows = pairs.filter((p) => p !== null && p !== undefined && p[1])
+			if (rows.length === 0) return null
+			return h('div', { style: { display: 'grid', gridTemplateColumns: 'auto 1fr', gap: '4px 14px', fontSize: '12px' } },
+				rows.map((p, idx) => h(React.Fragment, { key: idx },
+					h('span', { style: { opacity: '.65' } }, p[0]),
+					h('span', { style: { fontFamily: 'var(--dsw-mono, monospace)' } }, String(p[1])))))
+		}
+
+		/** 可用数 → 「9/9」这类。拿不到就返回空串（不编数字）。 */
+		function availabilitySummary(body) {
+			if (!body) return ''
+			const list = Array.isArray(body.providers) ? body.providers : Array.isArray(body) ? body : null
+			if (list === null) {
+				const ok = body.available
+				const total = body.total
+				if (typeof ok === 'number' && typeof total === 'number') return `${ok}/${total}`
+				return ''
+			}
+			const ok = list.filter((p) => p && (p.state === 'available' || p.available === true)).length
+			return `${ok}/${list.length}`
+		}
+
+		/** 配额/余额 → 「54%」这类百分比。算不出就不显示。 */
+		function quotaSummary(body) {
+			if (!body) return ''
+			const used = Number(body.used)
+			const limit = Number(body.limit ?? body.quota ?? body.total)
+			if (Number.isFinite(used) && Number.isFinite(limit) && limit > 0) {
+				return `${Math.round((used / limit) * 100)}%`
+			}
+			if (typeof body.balance === 'number') return String(body.balance)
+			if (typeof body.remaining === 'string') return body.remaining
+			return ''
+		}
+
+		/** 用量 → 「948M tok」这类紧凑写法。没有就空串。 */
+		function usageSummary(body) {
+			if (!body) return ''
+			const total = Number(body.totalTokens ?? body.total_tokens)
+			if (Number.isFinite(total)) return `${compactTokens(total)} tok`
+			const reqs = Number(body.requests ?? body.requestCount)
+			if (Number.isFinite(reqs)) return `${reqs} 次`
+			return ''
+		}
+
+		/** token 计数压缩：948M / 12.3K / 456。 */
+		function compactTokens(n) {
+			if (!Number.isFinite(n)) return '0'
+			if (n >= 1e9) return `${(n / 1e9).toFixed(1)}B`
+			if (n >= 1e6) return `${(n / 1e6).toFixed(n >= 1e7 ? 0 : 1)}M`
+			if (n >= 1e3) return `${(n / 1e3).toFixed(n >= 1e4 ? 0 : 1)}K`
+			return String(n)
+		}
 		/**
 		 * 当前路由卡 —— 显示用户当前激活的 (provider, model) + 状态 + 推荐的 fallback。
 		 *
@@ -1906,523 +1909,6 @@ window.__ModuleLoader__.load({
 		 * @param props - 注入的 `t`。
 		 * @returns 当前路由卡；未配置时不渲染（让用户先配置再说）。
 		 */
-		function RoutingCard(props) {
-			const t = typeof props.t === 'function' ? props.t : fallbackT
-			const [state, setState] = React.useState(null)
-			const [catalog, setCatalog] = React.useState([])
-			// draft 是编辑器的工作副本：[{ id, label, candidates: [{provider, model}] }]，
-			// candidates[0] = 主力（primary），其余是 fallback —— 与 settings 形态一一对应。
-			const [draft, setDraft] = React.useState(null)
-			const [activeGroup, setActiveGroup] = React.useState('')
-			// null = 还没手动开合过，此时默认展开当前组 —— 一进来就能看到、能改。
-			const [expanded, setExpanded] = React.useState(null)
-			const [picker, setPicker] = React.useState({ provider: '', model: '' })
-			const [busy, setBusy] = React.useState(false)
-			const [notice, setNotice] = React.useState(null)
-			// 保存过/刚拉回的 draft 指纹：用它判断「脏」，避免后台刷新把用户正在编辑的内容冲掉。
-			const [savedKey, setSavedKey] = React.useState('')
-			// label 归一成「空 = null」：草稿里是 ''，服务端回的是 null，不归一会永远显示「未保存」。
-			// 空组（刚点「新建组」、还没加候选）不参与比较：服务端会丢弃空组，
-			// 若把它算成「脏」，自动保存会一直重试、而且保存回读后这个组就消失了。
-			const draftKeyOf = (report) => JSON.stringify((report?.groups ?? [])
-				.filter((group) => (group.candidates ?? []).length > 0)
-				.map((group) => [
-					group.id,
-					group.label ? group.label : null,
-					group.note ? group.note : null,
-					(group.candidates ?? []).map((candidate) => [`${candidate.provider}/${candidate.model}`, candidate.note ? candidate.note : null])
-				]))
-			const draftFrom = (report) => (report.groups ?? []).map((group) => ({
-				id: group.id,
-				label: group.label ?? '',
-				note: group.note ?? '',
-				candidates: group.candidates.map((candidate) => ({ provider: candidate.provider, model: candidate.model, note: candidate.note ?? '' }))
-			}))
-			// force=true 只用在一处：保存成功后的回读 —— 那时服务端就是权威。
-			// 其余时候（挂载、切模式、轮询）保留用户正在编辑的草稿。
-			const adopt = React.useCallback((report, force) => {
-				setState(report)
-				setActiveGroup(report.activeGroup)
-				setSavedKey(draftKeyOf(report))
-				setDraft((prev) => (force === true || prev === null ? draftFrom(report) : prev))
-			}, [])
-			const loadState = React.useCallback(() => {
-				fetch(ROUTING_STATE_URL, { headers: { accept: 'application/json' } })
-					.then((res) => res.json())
-					.then((body) => { if (body !== null && typeof body === 'object' && body.ok === true) adopt(body) })
-					.catch(() => {})
-			}, [adopt])
-			React.useEffect(() => {
-				loadState()
-				fetch(ROUTING_CATALOG_URL, { headers: { accept: 'application/json' } })
-					.then((res) => res.json())
-					.then((body) => { if (body !== null && typeof body === 'object' && body.ok === true && Array.isArray(body.providers)) setCatalog(body.providers) })
-					.catch(() => {})
-			}, [loadState])
-			// 自动保存的防抖定时器。必须写在下面那个 `state === null` 提前 return 之前 ——
-			// hooks 不能出现在条件分支后面；save 定义在后面，所以经 ref 调用。
-			const saveRef = React.useRef(null)
-			const draftKey = draft === null ? '' : draftKeyOf({ groups: draft })
-			React.useEffect(() => {
-				if (draft === null || draftKey === savedKey || notice === 'fail' || notice === 'saving') return undefined
-				const timer = setTimeout(() => { if (typeof saveRef.current === 'function') saveRef.current() }, 800)
-				return () => clearTimeout(timer)
-			}, [draftKey, savedKey, notice])
-			if (state === null) {
-				return h('div', { className: 'dsh-llm-hub-routing dsh-llm-hub-routing-page' },
-					h('div', { className: 'dsh-llm-hub-routing-page__head' },
-						h('h2', { className: 'dsh-llm-hub-routing-page__title' }, t('routingNav')),
-						h('span', null, t('routingLoading'))))
-			}
-			ensureStyle()
-			const isSmart = state.mode === 'smart'
-			const groups = draft ?? []
-			const isDirty = draft !== null && draftKeyOf({ groups }) !== savedKey
-			const post = (url, payload) => fetch(url, {
-				method: 'POST',
-				headers: { 'content-type': 'application/json', accept: 'application/json' },
-				body: JSON.stringify(payload)
-			}).then((res) => res.json())
-			const setMode = (mode) => {
-				setNotice(null)
-				post(ROUTING_SELECT_URL, { mode })
-					.then((body) => { if (body?.ok === true) adopt(body, true) })
-					.catch(() => setNotice('fail'))
-			}
-			const markActive = (id) => {
-				setActiveGroup(id)
-				setNotice(null)
-				post(ROUTING_SELECT_URL, { activeGroup: id })
-					.then((body) => { if (body?.ok === true) adopt(body) })
-					.catch(() => setNotice('fail'))
-			}
-			// 自动保存（1.7.0）：原来要去卡片最底下点「保存」，改完就走的人会丢改动。
-			// 草稿变「脏」后 800ms 防抖落盘；回读**不强制**覆盖草稿 —— 用户可能还在打字。
-			// 只提交有候选的组（空组服务端本来就丢弃），草稿里的空组留在页面上。
-			const save = () => {
-				const payload = groups.filter((group) => group.candidates.length > 0)
-				if (payload.length === 0) return
-				setBusy(true)
-				setNotice('saving')
-				post(ROUTING_CONFIG_URL, { groups: payload, activeGroup })
-					.then((body) => {
-						if (body?.ok === true) { adopt(body); setNotice('saved') }
-						else setNotice('fail')
-					})
-					.catch(() => setNotice('fail'))
-					.finally(() => setBusy(false))
-			}
-			saveRef.current = save
-			// ── 草稿编辑（全部是纯函数式更新，不碰服务端；保存才落盘）──
-			const editGroup = (id, mutate) => setDraft(groups.map((group) => (group.id === id ? mutate(group) : group)))
-			const moveCandidate = (id, index, delta) => editGroup(id, (group) => {
-				const next = [...group.candidates]
-				const target = index + delta
-				if (target < 0 || target >= next.length) return group
-				const [item] = next.splice(index, 1)
-				next.splice(target, 0, item)
-				return { ...group, candidates: next }
-			})
-			/**
-			 * 组之间上下移。
-			 *
-			 * 为什么需要：候选（组内的 provider/model）早就能用 ↑↓ 排，但组本身
-			 * （公司 / 个人 …）此前没有任何排序入口 —— 顺序只能靠手改 settings.yaml。
-			 * 而组的先后是有语义的：activeGroup 之外的组在智能路由下也会按顺序兜底，
-			 * 「先用哪个池子」必须在页面上能配。
-			 *
-			 * @param {number} index - 当前组下标。
-			 * @param {number} delta - -1 上移 / +1 下移。
-			 */
-			const moveGroup = (index, delta) => {
-				const target = index + delta
-				if (target < 0 || target >= groups.length) return
-				const next = [...groups]
-				const [item] = next.splice(index, 1)
-				next.splice(target, 0, item)
-				setDraft(next)
-			}
-			const updateCandidate = (id, index, patch) => editGroup(id, (group) => ({
-				...group,
-				candidates: group.candidates.map((candidate, i) => (i === index ? { ...candidate, ...patch } : candidate))
-			}))
-			// 换提供方时模型跟着换成该家第一个模型 —— 留着旧 model 名几乎一定是错的组合。
-			const changeProvider = (id, index, provider) => {
-				const entry = catalog.find((item) => item.id === provider)
-				updateCandidate(id, index, { provider, model: entry?.models?.[0]?.id ?? '' })
-			}
-			const makePrimary = (id, index) => editGroup(id, (group) => {
-				const next = [...group.candidates]
-				const [item] = next.splice(index, 1)
-				return { ...group, candidates: [item, ...next] }
-			})
-			const removeCandidate = (id, index) => editGroup(id, (group) => ({ ...group, candidates: group.candidates.filter((_, i) => i !== index) }))
-			const addCandidate = (id) => {
-				const provider = picker.provider
-				const model = picker.model
-				if (provider === '' || model === '') return
-				editGroup(id, (group) => ({ ...group, candidates: [...group.candidates, { provider, model, note: '' }] }))
-				setPicker({ provider: '', model: '' })
-			}
-			const addGroup = () => {
-				let index = groups.length + 1
-				let id = `group-${index}`
-				while (groups.some((group) => group.id === id)) { index += 1; id = `group-${index}` }
-				setDraft([...groups, { id, label: '', note: '', candidates: [] }])
-				setExpanded(id)
-			}
-			const removeGroup = (id) => {
-				setDraft(groups.filter((group) => group.id !== id))
-				if (expanded === id) setExpanded(null)
-			}
-			const catalogEntryFor = (provider) => catalog.find((item) => item.id === provider)
-			const modelOptionsFor = (provider, current) => {
-				const ids = (catalogEntryFor(provider)?.models ?? []).map((model) => model.id)
-				return current && !ids.includes(current) ? [current, ...ids] : ids
-			}
-			const stateChipClass = (value) => `dsh-llm-hub-health__chip dsh-llm-hub-health__chip--${value ?? 'unknown'}`
-			/**
-			 * 一组里探测为「可用」的候选数。探不到（没记录）时返回 0 —— 折叠行要报
-			 * 「0/N」而不是假装健康：未探明和不可用在用户眼里同样是「先别指望它」。
-			 * @param {object | undefined} live - /routing/state 里该组的快照。
-			 * @returns {number} 可用候选数。
-			 */
-			const availableOf = (live) => (live?.candidates ?? []).filter((item) => item.state === 'available').length
-			/**
-			 * 折叠行那个健康点的颜色：全可用 / 还剩几个 / 一个都不剩。
-			 * 不用单一绿点，绿点只说「还行」，说不出「还剩几个能兜」。
-			 * @param {object | undefined} live - 该组快照。
-			 * @returns {'available' | 'degraded' | 'unavailable'}
-			 */
-			const groupDotState = (live) => {
-				const total = live?.candidates?.length ?? 0
-				const available = availableOf(live)
-				if (total === 0 || available === 0) return 'unavailable'
-				return available < total ? 'degraded' : 'available'
-			}
-			/**
-			 * 一个候选是否多模态（输入含 text 之外的模态，典型是 image）。
-			 *
-			 * 数据来自目录接口的 `input` 字段（settings 里本来就有）；目录读不到时
-			 * 返回 undefined —— UI 不标而不是瞎猜。
-			 */
-			const isMultimodal = (provider, modelId) => {
-				const entry = catalog.find((item) => item.id === provider)
-				const model = Array.isArray(entry?.models) ? entry.models.find((item) => item.id === modelId) : undefined
-				const input = Array.isArray(model?.input) ? model.input : []
-				return input.length > 0 && input.some((kind) => kind !== 'text')
-			}
-			/**
-			 * 一个候选的推理档位列表（来自 settings 的 reasoningEfforts 字段）；
-			 * 没声明推理能力时返回 undefined —— UI 不标。
-			 * 返回的是档位对象的浅拷贝（UI 用），外面别 mutate。
-			 */
-			const reasoningLevels = (provider, modelId) => {
-				const entry = catalog.find((item) => item.id === provider)
-				const model = Array.isArray(entry?.models) ? entry.models.find((item) => item.id === modelId) : undefined
-				const levels = Array.isArray(model?.reasoning?.levels) ? model.reasoning.levels : []
-				return levels.length > 0 ? levels : undefined
-			}
-			/**
-			 * 推理档位的人话短文本：超 3 个档位时压成 `a/b/c+2`，避免长列表把行挤爆。
-			 */
-			const reasoningShort = (levels) => {
-				if (levels === undefined) return ''
-				const names = levels.map((level) => level.name)
-				if (names.length <= 3) return names.join('/')
-				return `${names.slice(0, 3).join('/')}+${names.length - 3}`
-			}
-			// 「现在会路由到哪」：smart 模式看 lastDecision（真实请求），否则按组顺序的推演。
-			const resolvedText = () => {
-				if (isSmart) {
-					const decision = state.lastDecision
-					if (decision?.to) return `${t('routeChipLastRoute')}: ${decision.to.provider}/${decision.to.model}`
-					return decision?.reason ?? t('routeChipFailOpen')
-				}
-				const group = state.groups.find((item) => item.id === activeGroup) ?? state.groups[0]
-				if (group?.wouldRoute) return `${t('routeChipWouldRoute')}: ${group.wouldRoute.provider}/${group.wouldRoute.model}`
-				return group?.reason ?? t('routeChipReasonNone')
-			}
-			// 页头（1.7.0）：「路由」标题与模式开关同一行。原来页头一个「路由」、卡内又一个「当前路由」，重复。
-			const header = h('div', { className: 'dsh-llm-hub-routing-page__head' },
-				h('h2', { className: 'dsh-llm-hub-routing-page__title' }, t('routingNav')),
-				h('div', { className: 'dsh-llm-hub-routing__modes' },
-					h('button', {
-						type: 'button',
-						className: `dsh-llm-hub-route__mode${isSmart ? ' is-on' : ''}`,
-						onClick: () => { if (!isSmart) setMode('smart') }
-					}, `⚡ ${t('routeChipModeSmart')}`),
-					h('button', {
-						type: 'button',
-						className: `dsh-llm-hub-route__mode${!isSmart ? ' is-on' : ''}`,
-						onClick: () => { if (isSmart) setMode('manual') }
-					}, t('routeChipModeManual'))))
-				const pageDesc = h('p', { className: 'dsh-llm-hub-routing-page__desc' }, t('routingPageDesc'))
-				const rule = h('div', { className: 'dsh-llm-hub-routing__rule' },
-				h('span', { className: 'dsh-llm-hub-routing__rule-tag' }, t('routeRuleTitle')),
-				h('span', null, t('routeRuleText')))
-			// 只在智能路由真的接管时提示。手动模式下那行「请求还是用你在模型下拉里
-			// 选的」讲的是当前高亮的按钮本身，没有新信息，却常驻占一整行；
-			// 而接管后「下拉只作参考」是按钮推不出来的，必须留着。
-			const noticeLine = isSmart
-				? h('div', { className: 'dsh-llm-hub-routing__reason' }, t('routeSmartNotice'))
-				: null
-			const nowLine = h('div', { className: 'dsh-llm-hub-routing__now' }, resolvedText())
-			const groupRows = groups.map((group, groupIndex) => {
-				const live = state.groups.find((item) => item.id === group.id)
-				// 始终折叠，展开才编辑（1.6.2）。原先是「当前组默认展开」，于是这页一进来
-				// 就是一屏逐条候选的表单 —— 而进来看的是「这几组各自会路由到哪」，
-				// 那是折叠行就能答完的问题。编辑是低频动作，折叠是默认态。
-				const isOpen = expanded === group.id
-				const candidates = group.candidates
-				return h('div', { key: group.id, className: `dsh-llm-hub-routing__group${activeGroup === group.id ? ' is-active' : ''}` },
-					h('div', { className: 'dsh-llm-hub-routing__group-top' },
-						// 顺序即优先级，所以序号 + 上下移都得露在折叠态 —— 折叠着也能改顺序。
-						h('div', { className: 'dsh-llm-hub-routing__group-order' },
-							h('span', { className: 'dsh-llm-hub-routing__group-index' }, `${groupIndex + 1}`),
-							h('button', {
-								type: 'button',
-								className: 'dsh-llm-hub-routing__group-move',
-								title: t('routeUp'),
-								disabled: groupIndex === 0,
-								onClick: () => moveGroup(groupIndex, -1)
-							}, '↑'),
-							h('button', {
-								type: 'button',
-								className: 'dsh-llm-hub-routing__group-move',
-								title: t('routeDown'),
-								disabled: groupIndex === groups.length - 1,
-								onClick: () => moveGroup(groupIndex, 1)
-							}, '↓')),
-						// 组名折叠时是**纯文本**，展开才给输入框。折叠行还摆着一个输入框，
-						// 会让「这一行正在编辑」和「这一行只是显示」看起来一模一样 ——
-						// 而折叠行的职责恰恰是「看，不是改」。
-						isOpen
-							? h('input', {
-								className: 'dsh-llm-hub-routing__group-label',
-								value: group.label ?? '',
-								placeholder: t('routeGroupLabelPlaceholder'),
-								onChange: (event) => editGroup(group.id, (current) => ({ ...current, label: event.target.value }))
-							})
-							: h('span', { className: 'dsh-llm-hub-routing__group-name' }, group.label || group.id),
-						// 折叠态就三件事：会路由到哪 · 组里几个候选、几个可用 · 组名。
-						// 为什么是这三件：设置内容区只有 564px，组头扣掉序号/组名/两个按钮后，
-						// 摘要只剩 ~235px；而「将路由到 modelgo-gateway/claude-sonnet-5」按真实数据
-						// 就要 231px。再塞第四件（主力 provider/model）必然把最该被读到的那段
-						// 压成「将路由到 m…」（浏览器实测）。所以砍内容，不是调 CSS：
-						//   · 主力去掉 —— 它答「第一个是谁」，这行该答「实际走哪个」，展开态第一行就有；
-						//   · 「+N 条兜底」去掉 —— 旁边「4/5」已把总数和可用数都说了，是同义重复；
-						//   · 「将路由到」四字换成箭头 —— 省 48px，全称进 title 悬停可见。
-						!isOpen
-							? h('span', { className: 'dsh-llm-hub-routing__group-state' },
-								candidates.length === 0
-									? h('em', { className: 'dsh-llm-hub-routing__group-empty' }, t('routeNoCandidate'))
-									: [
-										live?.wouldRoute
-											? h('b', {
-												key: 'w',
-												className: 'dsh-llm-hub-routing__group-would',
-												title: `${t('routeChipWouldRoute')} ${live.wouldRoute.provider}/${live.wouldRoute.model}`
-											}, `\u2192 ${live.wouldRoute.provider}/${live.wouldRoute.model}`)
-											: h('em', {
-												key: 'w',
-												className: 'dsh-llm-hub-routing__group-would',
-												title: live?.reason ?? t('routeChipReasonNone')
-											}, live?.reason ?? t('routeChipReasonNone')),
-										// 「可用/总」比一个孤零零的绿点有信息：点只说「还行」，数字说清还剩几个能兜。
-										h('span', { key: 'c', className: 'dsh-llm-hub-routing__group-count' },
-											h('span', { className: `dsh-llm-hub-routing__dot dsh-llm-hub-routing__dot--${groupDotState(live)}` }),
-											`${availableOf(live)}/${live?.candidates?.length ?? candidates.length}`),
-									])
-							: null,
-						activeGroup === group.id
-							? h('span', { className: 'dsh-llm-hub-routing__role' }, t('routeActiveTag'))
-							: h('button', {
-								type: 'button',
-								className: 'dsh-llm-hub-foot__link',
-								onClick: () => markActive(group.id)
-							}, t('routeSetActive')),
-						// 「删除该组」原来孤零零挂在组底正中；挪到组头、只在展开编辑时出现，挨着「收起」。
-						isOpen
-							? h('button', {
-								type: 'button',
-								className: 'dsh-llm-hub-routing__op dsh-llm-hub-routing__op--danger dsh-llm-hub-routing__group-delete',
-								onClick: () => removeGroup(group.id)
-							}, t('routeDeleteGroup'))
-							: null,
-						// 原来开合藏在序号「▸ 1」上，看不出能点；现在是一个写明「编辑 / 收起」的按钮。
-						// 关起用 null 而不是 ''：空串只是「曾经用过的哨兵值」，读代码的人分不清它
-						// 跟「还没开合过」是不是一回事（1.6.2 之前确实当成两码事）。
-						h('button', {
-							type: 'button',
-							className: 'dsh-llm-hub-btn dsh-llm-hub-routing__group-toggle',
-							onClick: () => setExpanded(isOpen ? null : group.id)
-						}, isOpen ? `▾ ${t('routeCollapse')}` : `✎ ${t('routeEdit')}`)),
-					isOpen
-						? h('div', { className: 'dsh-llm-hub-routing__candidates' },
-							h('input', {
-								className: 'dsh-llm-hub-routing__note dsh-llm-hub-routing__note--group',
-								value: group.note ?? '',
-								placeholder: t('routeGroupNotePlaceholder'),
-								onChange: (event) => editGroup(group.id, (current) => ({ ...current, note: event.target.value }))
-							}),
-							...candidates.map((candidate, index) => {
-								const liveCandidate = live?.candidates?.find((item) => item.provider === candidate.provider && item.model === candidate.model)
-								const multimodal = isMultimodal(candidate.provider, candidate.model)
-								const reasoning = reasoningLevels(candidate.provider, candidate.model)
-								const reasoningTip = reasoning === undefined
-									? undefined
-									: `${t('routeReasoningTip')}\n${reasoning.map((level) => `  · ${level.name} → ${level.id}`).join('\n')}`
-								return h('div', { key: `${candidate.provider}/${candidate.model}/${index}`, className: `dsh-llm-hub-routing__row${index === 0 ? ' is-primary' : ''}` },
-									h('span', { className: `dsh-llm-hub-routing__role${index === 0 ? ' is-primary' : ''}` }, index === 0 ? t('routePrimaryTag') : `${t('routeFallbackTag')}${index}`),
-									// 原地改（1.7.0）：提供方 / 模型直接是下拉框，不用删了重加再连点 ↑。
-									// 目录里没有这家（没配置 / 目录没拉到）时退回纯文本，不让一行坏数据变成下拉框里的空值。
-									catalogEntryFor(candidate.provider) !== undefined
-										? h('span', { className: 'dsh-llm-hub-routing__pick' },
-											h('select', {
-												className: 'dsh-llm-hub-routing__select',
-												value: candidate.provider,
-												title: t('routeAddProvider'),
-												onChange: (event) => changeProvider(group.id, index, event.target.value)
-											}, ...catalog.map((entry) => h('option', { key: entry.id, value: entry.id }, `${entry.displayName ?? entry.id}`))),
-											h('select', {
-												className: 'dsh-llm-hub-routing__select',
-												value: candidate.model,
-												title: t('routeAddModel'),
-												onChange: (event) => updateCandidate(group.id, index, { model: event.target.value })
-											}, ...modelOptionsFor(candidate.provider, candidate.model).map((id) => h('option', { key: id, value: id }, id))))
-										: h('span', { className: 'dsh-llm-hub-routing__name' }, `${candidate.provider}/${candidate.model}`),
-									// 行排成固定两行网格（1.7.0）：第一行 角色 · 提供方 · 模型 · 能力/状态，
-									// 第二行 备注（占满） · 操作按钮（右对齐）。原来全部 flex-wrap，每行按内容长短
-									// 在不同位置折行，五行排不成列（浏览器实测截图）。
-									// 第二行：备注（撑满）· 能力/状态标签 · 操作按钮。标签原来在第一行最右，固定吃掉约 180px，
-									// 两个下拉被挤到截断「Antigravity 本地反…」「MiniMax-M3.1-Flash-Prev…」。
-									h('span', { className: 'dsh-llm-hub-routing__line2' },
-									h('input', {
-										className: 'dsh-llm-hub-routing__note',
-										value: candidate.note ?? '',
-										placeholder: t('routeNotePlaceholder'),
-										title: candidate.note ?? '',
-										onChange: (event) => updateCandidate(group.id, index, { note: event.target.value })
-									}),
-									h('span', { className: 'dsh-llm-hub-routing__meta' },
-										// 窄容器只放图标，文字进 title（1.7.0）：「思考 high/max / 图像 / 可用」三枚文字标签
-										// 吃掉约 176px，备注框被挤到只剩 150px、备注被截断（浏览器实测）。
-										reasoning !== undefined
-											? h('span', {
-												key: 'reasoning',
-												className: 'dsh-llm-hub-routing__reasoning',
-												title: `${t('routeReasoningShort')} ${reasoningShort(reasoning)}\n${reasoningTip}`
-											}, '💭')
-											: null,
-										multimodal === true
-											? h('span', {
-												key: 'multimodal',
-												className: 'dsh-llm-hub-routing__multimodal',
-												title: `${t('routeMultimodalShort')} · ${t('routeMultimodalTip')}`
-											}, '👁')
-											: null,
-										h('span', {
-											className: `dsh-llm-hub-routing__dot dsh-llm-hub-routing__dot--${liveCandidate?.state ?? 'unknown'}`,
-											title: liveCandidate?.state === 'available' ? '可用' : (liveCandidate?.state === 'unknown' ? '未探明' : '不可用')
-										})),
-									h('span', { className: 'dsh-llm-hub-routing__ops' },
-									index > 0
-										? h('button', { type: 'button', className: 'dsh-llm-hub-routing__op', onClick: () => makePrimary(group.id, index) }, t('routeMakePrimary'))
-										: null,
-									h('button', { type: 'button', className: 'dsh-llm-hub-routing__op', title: t('routeUp'), disabled: index === 0, onClick: () => moveCandidate(group.id, index, -1) }, '↑'),
-									h('button', { type: 'button', className: 'dsh-llm-hub-routing__op', title: t('routeDown'), disabled: index === candidates.length - 1, onClick: () => moveCandidate(group.id, index, 1) }, '↓'),
-									h('button', { type: 'button', className: 'dsh-llm-hub-routing__op dsh-llm-hub-routing__op--danger', title: t('routeRemove'), onClick: () => removeCandidate(group.id, index) }, '✕'))))
-								}),
-							h('div', { className: 'dsh-llm-hub-routing__add' },
-								h('span', null, t('routeAddProvider')),
-								catalog.length > 0
-									? h('select', {
-										className: 'dsh-llm-hub-routing__select',
-										value: picker.provider,
-										onChange: (event) => {
-											const provider = event.target.value
-											const entry = catalog.find((item) => item.id === provider)
-											setPicker({ provider, model: entry?.models?.[0]?.id ?? '' })
-										}
-									},
-										h('option', { value: '' }, '—'),
-										...catalog.map((entry) => h('option', { key: entry.id, value: entry.id }, `${entry.displayName ?? entry.id}`)))
-									// 目录读不到（host 还没重启 / settings 里没有 provider）时退回手输 ——
-									// 不让「拉不到目录」变成「编辑不了」。
-									: h('input', {
-										className: 'dsh-llm-hub-routing__select',
-										placeholder: 'provider',
-										value: picker.provider,
-										onChange: (event) => setPicker({ provider: event.target.value, model: picker.model })
-									}),
-								h('span', null, t('routeAddModel')),
-								catalog.find((item) => item.id === picker.provider) !== undefined
-									? h('select', {
-										className: 'dsh-llm-hub-routing__select',
-										value: picker.model,
-										onChange: (event) => setPicker({ provider: picker.provider, model: event.target.value })
-									},
-										h('option', { value: '' }, '—'),
-										...((catalog.find((item) => item.id === picker.provider)?.models) ?? []).map((model) => {
-											const multimodal = Array.isArray(model?.input) && model.input.some((kind) => kind !== 'text')
-											const reasoningLevels = Array.isArray(model?.reasoning?.levels) ? model.reasoning.levels : []
-											const flags = []
-											if (reasoningLevels.length > 0) flags.push(`💭 ${reasoningShort(reasoningLevels)}`)
-											if (multimodal === true) flags.push('👁')
-											return h('option', { key: model.id, value: model.id }, flags.length === 0 ? model.id : `${model.id}  ${flags.join(' ')}`)
-										}))
-									: h('input', {
-										className: 'dsh-llm-hub-routing__select',
-										placeholder: 'model',
-										value: picker.model,
-										onChange: (event) => setPicker({ provider: picker.provider, model: event.target.value })
-									}),
-								h('button', {
-									type: 'button',
-									className: 'dsh-llm-hub-btn',
-									onClick: () => addCandidate(group.id)
-								}, t('routeAdd'))),
-							catalog.length === 0 ? h('div', { className: 'dsh-llm-hub-routing__rule' }, t('routeNoCatalog')) : null)
-						: null)
-			})
-			// 空闲态不再写死「已保存」—— 那三个字跟「刚刚存成功」长得一模一样，
-			// 读起来像一条一直挂着的成功提示，而它其实什么都没说。空闲时干脆不占位，
-			// 真存过 / 存到一半 / 存失败才给反馈。
-			const noticing = notice === 'fail' || notice === 'saving' || notice === 'saved'
-			const footer = h('div', { className: 'dsh-llm-hub-routing__actions' },
-				h('button', { type: 'button', className: 'dsh-llm-hub-btn', onClick: addGroup }, t('routeNewGroup')),
-				// 注意这里不能写成 h(cond ? <span/> : null) —— 多包的那层 h 没有 tag，
-				// flatten 不递归进去，状态文案在测试里就永远取不到（真实浏览器里没事，
-				// 因为 DOM 照样渲染 —— 正是「测试挂了但界面看着正常」的那类坑）。
-				noticing || busy || isDirty
-					? h('span', { className: `dsh-llm-hub-routing__status${notice === 'fail' ? ' is-fail' : ''}` },
-						notice === 'fail' ? t('routeSaveFailed')
-							: (busy || notice === 'saving' || isDirty) ? t('routeSaving')
-								: t('routeAutoSaved'))
-					: null,
-				notice === 'fail'
-					? h('button', { type: 'button', className: 'dsh-llm-hub-btn', disabled: busy, onClick: () => { setNotice(null); save() } }, t('routeRetry'))
-					: null,
-				h('span', { className: 'dsh-llm-hub-routing__hint' }, t('routeEditHint')))
-			return h('div', { className: 'dsh-llm-hub-routing dsh-llm-hub-routing-page' },
-				header,
-				pageDesc,
-				rule,
-				noticeLine,
-				nowLine,
-				h('div', { className: 'dsh-llm-hub-routing__groups' }, groupRows),
-				footer)
-		}
-
-		/**
-		 * 「路由」设置页：页头（标题 + 一句怎么用）+ 路由编辑器。
-		 * 直接调用 RoutingCard(props) 而不是 h(RoutingCard)：少一层组件，hooks 顺序不变。
-		 */
-		function RoutingSection(props) {
-			return RoutingCard(props)
-		}
-
 		/**
 		 * 格式化 token 数字 —— 大数带千分位，>9999 折成 1.2万。
 		 * @param value - token 数。
@@ -2555,10 +2041,11 @@ window.__ModuleLoader__.load({
 					// 只有手写 package.json 或从别处搬时才需要手动补，所以标成「如果没自动加」。
 					const text = [
 						`${meta.name} —— DSH 模型页增强：网关可达性探测、余额/配额、模型目录勾选写回配置。`,
-						'装到你的 DSH（profile 名按自己的改，默认 web）：',
-						`  1) dsh plugin --profile web add ${meta.name}`,
-						`  2) 确认 "${meta.name}" 在 ~/.dsh/profiles/web/package.json 的 dsh.profile.bundles 里（dsh plugin add 会自动加）`,
-						'  3) 重启 DSH',
+						'装到你的 DSH：',
+						'  · 桌面端 app：在应用内的「插件管理」里搜 ' + meta.name + ' 直接装',
+						'    （app 独占托管 desktop profile，CLI 的 dsh plugin --profile desktop 会被拒）',
+						`  · 自建 CLI profile：dsh plugin --profile <你的profile名> add ${meta.name}`,
+						`    然后确认 "${meta.name}" 在该 profile 的 package.json 的 dsh.profile.bundles 里（plugin add 会自动加），重启 DSH`,
 						typeof meta.homepage === 'string' ? `仓库：${meta.homepage}` : ''
 					].filter((line) => line !== '').join('\n')
 					navigator.clipboard?.writeText(text).then(() => setShared(true)).catch(() => setShared(false))
@@ -2679,7 +2166,17 @@ window.__ModuleLoader__.load({
 			const handleCopy = (pkg) => {
 				// 命令必须带 `--profile`：`dsh plugin` 是 pnpm 的透传层，profile 是
 				// **必填**选项，漏了直接报错退出 —— 复制出去的命令得是能跑的。
-				const cmd = `dsh plugin --profile web add ${pkg}`
+				//
+				// ⚠️ 2026-10-12 改：原来写死 `--profile web`。web profile 已于 2026-10-02
+				// 退役，当前宿主是桌面端 app（profile `desktop`，app 独占托管，CLI 会被
+				// 拒）。写死任何具体 profile 名都等于给一条必然过期的指令，所以两条路
+				// 都给：app 里走插件管理，CLI profile 名留占位符由对方自己填。
+				const cmd = [
+					`# 桌面端 app：在应用内的「插件管理」里搜 ${pkg} 直接装`,
+					`#   （app 独占托管 desktop profile，CLI 的 dsh plugin --profile desktop 会被拒）`,
+					`# 自建 CLI profile：`,
+					`dsh plugin --profile <你的profile名> add ${pkg}`
+				].join('\n')
 				if (navigator.clipboard) {
 					navigator.clipboard.writeText(cmd)
 				}
@@ -2726,7 +2223,7 @@ window.__ModuleLoader__.load({
 										type: 'button',
 										className: 'dsh-suite-btn-action',
 										onClick: () => handleCopy(item.pkg),
-										title: `安装命令: dsh plugin --profile web add ${item.pkg}`
+										title: `安装：app 插件管理搜 ${item.pkg}，或 dsh plugin --profile <你的profile名> add ${item.pkg}`
 									}, isCopied ? `✓ ${t('suiteCopied')}` : `⚡ ${t('suiteCopyInstall')}`)
 								),
 								h('a', {
@@ -2912,17 +2409,6 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: () => ({ t, availability })
 			}, HealthCard))
-			// 路由配置是独立的一页（1.7.0）：原来挂在「模型」页脚第 75 位，要往下翻好几屏才找得到，
-			// 用户的原话是「我自己怎么选主力、在哪里改」。settings.section 的 order：
-			// 通用 0 / 模型 10 / 插件 15 —— 取 12，正好排在「模型」下面。
-			ctx.slots.inject('settings.section', () => ctx.slots.register({
-				name: 'settings.section',
-				id: 'dsh-llm-hub-routing',
-				order: 12,
-				label: () => t('routingNav'),
-				locale: NS,
-				inject: () => ({ t })
-			}, RoutingSection))
 			ctx.slots.inject('settings.models.footer', () => ctx.slots.register({
 				name: 'settings.models.footer',
 				id: 'dsh-llm-hub-usage',
@@ -2951,15 +2437,17 @@ window.__ModuleLoader__.load({
 				locale: NS,
 				inject: () => ({ t })
 			}, WebkuborSuiteDock))
-			// composer 工具行左端的路由快切 chip —— 「切公司 / 切个人 + 智能开关」
-			// 的高频操作留在聊天页，不用进设置页。list slot 必须带 id（同 footer 的教训）。
+			// composer 工具行左端的信息位 —— 当前供应商 / 模型 / 可用数 / 配额。
+			// 2026-10-09 起这个位置不再是「切公司 / 个人 + 智能开关」的路由入口：
+			// owner 决定去掉那整块路由能力，位置改放只读状态（点开看详情）。
+			// list slot 必须带 id（同 footer 的教训）。
 			ctx.slots.inject('conversation.input.left', () => ctx.slots.register({
 				name: 'conversation.input.left',
-				id: 'dsh-llm-hub-route-chip',
+				id: 'dsh-llm-hub-provider-usage',
 				order: 20,
 				locale: NS,
 				inject: () => ({ t })
-			}, SmartRouteChip))
+			}, ProviderUsageChip))
 		}
 
 		exports.apply = apply