feat: chart legend, fw bar height, feed fade, top tools mini bars

This commit is contained in:
William Valentin
2026-03-14 12:02:49 -07:00
parent 2c4b212ae6
commit 1c6255d688
2 changed files with 53 additions and 10 deletions
+14 -7
View File
@@ -979,11 +979,18 @@
<div class="chart-panel">
<div class="chart-header">
<span class="chart-title">Event Rate</span>
<div class="window-selector">
<button class="window-btn active" data-w="1h">1h</button>
<button class="window-btn" data-w="6h">6h</button>
<button class="window-btn" data-w="24h">24h</button>
<button class="window-btn" data-w="7d">7d</button>
<div style="display:flex;align-items:center;gap:1.25rem">
<div class="chart-legend">
<span class="chart-legend-item"><span class="chart-legend-dot" style="background:#34d399"></span>runs</span>
<span class="chart-legend-item"><span class="chart-legend-dot" style="background:#22d3ee"></span>tools</span>
<span class="chart-legend-item"><span class="chart-legend-dot" style="background:#f87171"></span>errors</span>
</div>
<div class="window-selector">
<button class="window-btn active" data-w="1h">1h</button>
<button class="window-btn" data-w="6h">6h</button>
<button class="window-btn" data-w="24h">24h</button>
<button class="window-btn" data-w="7d">7d</button>
</div>
</div>
</div>
<div class="chart-container" id="dash-chart"></div>
@@ -1386,9 +1393,9 @@
return;
}
const maxCount = topTools[0][1];
const maxCount = topTools[0]?.[1] || 1;
list.innerHTML = topTools.map(([name, count]) => {
const pct = maxCount > 0 ? (count / maxCount * 100) : 0;
const pct = (count / maxCount * 100).toFixed(1);
return `
<li>
<div class="stat-list-header">