From 2572623b7c06fb6dfd27600fc841b26ace638d46 Mon Sep 17 00:00:00 2001
From: Val Alexander <bunsthedev@gmail.com>
Date: Thu, 12 Mar 2026 07:04:02 -0500
Subject: [PATCH] fix(ui): add msg-meta CSS and fix rebase type errors

---
 ui/src/styles/chat/grouped.css | 42 ++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/ui/src/styles/chat/grouped.css b/ui/src/styles/chat/grouped.css
index d08eadc7e79..c2e5da1173e 100644
--- a/ui/src/styles/chat/grouped.css
+++ b/ui/src/styles/chat/grouped.css
@@ -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);
+}