fix(ui): выбирать календарный месяц отчёта потоков

app/(main)/traffic/page.tsx

@@ -804,6 +804,8 @@ export default function TrafficPage() {
   const flowStats = currentFlows?.stats ?? null
   const flowExporters = useMemo(() => currentFlows?.exporters ?? [], [currentFlows])
   const flowClients = useMemo(() => currentFlows?.clients ?? [], [currentFlows])
+  const [flowMonth, setFlowMonth] = useState(() => new Date().toISOString().slice(0, 7))
+  const flowMonthValid = /^(?!0000)\d{4}-(0[1-9]|1[0-2])$/.test(flowMonth) && flowMonth <= new Date().toISOString().slice(0, 7)
   const [analyticsRetry, setAnalyticsRetry] = useState(0)
   const [analyticsResult, setAnalyticsResult] = useState<{ key: string; receivedAt?: number; data?: FlowAnalyticsDto; monthly?: FlowMonthlyDto; error?: string } | null>(null)
   const flowIfaceOwner = JSON.stringify([isLive, backendUrl, groupMode, flowScope, selectedId])
@@ -894,14 +896,14 @@ export default function TrafficPage() {
     return () => { cancelled = true }
   }, [isLive, effectiveMode, backendUrl, range, flowScope, flowKey])
 
-  const analyticsKey = JSON.stringify([flowKey, selectedId, flowIface, flowDedup, flowExcludeMesh, flowExcludeOverlay, analyticsRetry])
+  const analyticsKey = JSON.stringify([flowKey, selectedId, flowIface, flowDedup, flowExcludeMesh, flowExcludeOverlay, analyticsRetry, range === "30d" ? flowMonth : null])
   const currentAnalytics = analyticsResult?.key === analyticsKey ? analyticsResult : null
-  const analyticsLoading = isLive && effectiveMode === "flows" && Boolean(selectedId) && !currentAnalytics
+  const analyticsLoading = isLive && effectiveMode === "flows" && Boolean(selectedId) && (range !== "30d" || flowMonthValid) && !currentAnalytics
   useEffect(() => {
-    if (!isLive || effectiveMode !== "flows" || !selectedId) return
+    if (!isLive || effectiveMode !== "flows" || !selectedId || (range === "30d" && !flowMonthValid)) return
     let cancelled = false
     const request = range === "30d"
-      ? getFlowMonthly(backendUrl, { month: new Date().toISOString().slice(0, 7), serverId: flowScope === "servers" ? selectedId : undefined }).then(monthly => ({ monthly }))
+      ? getFlowMonthly(backendUrl, { month: flowMonth, serverId: flowScope === "servers" ? selectedId : undefined }).then(monthly => ({ monthly }))
       : getFlowAnalytics(backendUrl, {
         range, serverId: flowScope === "servers" ? selectedId : undefined,
         userId: flowScope === "users" ? selectedId : undefined,
@@ -913,7 +915,7 @@ export default function TrafficPage() {
       if (!cancelled) setAnalyticsResult({ key: analyticsKey, error: e instanceof Error ? e.message : "Не удалось загрузить аналитику" })
     })
     return () => { cancelled = true }
-  }, [isLive, effectiveMode, selectedId, range, flowScope, flowIface, flowDedup, flowExcludeMesh, flowExcludeOverlay, backendUrl, analyticsKey])
+  }, [isLive, effectiveMode, selectedId, range, flowScope, flowIface, flowDedup, flowExcludeMesh, flowExcludeOverlay, backendUrl, analyticsKey, flowMonth, flowMonthValid])
 
   useEffect(() => {
     if (!isLive) return
@@ -1285,6 +1287,9 @@ export default function TrafficPage() {
                       analytics={displayedFlow}
                       monthly={currentAnalytics?.monthly}
                       monthlyAvailable={flowScope === "servers"}
+                      month={flowMonth}
+                      onMonth={setFlowMonth}
+                      monthValid={flowMonthValid}
                       range={range}
                       onRange={(r) => setRange(r as Range)}
                       selectedIface={flowIface}