fix(ui): подключить фильтры статистики с проверкой срезов

app/(main)/statistics/page.tsx

@@ -26,8 +26,7 @@ import {
   type StatisticsSliceKind,
 } from "@/components/data-grids/statistics-breakdown-data-grid"
 import { Alert, AlertDescription, AlertTitle } from "@/components/reui/alert"
-import type { Filter } from "@/components/reui/filters"
-import { STATISTICS_FILTER_FIELDS } from "@/lib/data-filters/statistics-filter-fields"
+import { StatisticsFilters } from "@/components/statistics/statistics-filters"
 import {
   isStatisticsPivotDim,
   isStatisticsSliceKind,
@@ -129,29 +128,6 @@ function readSlices(sp: URLSearchParams): CubeSlices {
   return next
 }
 
-function slicesToFilters(slices: CubeSlices): Filter[] {
-  return SLICE_KEYS.flatMap((key) => {
-    const val = slices[key]
-    if (!val) return []
-    return [{ id: key, field: key, operator: "is", values: [val] }]
-  })
-}
-
-function filtersToSlices(filters: Filter[]): CubeSlices {
-  const next: CubeSlices = {}
-  for (const f of filters) {
-    const raw = String(f.values[0] ?? "").trim()
-    if (!raw) continue
-    if (f.field === "country") next.country = raw.toUpperCase().slice(0, 2)
-    else if (f.field === "service") next.service = raw
-    else if (f.field === "asn") next.asn = raw.replace(/[^\d]/g, "")
-    else if (f.field === "serverId") next.serverId = raw
-    else if (f.field === "userId") next.userId = raw
-    else if (f.field === "iface") next.iface = raw
-  }
-  return next
-}
-
 function toQuery(range: DateRangeYmd, slices: CubeSlices, planes: "unique" | "all"): StatisticsQuery {
   const serverId = slices.serverId ? Number(slices.serverId) : undefined
   const asn = slices.asn != null && slices.asn !== "" ? Number(slices.asn) : undefined
@@ -261,7 +237,6 @@ function StatisticsPageInner() {
 
   const range = useMemo(() => readRange(searchParams), [searchParams])
   const slices = useMemo(() => readSlices(searchParams), [searchParams])
-  const filters = useMemo(() => slicesToFilters(slices), [slices])
   const dim = useMemo(() => readDim(searchParams), [searchParams])
   const view = useMemo(() => readView(searchParams), [searchParams])
   const planes = useMemo(() => readPlanes(searchParams), [searchParams])
@@ -506,9 +481,7 @@ function StatisticsPageInner() {
                 ) : null}
               </div>
             }
-            filters={filters}
-            onFiltersChange={(next) => setSlices(filtersToSlices(next))}
-            filterFields={STATISTICS_FILTER_FIELDS}
+            filterControl={<StatisticsFilters key={JSON.stringify(slices)} slices={slices} onApply={setSlices} />}
             countLabel={countLabel}
           />
           <SliceChips