fix(dashboard): fix chart crash, field name mismatches, and demo data injection
Some checks failed
CI / Check (push) Has been cancelled
CI / Clippy (push) Has been cancelled
CI / Formatting (push) Has been cancelled
CI / Test (push) Has been cancelled
CI / Release Build (push) Has been cancelled

- overview.js: fix time-series chart crash (data is {series:[...]}, not array; field is 'time' not 'hour')
- monitoring.js: use fallback field names (total_tokens/tokens, duration_ms/duration) for WebSocket vs API compat
- monitoring.js: disable localhost demo data injection that mixed fake data with real
- websocket.js: fix duplicate condition and field name mismatches in dead-code handlers
- logging/mod.rs: add info! logs for successful DB insert and broadcast count for diagnostics
This commit is contained in:
2026-03-02 10:14:20 -05:00
parent 9318336f62
commit d5d869dcc6
4 changed files with 20 additions and 35 deletions

View File

@@ -403,7 +403,7 @@ class MonitoringPage {
<strong>${request.client_id || 'Unknown'}</strong> →
${request.provider || 'Unknown'} (${request.model || 'Unknown'})
<div class="stream-entry-details">
${request.tokens || 0} tokens • ${request.duration || 0}ms
${request.total_tokens || request.tokens || 0} tokens • ${request.duration_ms || request.duration || 0}ms
</div>
</div>
`;
@@ -493,28 +493,7 @@ class MonitoringPage {
}
startDemoUpdates() {
// Simulate incoming requests for demo purposes
if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
setInterval(() => {
if (!this.isPaused && Math.random() > 0.3) { // 70% chance
this.simulateRequest();
}
}, 2000);
// Simulate logs
setInterval(() => {
if (!this.isPaused && Math.random() > 0.5) { // 50% chance
this.simulateLog();
}
}, 3000);
// Simulate metrics
setInterval(() => {
if (!this.isPaused) {
this.simulateMetric();
}
}, 5000);
}
// Demo updates disabled — real data comes via WebSocket subscriptions
}
simulateRequest() {

View File

@@ -129,13 +129,14 @@ class OverviewPage {
async loadRequestsChart() {
try {
const data = await window.api.get('/usage/time-series');
const series = data.series || [];
const chartData = {
labels: data.map(item => item.hour),
labels: series.map(item => item.time),
datasets: [
{
label: 'Requests',
data: data.map(item => item.requests),
data: series.map(item => item.requests),
color: '#3b82f6',
fill: true
}