dsh-model-doctor 0.5.1 → 0.5.3

package/README.md

@@ -76,6 +76,14 @@ DSH 桌面客户端插件：在对话输入区的**模型选择菜单**里，为
 
 ## 版本
 
+- v0.5.3 — **修复滚动时菜单跳位**：官方菜单是 `width:max-content` + 底部锚定，而 `place()`
+  只在滚动/缩放时才重算；改为让新增元素尽量不改变菜单尺寸（徽章作为同一行的弹性项、
+  状态条限宽），并在改动后立刻派发一次 `scroll` 让官方重新锚定
+- v0.5.2 — 修复点「全部检测」会关掉菜单（`disabled` 导致焦点落到 body，触发官方 `onBlur` 关闭）
+- v0.5.1 — 菜单打开时的诊断现场不再被关闭后的空扫描覆盖
+- v0.5.0 — **精确适配官方模型菜单**：按官方 DOM 契约（`role=menuitemradio` + `modelOption`）
+  定位行，用行上的 `title` 取模型名；新增折叠名匹配
+- v0.4.1 — 全文档聚类检测（正则粗筛 + 弹层特征过滤 + 祖父级聚类兜底）
 - v0.4.0 — **解耦菜单渲染插件**：新增「已知模型名 + 可点击行」通用定位路径，官方原生菜单可用；
   不再依赖也不冲突于 dsh-reasoning-effort / dsh-effort-slider；新增客户端 DOM 自检上报
 - v0.3.0 — 检测结果持久化（跨菜单开关与重启保留，只留最近一次）

package/lib/client/index.js

@@ -67,20 +67,22 @@ window.__ModuleLoader__.load({
     }
 
     const CSS = `
-.dmd-actions{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:5px;z-index:2}
-.dmd-btn{width:27px;height:27px;line-height:26px;text-align:center;font-size:16px;border-radius:8px;cursor:pointer;user-select:none;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent);opacity:.72;flex-shrink:0}
+.dmd-actions{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:4px;z-index:2}
+.dmd-btn{width:24px;height:24px;line-height:23px;text-align:center;font-size:15px;border-radius:8px;cursor:pointer;user-select:none;color:inherit;background:color-mix(in srgb,currentColor 8%,transparent);opacity:.72;flex-shrink:0}
 .dmd-btn:hover{opacity:1;background:color-mix(in srgb,currentColor 18%,transparent)}
 .dmd-btn.dmd-refresh.is-busy{opacity:1;animation:dmd-spin 0.9s linear infinite}
 .dmd-btn.dmd-delete:hover{color:#e5484d}
 .dmd-btn.is-armed{width:auto;padding:0 9px;color:#e5484d;opacity:1;font-size:12px;font-weight:600;line-height:26px}
 @keyframes dmd-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
-.dmd-chip{font-size:11px;line-height:17px;padding:0 7px;margin-left:7px;border-radius:999px;white-space:nowrap;vertical-align:middle;display:inline-block}
+.dmd-chip{font-size:11px;line-height:17px;padding:0 7px;margin-left:2px;border-radius:999px;white-space:nowrap;vertical-align:middle;display:inline-block;flex:none;max-width:110px;overflow:hidden;text-overflow:ellipsis}
 .dmd-chip.is-ok{color:#2fa96e;background:color-mix(in srgb,#2fa96e 16%,transparent)}
 .dmd-chip.is-bad{color:#e5484d;background:color-mix(in srgb,#e5484d 14%,transparent)}
 .dmd-chip.is-warn{color:#d08700;background:color-mix(in srgb,#d08700 16%,transparent)}
-.dmd-allbar{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:2px 6px;font-size:11px;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent)}
-.dmd-allbar button{font:inherit;font-size:11px;line-height:16px;padding:2px 9px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;cursor:pointer}
-.dmd-allbar button:disabled{opacity:.45;cursor:default}
+/* max-width 是关键：官方菜单是 width:max-content，状态条文字不能把菜单撑宽 */
+.dmd-allbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 10px;margin:2px 4px;font-size:11px;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent);max-width:208px}
+.dmd-allbar button{font:inherit;font-size:11px;line-height:16px;padding:2px 9px;border-radius:6px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);background:transparent;color:inherit;cursor:pointer;flex:none}
+.dmd-allbar button:disabled,.dmd-allbar button.is-busy{opacity:.45;cursor:default}
+.dmd-allbar .dmd-status,.dmd-allbar .dmd-balance{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .dmd-allbar .dmd-status{opacity:.65}
 .dmd-allbar .dmd-balance{color:#2fa96e}
 `
@@ -150,6 +152,9 @@ window.__ModuleLoader__.load({
     let lastGenericStats = null
     /** 官方路径统计。 */
     let lastOfficialStats = null
+    /** 本轮扫描是否改动过菜单 DOM（用于决定要不要让官方菜单立刻重新锚定）。 */
+    let mutatedThisPass = false
+    let reanchorAt = 0
 
     /** 本页会话内已删除的模型键，防目录未刷新时行又冒出来。 */
     const deletedKeys = new Set()
@@ -560,8 +565,18 @@ window.__ModuleLoader__.load({
           if (result && result.ok === true) {
             deletedKeys.add(keyOf(provider, model))
             const section = row.closest('section')
+            // 焦点若在被删行上，移除后焦点会落到 body → 官方 onBlur 会关闭菜单，
+            // 所以先把焦点转移到相邻的模型行再移除。
+            const hadFocus = row === document.activeElement
+            const neighbour = row.nextElementSibling ?? row.previousElementSibling
+            mutatedThisPass = true
             row.remove()
             if (section !== null && section.querySelectorAll(ROW_SEL).length === 0) section.remove()
+            if (hadFocus) {
+              const target = (neighbour !== null && neighbour.isConnected ? neighbour : null)
+                ?? document.querySelector('[role="menuitemradio"]')
+              if (target !== null && typeof target.focus === 'function') target.focus()
+            }
             fetchDirectory(true)
           } else {
             const message = result && typeof result.error === 'string' ? result.error : '删除失败'
@@ -590,6 +605,15 @@ window.__ModuleLoader__.load({
     function paintChip(row, result) {
       row.querySelectorAll('.dmd-chip').forEach((chip) => chip.remove())
       const chip = chipOf(result)
+      mutatedThisPass = true
+      // 官方行是 flex 行（align-items:center / nowrap）。徽章必须作为同一行的弹性项插在
+      // 按钮之前；插进 .optionCopy（纵向 flex）会多出一行、把行高和菜单尺寸一起改掉，
+      // 那样官方 place() 下次滚动才会重算位置 —— 表现就是「一滚动菜单就跳位」。
+      const actions = row.querySelector(':scope > .dmd-actions')
+      if (actions !== null) {
+        row.insertBefore(chip, actions)
+        return chip
+      }
       const anchor = labelAnchor(row)
       if (anchor !== null && anchor !== undefined && anchor.parentNode !== null) {
         anchor.parentNode.insertBefore(chip, anchor.nextSibling)
@@ -615,7 +639,7 @@ window.__ModuleLoader__.load({
       // 按钮钉在选项右侧：行本身需要是定位上下文，并留出右侧空间。
       const computed = window.getComputedStyle(row)
       if (computed.position === 'static') row.style.position = 'relative'
-      if (Number.parseFloat(computed.paddingRight) < 88) row.style.paddingRight = '88px'
+      if (Number.parseFloat(computed.paddingRight) < 62) row.style.paddingRight = '62px'
 
       const actions = document.createElement('span')
       actions.className = 'dmd-actions'
@@ -651,6 +675,7 @@ window.__ModuleLoader__.load({
       actions.appendChild(refresh)
       actions.appendChild(del)
       row.appendChild(actions)
+      mutatedThisPass = true
     }
 
     /* ---------------------------------------------------------------- */
@@ -675,6 +700,7 @@ window.__ModuleLoader__.load({
       }
       const bar = document.createElement('div')
       bar.className = 'dmd-allbar'
+      mutatedThisPass = true
       const button = document.createElement('button')
       button.type = 'button'
       button.textContent = '⚡ 全部检测'
@@ -683,11 +709,21 @@ window.__ModuleLoader__.load({
       status.className = 'dmd-status'
       const balance = document.createElement('span')
       balance.className = 'dmd-balance'
+      // 忙碌用标记而不是 disabled：被禁用的聚焦元素会把焦点丢给 body，
+      // 而官方菜单在根节点上监听 onBlur（portal 的事件仍走 React 树冒泡），
+      // 焦点一离开菜单就会 setOpen(false) —— 表现就是「点全部检测菜单被关掉」。
+      let busy = false
+      const setBusy = (value) => {
+        busy = value
+        button.classList.toggle('is-busy', value)
+        button.setAttribute('aria-busy', value ? 'true' : 'false')
+        button.style.pointerEvents = value ? 'none' : ''
+      }
       button.addEventListener('click', (event) => {
         event.stopPropagation()
         event.preventDefault()
-        if (doctor === null || button.disabled) return
-        button.disabled = true
+        if (doctor === null || busy) return
+        setBusy(true)
         barBusy = true
         status.textContent = '探测中…'
         balance.textContent = ''
@@ -696,7 +732,7 @@ window.__ModuleLoader__.load({
         })
         doctor.checkAll().then((result) => {
           if (disposed) return
-          button.disabled = false
+          setBusy(false)
           barBusy = false
           if (!result || result.ok === false || !isRecord(result.results)) {
             status.textContent = `失败：${result && typeof result.error === 'string' ? result.error : '通道异常'}`
@@ -726,7 +762,12 @@ window.__ModuleLoader__.load({
           }
         })
       })
-      button.addEventListener('mousedown', (event) => event.stopPropagation())
+      // preventDefault 阻止焦点转移到本按钮：焦点一旦离开菜单，官方 onBlur 就会关闭菜单
+      button.addEventListener('mousedown', (event) => {
+        event.preventDefault()
+        event.stopPropagation()
+      })
+      button.addEventListener('pointerdown', (event) => event.stopPropagation())
       bar.appendChild(button)
       bar.appendChild(status)
       bar.appendChild(balance)
@@ -986,6 +1027,27 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /**
+     * 让官方菜单立刻按当前尺寸重新锚定。
+     *
+     * 官方 place() 只在 window 的 scroll（捕获）与 resize 时重算，而它把菜单放在
+     * 「触发按钮上方、底部对齐」的位置（y = trigger.top - 8 - 菜单高，x = trigger.right - 菜单宽）。
+     * 我们的按钮/徽章/状态条会让菜单变宽，如果不在改动后立刻重算，位置就要等用户
+     * 下次滚动才更新 —— 表现就是「一往下滑菜单就跳位」。
+     * 这里向菜单派发一个 scroll 事件：它不冒泡，所以只会在捕获阶段命中官方监听，
+     * 不会惊动其它监听 window 滚动（冒泡阶段）的组件。
+     */
+    function reanchorOfficialMenu() {
+      const menu = document.querySelector(`[class*="${OFFICIAL_MENU_SUFFIX}"]`)
+      if (menu === null) return
+      const now = Date.now()
+      if (now - reanchorAt < 200) return
+      reanchorAt = now
+      try {
+        menu.dispatchEvent(new Event('scroll'))
+      } catch { /* 忽略派发失败 */ }
+    }
+
     function enhanceInner() {
       if (directory === null || Date.now() - directoryAt >= DIRECTORY_TTL_MS) {
         void fetchDirectory()
@@ -993,6 +1055,7 @@ window.__ModuleLoader__.load({
       rowByKey.clear()
       rowByModel.clear()
       rowAnchor = new WeakMap()
+      mutatedThisPass = false
 
       // ① 官方路径（首选，按官方 DOM 契约精确取行）
       const official = enhanceOfficial()
@@ -1006,6 +1069,7 @@ window.__ModuleLoader__.load({
 
       const wired = official.wired + legacyWired + genericWired
       if (wired > 0) paintLastRun('上次结果：')
+      if (mutatedThisPass && official.menuFound) reanchorOfficialMenu()
 
       const menuVisible = official.menuFound || menu !== null
       reportDiagnostics({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dsh-model-doctor",
-  "version": "0.5.1",
+  "version": "0.5.3",
   "description": "模型医生：在对话输入区的模型选择菜单里，为每个模型选项追加「连通检测」与「删除」按钮——直接适配 DSH 官方模型菜单（按官方 DOM 契约精确定位，不依赖任何菜单渲染插件），检测直连各网关探测连通性/欠费/额度，删除直接从 llm-pi-ai 配置移除模型（自动备份配置文档）。",
   "keywords": [
     "deepseek",