feat: Sentinel节点卡片添加HTTP链路延迟显示(横版左下角/网格右上角)

plugins/sentinel/__init__.py

@@ -116,6 +116,7 @@ class Plugin(PluginWebMixin):
                 "system": c.get("system", {}),
                 "platform": c.get("platform", {}),
                 "last_seen": c.get("last_seen", 0),
+                "latency_ms": c.get("latency_ms", 0),
                 "error": c.get("error", ""),
             })
         return web.json_response({"nodes": result})
@@ -195,12 +196,13 @@ class Plugin(PluginWebMixin):
             for node in nodes:
                 if not node.get("enabled", True):
                     continue
-                online, sys_info, err = await self._fetch_system(node)
+                online, sys_info, err, latency = await self._fetch_system(node)
                 _NODE_CACHE[node.get("id", "")] = {
                     "online": online,
                     "system": sys_info or {},
                     "platform": (sys_info or {}).get("platform", {}),
                     "last_seen": time.time(),
+                    "latency_ms": latency,
                     "error": err if not online else "",
                 }
             # 每次轮询都推送 SSE (确保实时性)
@@ -217,14 +219,17 @@ class Plugin(PluginWebMixin):
 
         def _sync_fetch():
             try:
+                t0 = time.time()
                 headers = {"Authorization": f"Bearer {api_key}"} if api_key else {}
                 req = urllib.request.Request(f"{url}{base}/api/system", headers=headers)
                 with urllib.request.urlopen(req, timeout=timeout) as resp:
+                    elapsed = round((time.time() - t0) * 1000)  # ms
                     if resp.status == 200:
-                        return True, _json.loads(resp.read().decode()), ""
+                        return True, _json.loads(resp.read().decode()), "", elapsed
-                    return False, None, f"HTTP {resp.status}"
+                    return False, None, f"HTTP {resp.status}", elapsed
             except Exception as e:
-                return False, None, str(e)[:120]
+                elapsed = round((time.time() - t0) * 1000)
+                return False, None, str(e)[:120], elapsed
 
         return await asyncio.get_event_loop().run_in_executor(None, _sync_fetch)
 
@@ -242,6 +247,7 @@ class Plugin(PluginWebMixin):
                 "system": c.get("system", {}),
                 "platform": c.get("platform", {}),
                 "last_seen": c.get("last_seen", 0),
+                "latency_ms": c.get("latency_ms", 0),
                 "error": c.get("error", ""),
             })
         return result

plugins/sentinel/dashboard.html

@@ -294,6 +294,7 @@
                 (sysInfo.trim() ? '<div class="node-sys">'+esc(sysInfo)+'</div>' : '')+
                 '<div class="node-url">'+esc(n.url||'')+'</div>'+
                 (n.notes ? '<div class="node-notes">📝 '+esc(n.notes)+'</div>' : '')+
+                '<div class="node-latency" style="font-size:.7rem;color:var(--text-dim);margin-top:4px">⏱ —</div>'+
               '</div>'+
               '<div class="col-right-stack">'+
                 '<div class="mtr" id="mtr-'+id+'-cpu"><div class="mtr-data"><span class="rlabel">CPU</span> <span class="rval cpu-val">0%</span></div><canvas id="'+id+'-cpu" height="60"></canvas></div>'+
@@ -311,7 +312,10 @@
               '</div>';
           } else {
             card.innerHTML =
+              '<div style="display:flex;justify-content:space-between;align-items:flex-start">'+
                 '<div class="node-name">'+(n.online?'🟢':'🔴')+' '+esc(n.name)+'</div>'+
+                '<span class="latency-val" style="font-size:.7rem;color:var(--text-dim);flex-shrink:0">⏱ —</span>'+
+              '</div>'+
               (sysInfo.trim() ? '<div class="node-sys">'+esc(sysInfo)+'</div>' : '')+
               '<div class="node-url">'+esc(n.url||'')+'</div>'+
               (n.notes ? '<div class="node-notes">📝 '+esc(n.notes)+'</div>' : '')+
@@ -342,6 +346,17 @@
           sysEl.textContent = si2;
         } else if (sysEl) { sysEl.remove(); }
 
+        // 延迟 (横版: col-left底部 / 网格: 右上角)
+        var latEl = card.querySelector('.node-latency') || card.querySelector('.latency-val');
+        if (latEl && n.latency_ms > 0) {
+          var ms = n.latency_ms;
+          latEl.textContent = '⏱ ' + (ms < 1000 ? ms + 'ms' : (ms/1000).toFixed(1)+'s');
+          latEl.style.color = ms < 100 ? 'var(--success)' : ms < 500 ? 'var(--warning,#e0af68)' : 'var(--error)';
+        } else if (latEl && n.online === false) {
+          latEl.textContent = '⏱ —';
+          latEl.style.color = 'var(--text-dim)';
+        }
+
         var body = isRow ? card.querySelector('.col-right-stack') : card.querySelector('.metrics-body');
         if (!body) return;