will/agentmon
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: stat card top accents, timeline time hierarchy

Browse Source
This commit is contained in:
William Valentin
2026-03-14 12:14:15 -07:00
parent 5dbfd68fb5
commit acd89e95a9
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
cmd/web-ui/static/app.js
+3 -3
View File
@@ -624,16 +624,16 @@
<p class="empty-state">Loading agent activity...</p> <p class="empty-state">Loading agent activity...</p>
</div> </div>
<div class="stats-panel"> <div class="stats-panel">
<div class="stat-card"> <div class="stat-card" style="--card-accent:var(--accent)">
<div class="stat-card-title">Messages</div> <div class="stat-card-title">Messages</div>
<div class="stat-card-value" id="stat-messages">0</div> <div class="stat-card-value" id="stat-messages">0</div>
<div class="stat-card-sub">received and sent</div> <div class="stat-card-sub">received and sent</div>
</div> </div>
<div class="stat-card"> <div class="stat-card" style="--card-accent:var(--purple)">
<div class="stat-card-title">Tool Calls</div> <div class="stat-card-title">Tool Calls</div>
<div class="stat-card-value" id="stat-tools">0</div> <div class="stat-card-value" id="stat-tools">0</div>
</div> </div>
<div class="stat-card"> <div class="stat-card" style="--card-accent:var(--error)">
<div class="stat-card-title">Errors</div> <div class="stat-card-title">Errors</div>
<div class="stat-card-value" id="stat-errors">0</div> <div class="stat-card-value" id="stat-errors">0</div>
</div> </div>
cmd/web-ui/static/style.css
+3 -1
View File
@@ -795,8 +795,9 @@ tr.expandable:hover .expand-icon::before {
.timeline-event-time { .timeline-event-time {
font-family: var(--font-mono); font-family: var(--font-mono);
font-size: 0.68rem; font-size: 0.65rem;
color: var(--text-dim); color: var(--text-dim);
opacity: 0.6;
margin-left: auto; margin-left: auto;
} }
@@ -874,6 +875,7 @@ tr.expandable:hover .expand-icon::before {
.stat-card { .stat-card {
background: var(--surface); background: var(--surface);
border: 1px solid var(--border); border: 1px solid var(--border);
border-top: 2px solid var(--card-accent, var(--border));
border-radius: var(--radius-lg); border-radius: var(--radius-lg);
padding: 1rem; padding: 1rem;
} }