dsh-router-core 0.4.7 → 0.4.9

package/src/client/CombosTab.tsx

@@ -10,6 +10,7 @@ import {
   type RouterComboAlias,
   type RouterComboSupplierGroup,
 } from '../shared.ts'
+import { modelLabel, modelMatches } from './model-label.ts'
 import { Modal } from './Modal.tsx'
 
 /* ---------------- SVG 图标 ---------------- */
@@ -67,6 +68,22 @@ export function CombosTab({ combos, aliases, onRefresh }: CombosTabProps): JSX.E
       ?? groups.find(g => g.models.some(m => m.id === stored))
     return hit === undefined ? stored : `${hit.supplier.alias}/${stored}`
   }
+  /**
+   * 存储值 → 悬停说明。组合里存的、请求要发的都是 `alias/modelId`（上面那行），
+   * 但上游 key 往往不是人能读的（`qmodel_38max`），所以把上游的可读名
+   * （`Qwen3.8-Max`）放进 title 里，不占行宽也不改变「发什么」。
+   */
+  const comboTip = (stored: string): string => {
+    const name = displayName(stored)
+    const comma = stored.indexOf(',')
+    const mid = comma > 0 ? stored.slice(comma + 1) : stored
+    const sid = comma > 0 ? stored.slice(0, comma) : ''
+    const hit = (sid === '' ? groups : groups.filter(g => g.supplier.id === sid))
+      .flatMap(g => g.models)
+      .find(m => m.id === mid)
+    const readable = (hit?.name ?? '').trim()
+    return readable === '' || readable === mid ? name : `${readable}\n${name}（请求里用这个）`
+  }
   const [showForm, setShowForm] = useState(false)
   const [editing, setEditing] = useState<RouterCombo | null>(null)
   const [form, setForm] = useState<ComboForm>({ name: '', models: [] })
@@ -289,7 +306,7 @@ export function CombosTab({ combos, aliases, onRefresh }: CombosTabProps): JSX.E
                     : (
                       <>
                         {combo.models.slice(0, 4).map((model, i) => (
-                          <span key={`${model}-${i}`} className="dshr-comboChip">
+                          <span key={`${model}-${i}`} className="dshr-comboChip" title={comboTip(model)}>
                             <span className="dshr-comboChipNum">{i + 1}</span>
                             <span className="dshr-comboChipSupplier">{displayName(model)}</span>
                           </span>
@@ -349,7 +366,7 @@ export function CombosTab({ combos, aliases, onRefresh }: CombosTabProps): JSX.E
                         >
                           <span className="dshr-comboGrip" title="拖拽排序"><Icon d={I.grip} size={14} /></span>
                           <span className="dshr-comboStepNum">{index + 1}</span>
-                          <code className="dshr-comboSelectedModel">{displayName(model)}</code>
+                          <code className="dshr-comboSelectedModel" title={comboTip(model)}>{displayName(model)}</code>
                           <button type="button" className="dshr-iconBtn dshr-iconBtn-sm dshr-comboStepRemove" title="移除" onClick={() => removeModel(index)}>
                             <Icon d={I.delete} size={14} />
                           </button>
@@ -379,16 +396,20 @@ export function CombosTab({ combos, aliases, onRefresh }: CombosTabProps): JSX.E
                       : groups.map(g => {
                         const items = g.models.filter(m =>
                           !form.models.includes(`${g.supplier.id},${m.id}`) &&
-                          (modelQuery === '' || m.id.toLowerCase().includes(modelQuery.toLowerCase())))
+                          (modelQuery === '' || modelMatches(modelQuery, m)))
                         if (items.length === 0) return null
                         return (
                           <div key={g.supplier.id} className="dshr-comboPickGroup">
                             <p className="dshr-comboPickGroupTitle">{g.supplier.name} · {g.supplier.alias}</p>
-                            {items.map(m => (
-                              <button key={m.id} type="button" className="dshr-comboPickItem" onClick={() => toggleModel(g.supplier.id, m.id)}>
-                                <span className="dshr-comboPickName">{m.id}</span>
-                              </button>
-                            ))}
+                            {items.map(m => {
+                              const lab = modelLabel(m)
+                              return (
+                                <button key={m.id} type="button" className="dshr-comboPickItem" title={lab.title} onClick={() => toggleModel(g.supplier.id, m.id)}>
+                                  <span className="dshr-comboPickName">{lab.label}</span>
+                                  {lab.showId && <span className="dshr-comboPickKey">{m.id}</span>}
+                                </button>
+                              )
+                            })}
                           </div>
                         )
                       })}

package/src/client/ExtDetail.tsx

@@ -13,13 +13,11 @@
  *
  * 列表页只列**已启用**的扩展（关闭的连卡片都不出现），所以这里也不必再显示
  * 「已启用/未启用」——那行字只能是常量。布局同供应商详情：返回链接 + 图标 +
- * 名称/副行，下面跟扩展说明卡与未就绪横幅。有 `api()` 支持的自定义扩展可在未来
- * 按需加独立面板，此处不内置任何具体扩展的专属视图。
+ * 名称/副行，下面跟扩展说明卡与未就绪横幅。
  */
 import { Fragment, useEffect, useState } from 'react'
 import { Switch } from '@deepseek-ai/dsh-client-ui-primitives'
 import { ROUTER_API_BASE, type ExtControlItem, type RouterExtItem, type RouterExtResponse } from '../shared.ts'
-import { extPanel } from './ext-panels.ts'
 import { groupControlRows } from './group-controls.ts'
 import { Modal } from './Modal.tsx'
 
@@ -599,10 +597,6 @@ interface ExtDetailProps {
 }
 
 export function ExtDetail({ item, onBack }: ExtDetailProps): JSX.Element {
-  // 扩展**自带**详情面板时用它（插件自检就是这么做的：选供应商/模型/连接 + 跑测试）。
-  // 没有就退回下面这张通用只读页 —— 保留返回链接与标题，导航形状与有没有自定义
-  // 面板无关，用户点进去的预期是稳定的。
-  const Custom = extPanel(item.id)
   return (
     <div className="dshr-tabBody">
       {/* Header（同供应商详情：返回链接 + 图标 + 名称/副行） */}
@@ -635,13 +629,9 @@ export function ExtDetail({ item, onBack }: ExtDetailProps): JSX.Element {
         </div>
       </div>
 
-      {/* 扩展自带的面板优先（注册表命中时下面几块都不渲染） */}
-      {Custom !== undefined ? <Custom /> : (
-        <>
       {/* 子开关（扩展自己的行为细节；没有 controls 就不渲染这一块） */}
       {item.controls !== undefined && item.controls.length > 0 && <ExtControls item={item} />}
 
-      {/* 实际生效的提示词（只读预览；回答「关掉的真的没进去吗」） */}
       {/* 未就绪警示（同供应商详情的出错横幅） */}
       {item.ready === false && (
         <div className="dshr-alert">
@@ -649,8 +639,6 @@ export function ExtDetail({ item, onBack }: ExtDetailProps): JSX.Element {
           <span>{item.detail !== undefined && item.detail !== '' ? item.detail : '当前不可用'}</span>
         </div>
       )}
-        </>
-      )}
     </div>
   )
 }

package/src/client/SupplierDetail.tsx

@@ -13,6 +13,7 @@ import {
   type RouterSupplierModelsResponse,
 } from '../shared.ts'
 import { statusBadge } from './account-badge.ts'
+import { modelLabel, modelMatches } from './model-label.ts'
 import { Modal } from './Modal.tsx'
 
 /* ---------------- SVG 图标 ---------------- */
@@ -550,7 +551,7 @@ export function SupplierDetail({ supplier, accounts, statusLoading, onBack, onRe
     return out
   })()
   const q = modelQuery.trim().toLowerCase()
-  const matchQuery = (m: RouterSupplierModel): boolean => q === '' || m.id.toLowerCase().includes(q)
+  const matchQuery = (m: RouterSupplierModel): boolean => modelMatches(q, m)
   const enabledModels = models?.filter(m => m.enabled && matchQuery(m)) ?? []
   const disabledModels = models?.filter(m => !m.enabled && matchQuery(m)) ?? []
 
@@ -763,19 +764,24 @@ export function SupplierDetail({ supplier, accounts, statusLoading, onBack, onRe
               {enabledModels.map(model => {
                 const status = testResults[model.id]
                 const chipCls = status === 'ok' ? ' dshr-modelChip-ok' : status === 'error' ? ' dshr-modelChip-err' : ''
+                const lab = modelLabel(model)
                 return (
                   <div key={model.id} className={`dshr-modelChipWrap${chipCls}`}>
                     <button
                       type="button"
                       className="dshr-modelChip"
-                      title="点击禁用"
+                      title={`${lab.title}\n点击禁用`}
                       disabled={toggling}
                       onClick={() => void toggleModel(model.id, false)}
                     >
                       <span className="dshr-modelChipStatus">
                         <Icon d={status === 'ok' ? I.checkCircle : status === 'error' ? I.cancel : I.robot} size={13} />
                       </span>
-                      <span className="dshr-modelChipId">{model.id}</span>
+                      <span className="dshr-modelChipName">{lab.label}</span>
+                      {lab.showId && <span className="dshr-modelChipKey">{model.id}</span>}
+                      {typeof model.context_length === 'number' && model.context_length > 0 && (
+                        <span className="dshr-modelChipCtx">{model.context_length}K</span>
+                      )}
                     </button>
                     <div className="dshr-modelChipOps">
                       <button
@@ -819,11 +825,11 @@ export function SupplierDetail({ supplier, accounts, statusLoading, onBack, onRe
                         key={model.id}
                         type="button"
                         className="dshr-modelChip dshr-modelChip-off"
-                        title="点击恢复"
+                        title={`${modelLabel(model).title}\n点击恢复`}
                         disabled={toggling}
                         onClick={() => void toggleModel(model.id, true)}
                       >
-                        <span className="dshr-modelChipId">{model.id}</span>
+                        <span className="dshr-modelChipName">{modelLabel(model).label}</span>
                         <span className="dshr-modelChipRestore">+ 恢复</span>
                       </button>
                     ))}

package/src/client/group-controls.test.ts

@@ -1,7 +1,7 @@
 /**
  * 详情页 controls 分组的判据（`group-controls.ts`）。
  *
- * 关键是**向后兼容不可退**：没用 `group` 字段的扩展（ext-test 等）必须
+ * 关键是**向后兼容不可退**：没用 `group` 字段的扩展必须
  * 拿到"一个无组节、顺序不变"的结果 —— 分组是新能力的**叠加**，不是重排。
  */
 import test from 'node:test'

package/src/client/group-controls.ts

@@ -5,7 +5,7 @@
  * 准则分类 + 宿主系统提示词段落），平铺成一长列无从分辨哪条是谁的。
  *
  * 两条规则：
- *   ① **无组节恒排最前** —— 没用 `group` 字段的扩展（ext-test 等）拿到的
+ *   ① **无组节恒排最前** —— 没用 `group` 字段的扩展拿到的
  *      分组结果就是原来的平铺列表（一个无名节），面板行为一个像素不变；
  *   ② 组的先后 = 组名在 `rows` 里的**首次出现序**，组内保持原顺序 ——
  *      不按字母重排：`rows` 的顺序来自服务端（段落按 prompt 序），重排

package/src/client/index.tsx

@@ -11,9 +11,6 @@
 import { mountRouterWorkspace } from './workspace-mount.tsx'
 import { RouterSettingsSection } from './settings-section.tsx'
 import { RouterComponentsSection } from './RouterComponentsSection.tsx'
-import { ExtTestPanel } from './ExtTestPanel.tsx'
-import { registerExtPanel } from './ext-panels.ts'
-import { EXT_TEST_ID } from '../ext-test/plugin.ts'
 import { registerSettingsNavIcon } from './settings-nav-icon.ts'
 import { rewriteRouterModelHint } from './model-hint-copy.ts'
 import { LastHitDock } from './LastHitDock.tsx'
@@ -97,19 +94,6 @@ function mountComponentsSection(ctx: Ctx): (() => void) | undefined {
   }, RouterComponentsSection))
 }
 
-/**
- * 给「插件自检」扩展登记它的详情面板。
- *
- * 面板的**唯一入口**是设置 → 路由 → 扩展 → 点开那张卡片（`ExtDetail` 查注册表拿到
- * 本组件）。**刻意不给插件页那一行再挂一个详情页**：那一行的宿主行开关已经能开/关
- * 它了，再点进去看同一块面板就是同一个东西有两个入口 —— 与「内置扩展不在自绘节里
- * 重复列」是同一条理由。
- */
-function registerExtTestPanel(ctx: Ctx): void {
-  const dispose = registerExtPanel(EXT_TEST_ID, ExtTestPanel)
-  ctx.effect(() => dispose, 'dsh-router: ext test panel registry')
-}
-
 export function apply(ctx: Ctx): void {
   // 「最近命中」徽章：走官方 conversation.composer.dock（scope: session → 组件
   // props 注入 sessionId，按当前会话取命中）。0.2.0 起这个座位无条件可用 ——
@@ -128,7 +112,6 @@ export function apply(ctx: Ctx): void {
   if (disposeComponents !== undefined) {
     ctx.effect(() => disposeComponents, 'dsh-router: plugin page components')
   }
-  registerExtTestPanel(ctx)
   // 换掉宿主的默认齿轮（契约没有 icon 字段，只能注册后认领自己的行）
   ctx.effect(() => registerSettingsNavIcon(SECTION_LABEL), 'dsh-router: settings nav icon')
   // 设置-模型 里 Router 卡片的那句死路提示 → 正确说法（同样只能认领后就地改写）

package/src/client/model-label.test.ts

@@ -0,0 +1,33 @@
+/**
+ * 模型标签/搜索判据测试。
+ *
+ * 为什么要有：这两条判据错了都不会报错，只会让人在面板上做错事 ——
+ * 标签退化成 key（用户还是看不懂），或搜索只认 key（记不清 key 的人搜不到）。
+ */
+import test from 'node:test'
+import assert from 'node:assert/strict'
+import { modelLabel, modelMatches } from './model-label.ts'
+
+test('有可读名：名字在前，key 作为副标签', () => {
+  const l = modelLabel({ id: 'qmodel_38max', name: 'Qwen3.8-Max' })
+  assert.equal(l.label, 'Qwen3.8-Max')
+  assert.equal(l.showId, true)
+  assert.match(l.title, /qmodel_38max/)
+})
+
+test('没有可读名 / 名字与 key 相同：只显示 key，不重复', () => {
+  assert.deepEqual(
+    { ...modelLabel({ id: 'gpt-4o' }), title: undefined },
+    { label: 'gpt-4o', showId: false, title: undefined },
+  )
+  assert.equal(modelLabel({ id: 'gpt-4o', name: 'gpt-4o' }).showId, false)
+  assert.equal(modelLabel({ id: 'gpt-4o', name: '   ' }).label, 'gpt-4o')
+})
+
+test('搜索：可读名与 key 都能命中', () => {
+  const m = { id: 'kmodel_latest', name: 'Kimi-K3.1-Pro' }
+  assert.equal(modelMatches('kimi', m), true)
+  assert.equal(modelMatches('KMODEL', m), true)
+  assert.equal(modelMatches('  ', m), true)
+  assert.equal(modelMatches('glm', m), false)
+})

package/src/client/model-label.ts

@@ -0,0 +1,48 @@
+/**
+ * 模型 chip 的标签 —— 「可读名 + 上游 key」两段。
+ *
+ * 为什么需要：有些上游的模型 key 是内部标识（Qoder 的 `qmodel_38max`、
+ * `kmodel_latest`、`mmodel`），面板上只剩一串猜不出含义的字母；而上游目录里
+ * 其实同时下发了可读名（`Qwen3.8-Max`、`Kimi-K3.1-Pro`）。丢掉它，用户点
+ * 「获取模型」之后仍然不知道自己勾的是什么。
+ *
+ * 但两段不能互相替代：**能发给上游的只有 key**。所以显示上可读名在前、key 在后
+ * （两者相同时只显示一次），复制按钮复制 key，请求/组合存的也是 key。
+ */
+
+/** 一个模型在面板上的呈现。 */
+export interface ModelLabel {
+  /** 主标签：上游给的可读名，没有（或与 key 相同）就用 key。 */
+  label: string
+  /** 是否还要把 key 作为副标签显示 —— 与主标签相同就不重复。 */
+  showId: boolean
+  /** 悬停提示：两个都给出来，并点明请求要用哪个。 */
+  title: string
+}
+
+/**
+ * 算出模型的展示标签。
+ * @param m 至少要有 `id`；`name` 是可读名（可缺、可空串）
+ */
+export function modelLabel(m: { id: string; name?: string }): ModelLabel {
+  const name = (m.name ?? '').trim()
+  const label = name === '' || name === m.id ? m.id : name
+  const showId = label !== m.id
+  return {
+    label,
+    showId,
+    title: showId ? `${label}\n${m.id}（请求与组合里用这个）` : m.id,
+  }
+}
+
+/**
+ * 搜索匹配：可读名与 key **都**参与。
+ *
+ * 两种说法都要能搜到：记得模型叫什么的人搜 `kimi`，记得上游 key 的人搜
+ * `kmodel`；只匹配一个等于把另一半人的搜索框作废。
+ */
+export function modelMatches(query: string, m: { id: string; name?: string }): boolean {
+  const q = query.trim().toLowerCase()
+  if (q === '') return true
+  return m.id.toLowerCase().includes(q) || (m.name ?? '').toLowerCase().includes(q)
+}

package/src/client/router-components.test.ts

@@ -105,7 +105,7 @@ test('内置扩展不进这一节（它已经是原生「包含的组件」里
   const out = groupRouterComponents({ ok: true }, {
     ok: true,
     enhancers: [
-      { id: 'test', name: '插件自检', source: 'builtin' },
+      { id: 'prompt', name: '分层提示词', source: 'builtin' },
       { id: 'rtk', name: 'RTK' },
     ],
   })