This commit is contained in:
2025-11-20 12:40:56 +01:00
parent e52042d5a8
commit ab47e518fa

View File

@@ -147,7 +147,7 @@ async function loadGPUStatus() {
const gpuAvailable = data.gpu_available || false; const gpuAvailable = data.gpu_available || false;
const statusClass = gpuActive ? 'status-active' : 'status-warning'; const statusClass = gpuActive ? 'status-active' : 'status-warning';
let html = ` const html = `
<div class="stat-row"> <div class="stat-row">
<span class="stat-label">GPU Available</span> <span class="stat-label">GPU Available</span>
<span class="stat-value"> <span class="stat-value">
@@ -166,70 +166,13 @@ async function loadGPUStatus() {
<span class="stat-label">Models Loaded</span> <span class="stat-label">Models Loaded</span>
<span class="stat-value">${data.models_loaded || 0}</span> <span class="stat-value">${data.models_loaded || 0}</span>
</div> </div>
${!gpuActive ? `
<div style="margin-top: 10px; padding: 10px; background: #fef3c7; border-radius: 5px; font-size: 12px;">
💡 Enable GPU for 5-10x faster processing
</div>
` : ''}
`; `;
// Add GPU details if available
if (data.gpu_details) {
const details = data.gpu_details;
if (details.model || details.gpu_name) {
html += `
<div class="stat-row">
<span class="stat-label">GPU Model</span>
<span class="stat-value" style="font-size: 12px;">${details.model || details.gpu_name || 'N/A'}</span>
</div>`;
}
if (details.gpu_layers !== undefined) {
html += `
<div class="stat-row">
<span class="stat-label">GPU Layers</span>
<span class="stat-value">${details.gpu_layers}</span>
</div>`;
}
if (details.layers_offloaded) {
html += `
<div class="stat-row">
<span class="stat-label">Layers Offloaded</span>
<span class="stat-value">${details.layers_offloaded}</span>
</div>`;
}
if (details.memory_used) {
html += `
<div class="stat-row">
<span class="stat-label">GPU Memory</span>
<span class="stat-value">${details.memory_used}</span>
</div>`;
}
if (details.utilization) {
html += `
<div class="stat-row">
<span class="stat-label">GPU Utilization</span>
<span class="stat-value">${details.utilization}</span>
</div>`;
}
if (details.note) {
html += `
<div style="margin-top: 10px; padding: 10px; background: #dbeafe; border-radius: 5px; font-size: 11px;">
${details.note}
</div>`;
}
}
// Add recommendation
if (data.recommendation) {
const bgColor = gpuActive ? '#d1fae5' : '#fef3c7';
const icon = gpuActive ? '✓' : '💡';
html += `
<div style="margin-top: 10px; padding: 10px; background: ${bgColor}; border-radius: 5px; font-size: 12px; white-space: pre-line;">
${icon} ${data.recommendation}
</div>`;
}
document.getElementById('gpuStatus').innerHTML = html; document.getElementById('gpuStatus').innerHTML = html;
} catch (error) { } catch (error) {
console.error('Error loading GPU status:', error); console.error('Error loading GPU status:', error);