From d8381e201cb1407a939b496642a0803aec58a47d Mon Sep 17 00:00:00 2001
From: Adam Malczewski <github@tradam.dev>
Date: Sat, 10 Oct 2026 00:54:47 +0900
Subject: feat(turn-metrics): per-step cache hit badge on each step-metrics row

---
 src/features/chat/ui/ChatView.svelte | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

(limited to 'src/features/chat/ui')

diff --git a/src/features/chat/ui/ChatView.svelte b/src/features/chat/ui/ChatView.svelte
index 182b3d6..8f153bf 100644
--- a/src/features/chat/ui/ChatView.svelte
+++ b/src/features/chat/ui/ChatView.svelte
@@ -248,14 +248,23 @@
   {#each keyedRows as { row, key } (key)}
     {#if row.kind === "step-metrics"}
       {@const sv = viewStepMetrics(row.step, row.index)}
+      {@const stepCache = viewCacheRate(row.step.usage)}
       <div class="chat chat-start">
         <div class="chat-bubble w-full max-w-5xl bg-transparent p-0">
-          <div class="text-xs opacity-70">
-            {sv.label} · {sv.tokensLabel}
-            {#if sv.tps}
-              · {sv.tps}{/if}
-            {#if sv.ttft}
-              · {sv.ttft} to first token{/if}
+          <div class="flex flex-wrap items-center gap-x-1 text-xs">
+            <span class="opacity-70">
+              {sv.label} · {sv.tokensLabel}
+              {#if sv.tps}
+                · {sv.tps}{/if}
+              {#if sv.ttft}
+                · {sv.ttft} to first token{/if}
+              ·
+            </span>
+            <span class="opacity-70">cache:</span>
+            <span
+              class="badge badge-xs {badgeClass[stepCache.level]}"
+              data-testid="step-cache-badge">{stepCache.pct}%</span
+            >
           </div>
         </div>
       </div>
-- 
cgit v1.2.3