diff --git a/static/app/views/performance/cache/samplePanel/samplePanel.tsx b/static/app/views/performance/cache/samplePanel/samplePanel.tsx
index e86bb219955c1c..d0a1ae2b5388dc 100644
--- a/static/app/views/performance/cache/samplePanel/samplePanel.tsx
+++ b/static/app/views/performance/cache/samplePanel/samplePanel.tsx
@@ -25,10 +25,12 @@ import {MetricReadout} from 'sentry/views/performance/metricReadout';
import * as ModuleLayout from 'sentry/views/performance/moduleLayout';
import DetailPanel from 'sentry/views/starfish/components/detailPanel';
import {getTimeSpentExplanation} from 'sentry/views/starfish/components/tableCells/timeSpentCell';
-import {useSpanMetrics} from 'sentry/views/starfish/queries/useDiscover';
+import {useMetrics, useSpanMetrics} from 'sentry/views/starfish/queries/useDiscover';
import {useIndexedSpans} from 'sentry/views/starfish/queries/useIndexedSpans';
import {useTransactions} from 'sentry/views/starfish/queries/useTransactions';
import {
+ MetricsFields,
+ type MetricsQueryFilters,
SpanFunction,
SpanIndexedField,
type SpanIndexedQueryFilters,
@@ -76,6 +78,15 @@ export function CacheSamplePanel() {
referrer: Referrer.SAMPLES_CACHE_METRICS_RIBBON,
});
+ const {data: transactionDurationData, isLoading: isTransactionDurationLoading} =
+ useMetrics({
+ search: MutableSearch.fromQueryObject({
+ transaction: query.transaction,
+ } satisfies MetricsQueryFilters),
+ fields: [`avg(${MetricsFields.TRANSACTION_DURATION})`],
+ enabled: isPanelOpen && Boolean(query.transaction),
+ });
+
const sampleFilters: SpanIndexedQueryFilters = {
...BASE_FILTERS,
transaction: query.transaction,
@@ -192,6 +203,18 @@ export function CacheSamplePanel() {
isLoading={areCacheTransactionMetricsFetching}
/>
+
+
= {
'avg(http.response_content_length)': t('Avg Encoded Size'),
'avg(http.decoded_response_content_length)': t('Avg Decoded Size'),
'avg(http.response_transfer_size)': t('Avg Transfer Size'),
+ 'avg(transaction.duration)': t('Avg Txn Duration'),
'avg(cache.item_size)': t('Avg Value Size'),
unsuccessfulHTTPCodes: t('Response Codes (3XX, 4XX, 5XX)'),
httpCodeBreakdown: t('Response Code Breakdown'),