feat: series query warning

frontend/src/component/impact-metrics/ChartConfigModal/LabelFilter/LabelsFilter.tsx

@@ -72,7 +72,9 @@ export const LabelsFilter: FC<LabelsFilterProps> = ({
                     flexGrow: 1,
                 }}
             >
-                {Object.entries(availableLabels).map(([labelKey, values]) => {
+                {Object.entries(availableLabels)
+                    .sort()
+                    .map(([labelKey, values]) => {
                         const currentSelection = selectedLabels[labelKey] || [];
 
                         return (

frontend/src/component/impact-metrics/ImpactMetricsChart.tsx

@@ -202,6 +202,19 @@ export const ImpactMetricsChart: FC<ImpactMetricsChartProps> = ({
                     </Typography>
                 </Box>
             ) : null}
+            {isPreview && debug?.isTruncated ? (
+                <Box
+                    sx={(theme) => ({
+                        padding: theme.spacing(0, 2),
+                    })}
+                >
+                    <Alert severity='warning'>
+                        Showing only {timeSeriesData.length} series due to
+                        performance. Please change filters for more accurate
+                        results.
+                    </Alert>
+                </Box>
+            ) : null}
         </>
     );
 };

frontend/src/hooks/api/getters/useImpactMetricsData/useImpactMetricsData.ts

@@ -10,6 +10,7 @@ export type ImpactMetricsSeries = {
     data: TimeSeriesData;
 };
 
+// TODO: use OpenAPI types
 export type ImpactMetricsResponse = {
     start?: string;
     end?: string;
@@ -18,6 +19,7 @@ export type ImpactMetricsResponse = {
     labels?: ImpactMetricsLabels;
     debug?: {
         query?: string;
+        isTruncated?: string;
     };
 };