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);