dsh-model-doctor 0.5.3 → 0.5.5

package/lib/client/index.js

@@ -74,12 +74,14 @@ window.__ModuleLoader__.load({
 .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: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{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)}
-/* 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}
+/* 关键：官方菜单是 width:max-content，状态条文字绝不能参与菜单的固有宽度计算。
+   width:0 + min-width:100% → 对菜单的宽度贡献为 0，但实际占满整行，不再留右侧空白。 */
+.dmd-allbar{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;padding:6px 10px;margin:2px 0;font-size:11px;border-radius:8px;background:color-mix(in srgb,currentColor 6%,transparent);box-sizing:border-box;width:0;min-width:100%;max-width:100%}
 .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}
@@ -155,6 +157,8 @@ window.__ModuleLoader__.load({
     /** 本轮扫描是否改动过菜单 DOM（用于决定要不要让官方菜单立刻重新锚定）。 */
     let mutatedThisPass = false
     let reanchorAt = 0
+    /** 上一轮看到的官方菜单尺寸（宽x高）：尺寸一变就立刻让官方重新锚定。 */
+    let lastMenuSize = ''
 
     /** 本页会话内已删除的模型键，防目录未刷新时行又冒出来。 */
     const deletedKeys = new Set()
@@ -727,8 +731,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
@@ -760,6 +766,8 @@ window.__ModuleLoader__.load({
               .map(([providerId, value]) => `${providerLabel(providerId)}: ¥${value}`)
             balance.textContent = parts.join(' · ')
           }
+          // 状态条文案变长也会改菜单尺寸：补一次重锚定
+          reanchorOfficialMenu(true)
         })
       })
       // preventDefault 阻止焦点转移到本按钮：焦点一旦离开菜单，官方 onBlur 就会关闭菜单
@@ -774,6 +782,14 @@ window.__ModuleLoader__.load({
       if (hint) status.textContent = hint
       if (before !== null && before.parentNode === host) host.insertBefore(bar, before)
       else host.insertBefore(bar, host.firstChild)
+      // 保险：状态条靠「width:0 + min-width:100%」占满整行且不参与菜单的固有宽度计算。
+      // 万一该技巧在某引擎上没生效，条形会塌成 0 宽 —— 这里实测一次，退化成像素宽度。
+      window.requestAnimationFrame(() => {
+        if (disposed || !bar.isConnected) return
+        const hostWidth = host.clientWidth
+        if (hostWidth <= 40) return
+        if (bar.getBoundingClientRect().width < hostWidth * 0.5) bar.style.width = `${hostWidth}px`
+      })
     }
 
     function providerLabel(providerId) {
@@ -1037,17 +1053,33 @@ window.__ModuleLoader__.load({
      * 这里向菜单派发一个 scroll 事件：它不冒泡，所以只会在捕获阶段命中官方监听，
      * 不会惊动其它监听 window 滚动（冒泡阶段）的组件。
      */
-    function reanchorOfficialMenu() {
+    function reanchorOfficialMenu(force = false) {
       const menu = document.querySelector(`[class*="${OFFICIAL_MENU_SUFFIX}"]`)
       if (menu === null) return
       const now = Date.now()
-      if (now - reanchorAt < 200) return
+      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()
@@ -1069,7 +1101,12 @@ window.__ModuleLoader__.load({
 
       const wired = official.wired + legacyWired + genericWired
       if (wired > 0) paintLastRun('上次结果：')
-      if (mutatedThisPass && official.menuFound) reanchorOfficialMenu()
+      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.3",
+  "version": "0.5.5",
   "description": "模型医生：在对话输入区的模型选择菜单里，为每个模型选项追加「连通检测」与「删除」按钮——直接适配 DSH 官方模型菜单（按官方 DOM 契约精确定位，不依赖任何菜单渲染插件），检测直连各网关探测连通性/欠费/额度，删除直接从 llm-pi-ai 配置移除模型（自动备份配置文档）。",
   "keywords": [
     "deepseek",