From b421636a2c6c1c5fbf9f2e035fa5d67847c6e162 Mon Sep 17 00:00:00 2001
From: Chris Estreich <cestreich@gmail.com>
Date: Wed, 23 Apr 2025 11:41:06 -0700
Subject: [PATCH] Properly hide cache section of task header (#2884)

---
 .changeset/hip-news-run.md                    |  5 +++
 webview-ui/src/components/chat/TaskHeader.tsx | 36 ++++++++++---------
 2 files changed, 24 insertions(+), 17 deletions(-)
 create mode 100644 .changeset/hip-news-run.md

diff --git a/.changeset/hip-news-run.md b/.changeset/hip-news-run.md
new file mode 100644
index 0000000000..a9528c5e59
--- /dev/null
+++ b/.changeset/hip-news-run.md
@@ -0,0 +1,5 @@
+---
+"roo-cline": patch
+---
+
+Properly hide cache section of task header
diff --git a/webview-ui/src/components/chat/TaskHeader.tsx b/webview-ui/src/components/chat/TaskHeader.tsx
index 885be54265..d08684d932 100644
--- a/webview-ui/src/components/chat/TaskHeader.tsx
+++ b/webview-ui/src/components/chat/TaskHeader.tsx
@@ -155,23 +155,25 @@ const TaskHeader = ({
 								{!totalCost && <TaskActions item={currentTaskItem} />}
 							</div>
 
-							{doesModelSupportPromptCache && (cacheReads || cacheWrites) && (
-								<div className="flex items-center gap-1 flex-wrap h-[20px]">
-									<span className="font-bold">{t("chat:task.cache")}</span>
-									{typeof cacheWrites === "number" && cacheWrites > 0 && (
-										<span className="flex items-center gap-0.5">
-											<CloudUpload size={16} />
-											{formatLargeNumber(cacheWrites)}
-										</span>
-									)}
-									{typeof cacheReads === "number" && cacheReads > 0 && (
-										<span className="flex items-center gap-0.5">
-											<CloudDownload size={16} />
-											{formatLargeNumber(cacheReads)}
-										</span>
-									)}
-								</div>
-							)}
+							{doesModelSupportPromptCache &&
+								((typeof cacheReads === "number" && cacheReads > 0) ||
+									(typeof cacheWrites === "number" && cacheWrites > 0)) && (
+									<div className="flex items-center gap-1 flex-wrap h-[20px]">
+										<span className="font-bold">{t("chat:task.cache")}</span>
+										{typeof cacheWrites === "number" && cacheWrites > 0 && (
+											<span className="flex items-center gap-0.5">
+												<CloudUpload size={16} />
+												{formatLargeNumber(cacheWrites)}
+											</span>
+										)}
+										{typeof cacheReads === "number" && cacheReads > 0 && (
+											<span className="flex items-center gap-0.5">
+												<CloudDownload size={16} />
+												{formatLargeNumber(cacheReads)}
+											</span>
+										)}
+									</div>
+								)}
 
 							{!!totalCost && (
 								<div className="flex justify-between items-center h-[20px]">