dsh-model-doctor 0.5.2 → 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}
+/* 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()
@@ -564,6 +569,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 +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)
@@ -624,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'
@@ -660,6 +675,7 @@ window.__ModuleLoader__.load({
       actions.appendChild(refresh)
       actions.appendChild(del)
       row.appendChild(actions)
+      mutatedThisPass = true
     }
 
     /* ---------------------------------------------------------------- */
@@ -684,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 = '⚡ 全部检测'
@@ -1010,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()
@@ -1017,6 +1055,7 @@ window.__ModuleLoader__.load({
       rowByKey.clear()
       rowByModel.clear()
       rowAnchor = new WeakMap()
+      mutatedThisPass = false
 
       // ① 官方路径（首选，按官方 DOM 契约精确取行）
       const official = enhanceOfficial()
@@ -1030,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.2",
+  "version": "0.5.3",
   "description": "模型医生：在对话输入区的模型选择菜单里，为每个模型选项追加「连通检测」与「删除」按钮——直接适配 DSH 官方模型菜单（按官方 DOM 契约精确定位，不依赖任何菜单渲染插件），检测直连各网关探测连通性/欠费/额度，删除直接从 llm-pi-ai 配置移除模型（自动备份配置文档）。",
   "keywords": [
     "deepseek",