web: professional UI overhaul — ink/slate design system, archive+active sections, skeletons, error boundary, conn banner, usage chip, message copy, spawn progress steps; 162 tests ≥95% coverage

2026-08-18 18:19:25 +02:00
parent 42fcaa1fe3
commit e626b9cc6e
12 changed files with 1583 additions and 552 deletions
@@ -167,6 +167,14 @@ export default function ChatView({ store, pushToast }: Props) {
 						{session?.name ?? session?.repo ?? sessionId}
 					</div>
 					<div className="sub">{session?.model}</div>
+					{(chat.usage.inputTokens > 0 || chat.usage.outputTokens > 0) && (
+						<span className="usage-chip" title="tokens this session">
+							↑{chat.usage.inputTokens.toLocaleString()} ↓
+							{chat.usage.outputTokens.toLocaleString()}
+							{chat.usage.totalCost > 0 &&
+								` · $${chat.usage.totalCost.toFixed(2)}`}
+						</span>
+					)}
 					<span
 						className={classNames(
 							"conn-dot",