diff --git a/frontend/public/admin.js b/frontend/public/admin.js index 990f0f3..adc29d3 100644 --- a/frontend/public/admin.js +++ b/frontend/public/admin.js @@ -147,7 +147,7 @@ async function loadGPUStatus() { const gpuAvailable = data.gpu_available || false; const statusClass = gpuActive ? 'status-active' : 'status-warning'; - let html = ` + const html = `
GPU Available @@ -166,70 +166,13 @@ async function loadGPUStatus() { Models Loaded ${data.models_loaded || 0}
+ ${!gpuActive ? ` +
+ 💡 Enable GPU for 5-10x faster processing +
+ ` : ''} `; - // Add GPU details if available - if (data.gpu_details) { - const details = data.gpu_details; - - if (details.model || details.gpu_name) { - html += ` -
- GPU Model - ${details.model || details.gpu_name || 'N/A'} -
`; - } - - if (details.gpu_layers !== undefined) { - html += ` -
- GPU Layers - ${details.gpu_layers} -
`; - } - - if (details.layers_offloaded) { - html += ` -
- Layers Offloaded - ${details.layers_offloaded} -
`; - } - - if (details.memory_used) { - html += ` -
- GPU Memory - ${details.memory_used} -
`; - } - - if (details.utilization) { - html += ` -
- GPU Utilization - ${details.utilization} -
`; - } - - if (details.note) { - html += ` -
- ℹ️ ${details.note} -
`; - } - } - - // Add recommendation - if (data.recommendation) { - const bgColor = gpuActive ? '#d1fae5' : '#fef3c7'; - const icon = gpuActive ? '✓' : '💡'; - html += ` -
- ${icon} ${data.recommendation} -
`; - } - document.getElementById('gpuStatus').innerHTML = html; } catch (error) { console.error('Error loading GPU status:', error);