feat: stat card top accents, timeline time hierarchy
This commit is contained in:
@@ -624,16 +624,16 @@
|
||||
<p class="empty-state">Loading agent activity...</p>
|
||||
</div>
|
||||
<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-value" id="stat-messages">0</div>
|
||||
<div class="stat-card-sub">received and sent</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-value" id="stat-tools">0</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-value" id="stat-errors">0</div>
|
||||
</div>
|
||||
|
||||
@@ -795,8 +795,9 @@ tr.expandable:hover .expand-icon::before {
|
||||
|
||||
.timeline-event-time {
|
||||
font-family: var(--font-mono);
|
||||
font-size: 0.68rem;
|
||||
font-size: 0.65rem;
|
||||
color: var(--text-dim);
|
||||
opacity: 0.6;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
@@ -874,6 +875,7 @@ tr.expandable:hover .expand-icon::before {
|
||||
.stat-card {
|
||||
background: var(--surface);
|
||||
border: 1px solid var(--border);
|
||||
border-top: 2px solid var(--card-accent, var(--border));
|
||||
border-radius: var(--radius-lg);
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user