fix(dashboard): add COALESCE to SQL aggregations and empty-state handling for charts

Backend: wrap SUM() queries with COALESCE in handle_time_series,
handle_clients_usage, and handle_detailed_usage to prevent NULL-induced
panics when no data exists for a time window.

Frontend: add showEmptyChart() empty-state messages and error feedback
across overview, analytics, costs, and clients pages. Rewrite analytics
loadCharts() to use Promise.allSettled() so each chart renders
independently on partial API failures.

static/js/pages/overview.js

@@ -130,6 +130,11 @@ class OverviewPage {
         try {
             const data = await window.api.get('/usage/time-series');
             const series = data.series || [];
+
+            if (series.length === 0) {
+                this.showEmptyChart('requests-chart', 'No request data in the last 24 hours');
+                return;
+            }
             
             const chartData = {
                 labels: series.map(item => item.time),
@@ -146,12 +151,18 @@ class OverviewPage {
             this.charts.requests = window.chartManager.createLineChart('requests-chart', chartData);
         } catch (error) {
             console.error('Error loading requests chart:', error);
+            this.showEmptyChart('requests-chart', 'Failed to load request data');
         }
     }
 
     async loadProvidersChart() {
         try {
             const data = await window.api.get('/usage/providers');
+
+            if (!data || data.length === 0) {
+                this.showEmptyChart('providers-chart', 'No provider usage data yet');
+                return;
+            }
             
             const chartData = {
                 labels: data.map(item => item.provider),
@@ -162,6 +173,24 @@ class OverviewPage {
             this.charts.providers = window.chartManager.createDoughnutChart('providers-chart', chartData);
         } catch (error) {
             console.error('Error loading providers chart:', error);
+            this.showEmptyChart('providers-chart', 'Failed to load provider data');
+        }
+    }
+
+    showEmptyChart(canvasId, message) {
+        const canvas = document.getElementById(canvasId);
+        if (!canvas) return;
+        const container = canvas.closest('.chart-container');
+        if (container) {
+            canvas.style.display = 'none';
+            let msg = container.querySelector('.empty-chart-msg');
+            if (!msg) {
+                msg = document.createElement('div');
+                msg.className = 'empty-chart-msg';
+                msg.style.cssText = 'display:flex;align-items:center;justify-content:center;height:200px;color:var(--fg4);font-size:0.9rem;';
+                container.appendChild(msg);
+            }
+            msg.textContent = message;
         }
     }