Upload templates/dashboard.html with huggingface_hub

templates/dashboard.html

@@ -329,14 +329,14 @@
                 </div>
 
                 <div class="chart-container">
-                    <h2>Monthly Requests Comparison</h2>
+                    <h2>Live Comparison of Monthly Requests by Provider</h2>
                     <div class="chart-wrapper">
                         <canvas id="requestsChart"></canvas>
                     </div>
                 </div>
 
                 <div class="chart-container">
-                    <h2>Historical Trends (Last 48 Hours)</h2>
+                    <h2 id="historicalChartTitle">Historical Trends</h2>
                     <div class="chart-wrapper">
                         <canvas id="historicalChart"></canvas>
                     </div>
@@ -352,7 +352,7 @@
                             <tr>
                                 <th>Provider</th>
                                 <th>Monthly Requests</th>
-                                <th>HuggingFace Profile</th>
+                                <th>Hugging Face Profile</th>
                             </tr>
                         </thead>
                         <tbody id="tableBody">
@@ -674,9 +674,14 @@
                         x: {
                             type: 'time',
                             time: {
-                                unit: 'hour',
+                                // Let Chart.js automatically determine the best unit
                                 displayFormats: {
-                                    hour: 'MMM dd HH:mm'
+                                    minute: 'HH:mm',
+                                    hour: 'MMM dd HH:mm',
+                                    day: 'MMM dd',
+                                    week: 'MMM dd',
+                                    month: 'MMM yyyy',
+                                    year: 'yyyy'
                                 }
                             },
                             title: {
@@ -685,6 +690,10 @@
                             },
                             grid: {
                                 color: 'rgba(0, 0, 0, 0.05)'
+                            },
+                            // Use the full range of data
+                            adapters: {
+                                date: {}
                             }
                         },
                         y: {
@@ -751,7 +760,15 @@
                 updateStats(data);
                 updateChart(data);
                 updateTable(data);
-                updateHistoricalChart(historicalData.historical_data || {});
+                updateHistoricalChart(historicalData);
+
+                // Update historical chart title with date range
+                const titleElement = document.getElementById('historicalChartTitle');
+                if (historicalData.data_range && historicalData.data_range !== 'No data') {
+                    titleElement.textContent = `Historical Trends (${historicalData.data_range})`;
+                } else {
+                    titleElement.textContent = 'Historical Trends';
+                }
 
             } catch (error) {
                 showError('Failed to load provider data. Please try again.');