Fetch GPU info dynamically from system diagnostics instead of hardcoding Quadro P2000

static/app.js

@@ -1758,6 +1758,26 @@ async function initializeApp() {
     await loadQueue();   // Load active jobs queue at page load
     await loadUploadsBrowser(); // Load previously uploaded videos browser
 
+    // Load GPU Diagnostics
+    try {
+        const res = await fetch("/api/diagnostics");
+        if (res.ok) {
+            const diag = await res.json();
+            const gpuInfo = document.getElementById("gpu-info");
+            if (gpuInfo) {
+                if (diag.gpu && diag.gpu.available && diag.gpu.gpus.length > 0) {
+                    const gpuName = diag.gpu.gpus[0].name;
+                    gpuInfo.textContent = `GPU Active: ${gpuName} (Vulkan)`;
+                } else {
+                    gpuInfo.textContent = "GPU Active: Vulkan Device";
+                }
+            }
+        }
+    } catch (err) {
+        console.error("Error loading GPU diagnostics:", err);
+    }
+
+
     // Register btn-refresh-uploads click handler
     const refreshUploadsBtn = document.getElementById("refresh-uploads-btn");
     if (refreshUploadsBtn) {

static/index.html

@@ -33,7 +33,7 @@
                 </div>
                 <div class="gpu-badge">
                     <div class="gpu-dot"></div>
-                    <span id="gpu-info">GPU Active: Quadro P2000 (Vulkan)</span>
+                    <span id="gpu-info">GPU Active: Detecting... (Vulkan)</span>
                 </div>
             </div>
         </header>