Give the token ledger its own card on the dashboard
The AI card answers whether the model is healthy now; what it has spent over a month was a different question crowding it out one line at a time.
This commit is contained in:
@@ -127,20 +127,14 @@ if (is_dir('/var/log/varaverk')) {
|
||||
.vv-ai-tok { display:grid; grid-template-columns:var(--vv-tok-split,2fr 3fr); gap:1px; background:#1a1a1a;
|
||||
border:1px solid #262626; border-radius:6px; overflow:hidden; }
|
||||
@media (max-width:900px) { .vv-ai-tok { grid-template-columns:1fr; } }
|
||||
.vv-ai-hostrow { display:flex; align-items:center; gap:8px; font-size:11px; padding:4px 6px;
|
||||
border-radius:4px; cursor:pointer; border:1px solid transparent; }
|
||||
.vv-ai-hostrow:hover { background:#141414; }
|
||||
.vv-ai-hostrow.active { background:#14202c; border-color:#2d4a6a; }
|
||||
.vv-ai-hostrow-n { color:#8a8a8a; }
|
||||
.vv-ai-hostrow-h { color:#4a4a4a; font-family:monospace; font-size:10px; }
|
||||
.vv-ai-hostrow-v { margin-left:auto; color:#c8c8c8; font-family:monospace; font-size:11px; flex-shrink:0; }
|
||||
.vv-ai-hostrow-v.none { color:#3a3a3a; font-style:italic; font-family:inherit; font-size:10px; }
|
||||
.vv-ai-tok-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(140px,1fr)); gap:12px; }
|
||||
.vv-ai-tok-l { font-size:9px; letter-spacing:.08em; text-transform:uppercase; color:#4a4a4a; }
|
||||
.vv-ai-tok-v { font-size:17px; font-weight:bold; color:#c8c8c8; font-family:monospace; line-height:1.3; }
|
||||
.vv-ai-tok-s { font-size:10px; color:#5a5a5a; }
|
||||
.vv-ai-tok-foot { margin-top:9px; padding-top:7px; border-top:1px solid #1a1a1a; font-size:10px;
|
||||
color:#4a4a4a; display:flex; gap:14px; flex-wrap:wrap; }
|
||||
|
||||
/* The rows and tiles this panel is built from live in css/varaverk.css, not here. The Monitor
|
||||
tab renders the same ledger in a card of its own, and a style block on this page is only
|
||||
loaded when this page is — which is why they had to leave. What stays above is this panel's
|
||||
own chrome: the two-column split and the border around it, which the Monitor card does not
|
||||
share because it is a .vv-card and already has one.
|
||||
.vv-ai-hostrow* host rows, including the active state the scope click sets
|
||||
.vv-ai-tok-* the Today / 7-day / All-time tiles and the footer line */
|
||||
|
||||
/* ── Assistant-filed bug reports ─────────────────────────────────────────── */
|
||||
.vv-ai-bug { border-left:2px solid #5a3a2a; background:#140f0c; border-radius:0 3px 3px 0;
|
||||
|
||||
Reference in New Issue
Block a user