fix(ui): показывать свежесть данных Filters

app/(main)/filters/page.tsx

@@ -1332,6 +1332,8 @@ function FiltersPage() {
   const [loadAttempt, setLoadAttempt] = useState(0)
 
   const [gatewayReady, setGatewayReady] = useState<GatewayReadiness>({})
+  const [rulesReceipt, setRulesReceipt] = useState<Record<string, { at: string; kind: "read" | "write" }>>({})
+  const [gatewayReceipt, setGatewayReceipt] = useState<Record<string, Partial<Record<"gre" | "recursive", string>>>>({})
   const [gatewayErrors, setGatewayErrors] = useState<Record<string, Partial<Record<"gre" | "recursive", string>>>>({})
   const gatewayEpoch = useRef<Record<string, number>>({})
 
@@ -1354,6 +1356,7 @@ function FiltersPage() {
         if (!parsed.success || parsed.data.stale) throw new Error("Рекурсивные шлюзы недоступны или устарели")
         setRecRoutesByServer(prev => ({ ...prev, [serverId]: parsed.data.routes }))
       }
+      setGatewayReceipt(prev => ({ ...prev, [serverId]: { ...prev[serverId], [kind]: new Date().toISOString() } }))
       setGatewayReady(prev => ({ ...prev, [serverId]: { ...prev[serverId], [kind]: true } }))
       setGatewayErrors(prev => ({ ...prev, [serverId]: { ...prev[serverId], [kind]: undefined } }))
     } catch (error) {
@@ -1477,6 +1480,7 @@ function FiltersPage() {
       })
       setLiveStale(false)
       setReadyServerId(serverId)
+      setRulesReceipt(prev => ({ ...prev, [serverId]: { at: new Date().toISOString(), kind: "read" } }))
       return true
     } catch (err) {
       if (epoch !== readEpoch.current) return false
@@ -1581,6 +1585,7 @@ function FiltersPage() {
       if (!parsed.success) throw new Error("Сервер не подтвердил применение правил")
       const res = parsed.data
       setRulesets(p => p.map(rs => rs.serverId === serverId ? { ...rs, rules: res.rules ?? rules } : rs))
+      setRulesReceipt(prev => ({ ...prev, [serverId]: { at: new Date().toISOString(), kind: "write" } }))
       toast.success("Правила применены на роутер")
       return { ok: true }
     } catch (err) {
@@ -1649,6 +1654,7 @@ function FiltersPage() {
       if (!parsed.success) throw new Error("Сервер не подтвердил восстановление")
       const res = parsed.data
       if (res.rules) {
+        setRulesReceipt(prev => ({ ...prev, [selectedServerId]: { at: new Date().toISOString(), kind: "write" } }))
         setRulesets((p) => p.map((rs) => rs.serverId === selectedServerId ? { ...rs, rules: res.rules ?? [] } : rs))
       } else {
         if (!await loadLiveRules(selectedServerId)) throw new Error("Версия применена, но актуальные правила не прочитаны — обновите данные")
@@ -1751,6 +1757,7 @@ function FiltersPage() {
       const parsed = filtersResponseSchema.safeParse(payload)
       const target = parsed.success ? parsed.data.rulesets.find(rs => rs.serverId === targetServerId) : undefined
       if (!parsed.success || !target || parsed.data.stale || parsed.data.live !== true) throw new Error("Не удалось получить актуальные правила целевого устройства")
+      setRulesReceipt(prev => ({ ...prev, [targetServerId]: { at: new Date().toISOString(), kind: "read" } }))
       setRulesets(prev => prev.map(rs => rs.serverId === targetServerId ? { ...rs, rules: target.rules } : rs))
       return mode === "replace" ? rules : [...target.rules, ...rules]
     }
@@ -1971,6 +1978,16 @@ function FiltersPage() {
               </div>
             </div>
 
+            {isLive && <div role="group" aria-label="Свежесть данных устройства" className="flex flex-wrap gap-x-4 gap-y-1 border-b px-5 py-2 text-xs text-muted-foreground">
+              {(["rules", "gre", "recursive"] as const).map(kind => {
+                const receipt = kind === "rules" ? rulesReceipt[selectedServerId]?.at : gatewayReceipt[selectedServerId]?.[kind]
+                const label = kind === "rules" ? rulesReceipt[selectedServerId]?.kind === "write" ? "Применение подтверждено API" : "Правила получены в приложении" : kind === "gre" ? "GRE получены в приложении" : "Рекурсивные шлюзы получены в приложении"
+                return <span key={kind} data-source-time={kind}>
+                  {label}: {receipt ? <time dateTime={receipt} title="Время получения ответа в браузере; не время измерения RouterOS">{new Date(receipt).toLocaleString("ru-RU", { day: "2-digit", month: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit" })}</time> : "неизвестно"}
+                </span>
+              })}
+            </div>}
+
             {movePending && <p role="status" className="px-5 py-2 text-sm text-muted-foreground">Ожидание подтверждения порядка…</p>}
             {moveError && <p role="alert" className="px-5 py-2 text-sm text-destructive">{moveError}</p>}