dsh-model-doctor 0.5.2 → 0.5.4

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,23 @@ 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;box-sizing:border-box;width:84px;text-align:center;overflow:hidden;text-overflow:ellipsis}
+.dmd-chip.is-stale{opacity:.45}
 .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}
+/* 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 +153,11 @@ window.__ModuleLoader__.load({
     let lastGenericStats = null
     /** 官方路径统计。 */
     let lastOfficialStats = null
+    /** 本轮扫描是否改动过菜单 DOM（用于决定要不要让官方菜单立刻重新锚定）。 */
+    let mutatedThisPass = false
+    let reanchorAt = 0
+    /** 上一轮看到的官方菜单尺寸（宽x高）：尺寸一变就立刻让官方重新锚定。 */
+    let lastMenuSize = ''
 
     /** 本页会话内已删除的模型键，防目录未刷新时行又冒出来。 */
     const deletedKeys = new Set()
@@ -564,6 +572,7 @@ window.__ModuleLoader__.load({
             // 所以先把焦点转移到相邻的模型行再移除。
             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) {
@@ -599,6 +608,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)
@@ -624,7 +642,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'
@@ -660,6 +678,7 @@ window.__ModuleLoader__.load({
       actions.appendChild(refresh)
       actions.appendChild(del)
       row.appendChild(actions)
+      mutatedThisPass = true
     }
 
     /* ---------------------------------------------------------------- */
@@ -684,6 +703,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 = '⚡ 全部检测'
@@ -710,8 +730,10 @@ window.__ModuleLoader__.load({
         barBusy = true
         status.textContent = '探测中…'
         balance.textContent = ''
+        // 只把旧结果「变灰」，绝不删除：删徽章会让行变窄、菜单跟着变窄，
+        // 而官方 place() 要等下次滚动才重算 —— 表现就是检测期间一滚动菜单就右移。
         rowByKey.forEach((row) => {
-          row.querySelectorAll('.dmd-chip').forEach((chip) => chip.remove())
+          row.querySelectorAll('.dmd-chip').forEach((chip) => chip.classList.add('is-stale'))
         })
         doctor.checkAll().then((result) => {
           if (disposed) return
@@ -743,6 +765,8 @@ window.__ModuleLoader__.load({
               .map(([providerId, value]) => `${providerLabel(providerId)}: ¥${value}`)
             balance.textContent = parts.join(' · ')
           }
+          // 状态条文案变长也会改菜单尺寸：补一次重锚定
+          reanchorOfficialMenu(true)
         })
       })
       // preventDefault 阻止焦点转移到本按钮：焦点一旦离开菜单，官方 onBlur 就会关闭菜单
@@ -1010,6 +1034,43 @@ window.__ModuleLoader__.load({
       }
     }
 
+    /**
+     * 让官方菜单立刻按当前尺寸重新锚定。
+     *
+     * 官方 place() 只在 window 的 scroll（捕获）与 resize 时重算，而它把菜单放在
+     * 「触发按钮上方、底部对齐」的位置（y = trigger.top - 8 - 菜单高，x = trigger.right - 菜单宽）。
+     * 我们的按钮/徽章/状态条会让菜单变宽，如果不在改动后立刻重算，位置就要等用户
+     * 下次滚动才更新 —— 表现就是「一往下滑菜单就跳位」。
+     * 这里向菜单派发一个 scroll 事件：它不冒泡，所以只会在捕获阶段命中官方监听，
+     * 不会惊动其它监听 window 滚动（冒泡阶段）的组件。
+     */
+    function reanchorOfficialMenu(force = false) {
+      const menu = document.querySelector(`[class*="${OFFICIAL_MENU_SUFFIX}"]`)
+      if (menu === null) return
+      const now = Date.now()
+      if (!force && now - reanchorAt < 200) return
+      reanchorAt = now
+      try {
+        // 官方 place() 同时监听 window 的 scroll（捕获阶段）与 resize：
+        // 前者精准（不冒泡，不会惊动其它滚动监听），后者作为保底。
+        menu.dispatchEvent(new Event('scroll'))
+        window.dispatchEvent(new Event('resize'))
+      } catch { /* 忽略派发失败 */ }
+    }
+
+    /** 菜单尺寸（宽x高）是否与上一轮不同；不同就说明位置需要立刻重算。 */
+    function officialMenuSizeChanged() {
+      const menu = document.querySelector(`[class*="${OFFICIAL_MENU_SUFFIX}"]`)
+      if (menu === null) {
+        lastMenuSize = ''
+        return false
+      }
+      const size = `${menu.offsetWidth}x${menu.offsetHeight}`
+      if (size === lastMenuSize) return false
+      lastMenuSize = size
+      return true
+    }
+
     function enhanceInner() {
       if (directory === null || Date.now() - directoryAt >= DIRECTORY_TTL_MS) {
         void fetchDirectory()
@@ -1017,6 +1078,7 @@ window.__ModuleLoader__.load({
       rowByKey.clear()
       rowByModel.clear()
       rowAnchor = new WeakMap()
+      mutatedThisPass = false
 
       // ① 官方路径（首选，按官方 DOM 契约精确取行）
       const official = enhanceOfficial()
@@ -1030,6 +1092,12 @@ window.__ModuleLoader__.load({
 
       const wired = official.wired + legacyWired + genericWired
       if (wired > 0) paintLastRun('上次结果：')
+      if (official.menuFound) {
+        // 兜底：无论尺寸变化是谁造成的（我们加/删元素、官方自身重渲染、状态条文案变长），
+        // 只要实测尺寸变了，就立刻让官方重新锚定，绝不把这个问题留给用户的下一次滚动。
+        const sizeChanged = officialMenuSizeChanged()
+        if (mutatedThisPass || sizeChanged) reanchorOfficialMenu(sizeChanged)
+      }
 
       const menuVisible = official.menuFound || menu !== null
       reportDiagnostics({

package/package.json

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