From af1a3bf386bd6bd6200d3d14a42ef487132b58b0 Mon Sep 17 00:00:00 2001
From: duffyduck <info@hacker-net.de>
Date: Sat, 19 Sep 2026 11:46:51 +0200
Subject: [PATCH] feat(diagnostic): Link von LLM-Einstellungen zur
 Compute-Flotte (Auslastung)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Unter der LLM-Boxen-Liste in Modelle & KI jetzt ein Link "Auslastung &
Details in der Compute-Flotte", der zum Satelliten-Tab wechselt und zur
Compute-Flotte scrollt — dort sitzt der Auslastung-Button pro Node (Live
nvidia-smi + GPU-/Token-Graphen). Anker #compute-fleet + gotoComputeFleet().

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 diagnostic/index.html | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/diagnostic/index.html b/diagnostic/index.html
index 8b4613d..cc1e46e 100644
--- a/diagnostic/index.html
+++ b/diagnostic/index.html
@@ -1397,7 +1397,7 @@
         <div id="sat-list" style="font-size:12px;color:#8888AA;">(Lade...)</div>
       </div>
 
-      <div style="display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;">
+      <div id="compute-fleet" style="display:flex;justify-content:space-between;align-items:center;margin:16px 0 8px;scroll-margin-top:70px;">
         <h2 style="margin:0;">Compute-Flotte 🖥️</h2>
         <button class="btn secondary" onclick="requestWorkers()" style="padding:4px 10px;font-size:11px;">Aktualisieren</button>
       </div>
@@ -4386,6 +4386,17 @@
       }).join('');
     }
 
+    // Sprung von den Einstellungen zur Compute-Flotte (dort sitzt der
+    // Auslastung-Button pro Node → Live nvidia-smi + Graphen).
+    function gotoComputeFleet() {
+      switchMainTab('satellites');
+      requestWorkers();
+      setTimeout(() => {
+        const el = document.getElementById('compute-fleet');
+        if (el) el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      }, 60);
+    }
+
     // ── Auslastungs-Monitor (Stage E) ───────────────────────
     let _nodeStatsTarget = '';
     function openNodeStats(instanceId, node) {
@@ -7045,7 +7056,8 @@
             '<span style="color:#8888AA;">' + escapeHtml(models) + '</span>' +
             '</div>';
         }).join('');
-      }).join('');
+      }).join('') +
+        '<div style="margin-top:6px;"><a href="#" onclick="event.preventDefault();gotoComputeFleet();" style="color:#FFD60A;font-size:11px;">Auslastung &amp; Details in der Compute-Flotte &rarr;</a></div>';
     }
     async function loadLocalLlmConfig() {
       try {