fix: pass sidebar filters to alert preview chart (#1902)

## Summary
- Thread `filters` from `searchedConfig` through `DBSearchPageAlertModal` → `AlertForm` → `AlertPreviewChart` → `DBTimeChart` config
- The alert preview chart now respects sidebar filtering instead of showing unfiltered data

Fixes HDX-3691

## Test plan
- [x] Apply sidebar filters on the search page
- [x] Open the alert modal and check the preview chart reflects the applied filters
- [x] Verify the chart updates when filters are changed

Author: wrn14897

.changeset/seven-olives-unite.md

@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+fix: pass sidebar filters to alert preview chart

packages/app/src/DBSearchPageAlertModal.tsx

@@ -10,6 +10,7 @@ import {
   AlertIntervalSchema,
   AlertSource,
   AlertThresholdType,
+  Filter,
   scheduleStartAtSchema,
   SearchCondition,
   SearchConditionLanguage,
@@ -75,6 +76,7 @@ const AlertForm = ({
   sourceId,
   where,
   whereLanguage,
+  filters,
   select,
   defaultValues,
   loading,
@@ -87,6 +89,7 @@ const AlertForm = ({
   sourceId?: string | null;
   where?: SearchCondition | null;
   whereLanguage?: SearchConditionLanguage | null;
+  filters?: Filter[] | null;
   select?: string | null;
   defaultValues?: null | AlertWithCreatedBy;
   loading?: boolean;
@@ -247,6 +250,7 @@ const AlertForm = ({
                 source={source}
                 where={where}
                 whereLanguage={whereLanguage}
+                filters={filters}
                 select={select}
                 interval={interval}
                 groupBy={groupByValue}
@@ -490,6 +494,7 @@ export const DBSearchPageAlertModal = ({
           sourceId={searchedConfig?.source}
           where={searchedConfig?.where}
           whereLanguage={searchedConfig?.whereLanguage}
+          filters={searchedConfig?.filters}
           select={searchedConfig?.select}
           defaultValues={
             activeIndex === 'stage'

packages/app/src/components/AlertPreviewChart.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import { aliasMapToWithClauses } from '@hyperdx/common-utils/dist/core/utils';
 import {
   AlertInterval,
+  Filter,
   SearchCondition,
   SearchConditionLanguage,
 } from '@hyperdx/common-utils/dist/types';
@@ -18,6 +19,7 @@ export type AlertPreviewChartProps = {
   source: TSource;
   where?: SearchCondition | null;
   whereLanguage?: SearchConditionLanguage | null;
+  filters?: Filter[] | null;
   interval: AlertInterval;
   groupBy?: string;
   thresholdType: 'above' | 'below';
@@ -29,6 +31,7 @@ export const AlertPreviewChart = ({
   source,
   where,
   whereLanguage,
+  filters,
   interval,
   groupBy,
   threshold,
@@ -62,6 +65,7 @@ export const AlertPreviewChart = ({
           whereLanguage: whereLanguage || undefined,
           dateRange: intervalToDateRange(interval),
           granularity: intervalToGranularity(interval),
+          filters: filters || undefined,
           implicitColumnExpression: source.implicitColumnExpression,
           groupBy,
           with: aliasWith,