@@ -155,23 +155,25 @@ const TaskHeader = ({
155155 { ! totalCost && < TaskActions item = { currentTaskItem } /> }
156156 </ div >
157157
158- { doesModelSupportPromptCache && ( cacheReads || cacheWrites ) && (
159- < div className = "flex items-center gap-1 flex-wrap h-[20px]" >
160- < span className = "font-bold" > { t ( "chat:task.cache" ) } </ span >
161- { typeof cacheWrites === "number" && cacheWrites > 0 && (
162- < span className = "flex items-center gap-0.5" >
163- < CloudUpload size = { 16 } />
164- { formatLargeNumber ( cacheWrites ) }
165- </ span >
166- ) }
167- { typeof cacheReads === "number" && cacheReads > 0 && (
168- < span className = "flex items-center gap-0.5" >
169- < CloudDownload size = { 16 } />
170- { formatLargeNumber ( cacheReads ) }
171- </ span >
172- ) }
173- </ div >
174- ) }
158+ { doesModelSupportPromptCache &&
159+ ( ( typeof cacheReads === "number" && cacheReads > 0 ) ||
160+ ( typeof cacheWrites === "number" && cacheWrites > 0 ) ) && (
161+ < div className = "flex items-center gap-1 flex-wrap h-[20px]" >
162+ < span className = "font-bold" > { t ( "chat:task.cache" ) } </ span >
163+ { typeof cacheWrites === "number" && cacheWrites > 0 && (
164+ < span className = "flex items-center gap-0.5" >
165+ < CloudUpload size = { 16 } />
166+ { formatLargeNumber ( cacheWrites ) }
167+ </ span >
168+ ) }
169+ { typeof cacheReads === "number" && cacheReads > 0 && (
170+ < span className = "flex items-center gap-0.5" >
171+ < CloudDownload size = { 16 } />
172+ { formatLargeNumber ( cacheReads ) }
173+ </ span >
174+ ) }
175+ </ div >
176+ ) }
175177
176178 { ! ! totalCost && (
177179 < div className = "flex justify-between items-center h-[20px]" >
0 commit comments