diff --git a/ui/src/pages/routes/PerformanceTab.tsx b/ui/src/pages/routes/PerformanceTab.tsx index bb9ea624..24a83b1f 100644 --- a/ui/src/pages/routes/PerformanceTab.tsx +++ b/ui/src/pages/routes/PerformanceTab.tsx @@ -45,6 +45,7 @@ export function PerformanceTab({ group, routeId }: PerformanceTabProps) { const prevFailureRate = stats && stats.prevTotalCount > 0 ? (stats.prevFailedCount / stats.prevTotalCount) * 100 : 0; + const avgChange = stats ? pctChange(stats.avgDurationMs, stats.prevAvgDurationMs) : null; const p99Change = stats ? pctChange(stats.p99LatencyMs, stats.prevP99LatencyMs) : null; const failChange = stats ? pctChange(failureRate, prevFailureRate) : null; @@ -63,6 +64,8 @@ export function PerformanceTab({ group, routeId }: PerformanceTabProps) { label="Avg Duration" value={stats ? `${stats.avgDurationMs}ms` : '--'} accent="cyan" + change={avgChange?.text} + changeDirection={avgChange?.direction} sparkData={sparkAvg} />