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'),