fix(ui): завершить локальную приёмку трафика и статистики

components/form-kit/segmented-control.tsx

@@ -26,6 +26,7 @@ function SegmentedControl<T extends string>({
         <button
           key={option.value}
           type="button"
+          aria-pressed={value === option.value}
           onClick={() => onChange(option.value)}
           className={cn(
             "flex items-center gap-1.5 rounded px-3 py-1 text-sm transition-colors",

components/statistics/dimension-select.tsx

@@ -25,7 +25,7 @@ export function DimensionSelect({
     <label className="flex items-center gap-2">
       {label ? <span className="text-muted-foreground text-xs whitespace-nowrap">{label}</span> : null}
       <Select value={value} onValueChange={(v) => onChange(String(v ?? value) as StatisticsSliceKind)}>
-        <SelectTrigger size="sm" className="min-w-40">
+        <SelectTrigger aria-label={label ?? "Измерение"} size="sm" className="min-w-40">
           <SelectValue>{current?.label ?? "Измерение"}</SelectValue>
         </SelectTrigger>
         <SelectContent align="start">
@@ -57,7 +57,7 @@ export function PivotDimSelect({
     <label className="flex items-center gap-2">
       <span className="text-muted-foreground text-xs whitespace-nowrap">{label}</span>
       <Select value={value} onValueChange={(v) => onChange(String(v ?? value) as StatisticsPivotDim)}>
-        <SelectTrigger size="sm" className="min-w-40">
+        <SelectTrigger aria-label={label ?? "Измерение"} size="sm" className="min-w-40">
           <SelectValue>{current?.label ?? label}</SelectValue>
         </SelectTrigger>
         <SelectContent align="start">

components/traffic/flow-overlay-sheet.tsx

@@ -1,12 +1,13 @@
 "use client"
 
-import { useEffect, useMemo, useState } from "react"
+import { useMemo, useState } from "react"
 import { toast } from "sonner"
-import { FormField, FormToggle } from "@/components/form-kit"
+import { FormField } from "@/components/form-kit"
 import { Alert, AlertDescription, AlertTitle } from "@/components/reui/alert"
 import { Frame, FramePanel } from "@/components/reui/frame"
 import { CodeBlock, downloadText } from "@/components/reui-kit/code-export-sheet"
 import { Button } from "@/components/ui/button"
+import { Switch } from "@/components/ui/switch"
 import { Input } from "@/components/ui/input"
 import { ScrollArea } from "@/components/ui/scroll-area"
 import {
@@ -56,17 +57,20 @@ function FlowOverlaySheet({
   const [tab, setTab] = useState("linux")
   const [disableGreFastPath, setDisableGreFastPath] = useState(false)
 
-  useEffect(() => {
-    if (!open) return
-    setResult(null)
-    setCopied(false)
-    setTab("linux")
-    setDisableGreFastPath(false)
-    const first = jumpHosts[0]
-    const nextId = first ? String(first.id) : ""
-    setServerId(nextId)
-    setEndpoint(first?.host ?? "")
-  }, [open, jumpHosts])
+  const [resetContext, setResetContext] = useState({ open: false, jumpHosts })
+  if (resetContext.open !== open || resetContext.jumpHosts !== jumpHosts) {
+    setResetContext({ open, jumpHosts })
+    if (open) {
+      setResult(null)
+      setCopied(false)
+      setTab("linux")
+      setDisableGreFastPath(false)
+      const first = jumpHosts[0]
+      const nextId = first ? String(first.id) : ""
+      setServerId(nextId)
+      setEndpoint(first?.host ?? "")
+    }
+  }
 
   function handleServerChange(id: string) {
     setServerId(id)
@@ -130,7 +134,7 @@ function FlowOverlaySheet({
               value={serverId || undefined}
               onValueChange={(v) => handleServerChange(String(v ?? ""))}
             >
-              <SelectTrigger className="h-9 w-full min-w-0">
+              <SelectTrigger aria-label="Jump-host" className="h-9 w-full min-w-0">
                 <SelectValue>{selectedLabel}</SelectValue>
               </SelectTrigger>
               <SelectContent align="start" className="min-w-(--anchor-width)">
@@ -147,7 +151,7 @@ function FlowOverlaySheet({
             required
             hint="Куда хост MM (wg-quick) стучится по UDP 13232. Не контейнер backend."
           >
-            <Input
+            <Input aria-label="Публичный IP или DNS jump-host"
               className="font-mono"
               value={endpoint}
               onChange={(e) => setEndpoint(e.target.value)}
@@ -160,7 +164,7 @@ function FlowOverlaySheet({
             hint="allow-fast-path=no на GRE этого JH. Inner YouTube попадёт в Traffic Flow, но вырастет CPU. По умолчанию выкл."
           >
             <div className="flex items-center gap-2">
-              <FormToggle checked={disableGreFastPath} onChange={setDisableGreFastPath} />
+              <Switch aria-label="Выключить FastPath на GRE" checked={disableGreFastPath} onCheckedChange={setDisableGreFastPath} />
               <span className="text-sm text-muted-foreground">Выключить FastPath на GRE</span>
             </div>
           </FormField>