fix(ui): add msg-meta CSS and fix rebase type errors

This commit is contained in:
Val Alexander
2026-03-12 07:04:02 -05:00
parent 567df63682
commit 2572623b7c

View File

@@ -300,3 +300,45 @@ img.chat-avatar {
transform: translateY(0);
}
}
/* ── Message metadata (tokens, cost, model, context %) ── */
.msg-meta {
display: inline-flex;
align-items: center;
gap: 8px;
font-size: 11px;
line-height: 1;
color: var(--muted);
margin-top: 4px;
flex-wrap: wrap;
}
.msg-meta__tokens,
.msg-meta__cache,
.msg-meta__cost,
.msg-meta__ctx,
.msg-meta__model {
display: inline-flex;
align-items: center;
gap: 2px;
white-space: nowrap;
}
.msg-meta__model {
background: var(--bg-hover, rgba(255,255,255,0.06));
padding: 1px 6px;
border-radius: var(--radius-sm, 4px);
font-family: var(--font-mono, monospace);
}
.msg-meta__cost {
color: var(--ok, #22c55e);
}
.msg-meta__ctx--warn {
color: var(--warning, #eab308);
}
.msg-meta__ctx--danger {
color: var(--danger, #ef4444);
}