update
This commit is contained in:
@@ -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);
|
||||||
|
|||||||
Reference in New Issue
Block a user