diff --git a/packages/app/src/KubernetesDashboardPage.tsx b/packages/app/src/KubernetesDashboardPage.tsx
index a89ae0fb1..ba8796ba1 100644
--- a/packages/app/src/KubernetesDashboardPage.tsx
+++ b/packages/app/src/KubernetesDashboardPage.tsx
@@ -42,6 +42,7 @@ import DBRowSidePanel from './components/DBRowSidePanel';
import { DBSqlRowTable } from './components/DBRowTable';
import { DBTimeChart } from './components/DBTimeChart';
import { FormatPodStatus } from './components/KubeComponents';
+import { KubernetesFilters } from './components/KubernetesFilters';
import OnboardingModal from './components/OnboardingModal';
import { useQueriedChartConfig } from './hooks/useChartConfig';
import {
@@ -942,6 +943,15 @@ function KubernetesDashboardPage() {
/>
+ {metricSource && (
+
+ )}
+
void;
+};
+
+type FilterSelectProps = {
+ metricSource: TSource;
+ placeholder: string;
+ fieldName: string;
+ value: string | null;
+ onChange: (value: string | null) => void;
+ chartConfig: ChartConfigWithDateRange;
+};
+
+const FilterSelect: React.FC = ({
+ metricSource,
+ placeholder,
+ fieldName,
+ value,
+ onChange,
+ chartConfig,
+}) => {
+ const { data, isLoading } = useGetKeyValues({
+ chartConfigs: chartConfig,
+ keys: [`${metricSource.resourceAttributesExpression}['${fieldName}']`],
+ });
+
+ return (
+