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>}
 

docs/ux-ui-plan.md

@@ -88,7 +88,7 @@ flowchart LR
 
 Ближайший оставшийся объём:
 
-1. Этап 9: карта разделов и схема сохранены; удаление, импорт, создание, переключение, контекст экспорта и выбор пира WireGuard исправлены в 9.1–9.7; в 9.8 проверено подтверждение восстановления. В 9.9 исправлены разметка и сохранение подтверждения при ошибке у всех шести потребителей. В 9.10 исправлены ошибки и поздние ответы загрузки истории WireGuard. В 9.11 подтверждение восстановления проверено у остальных пяти потребителей. В 9.12 обработаны ошибка/повтор/поздние ответы истории IPsec. В 9.13 подключены ошибка/повтор/защита поздних ответов остальных четырёх разделов и общая валидация ревизий всех шести. В 9.14 исправлены подтверждение инициализации IPsec, сохранение формы и защита повторной отправки. В 9.15 проверены создание/редактирование пользователей IPsec и сохранение формы. В 9.16 проверены получение/повторный экспорт сертификатов, поздние ответы и соответствие отображаемого пароля архиву. В 9.17 подтверждены ответы удаления четырёх типов объектов IPsec и исправлен диалог повторов. В 9.18 исправлено подтверждение сохранения peer IPsec и поведение формы. В 9.19 исправлено подтверждение удаления GRE и сохранение диалога при ошибке. В 9.20 исправлено подтверждение включения/выключения GRE и защита повторов. В 9.21 исправлены подтверждение создания/сохранения GRE и защита формы. В 9.22 исправлены контейнер ответа, первоначальные KPI и сохранение данных при ошибке VXLAN. В 9.23 backend сообщает частичные сбои VXLAN, UI сохраняет данные неответивших устройств и показывает неизвестное состояние. В 9.24 добавлены схемы payload и тесты гонок VXLAN. В 9.25 подтверждены включение/отключение правил Firewall и защита повторов. В 9.26 подтверждены включение/отключение address-list с общим замком переключений. В 9.27 удаление правил/address-list перенесено в диалог с подтверждением API и защитой повторов. В 9.28 создание/редактирование правил и address-list требуют подтверждения API, сохраняют ввод/ошибку и блокируют повторы/закрытие. В 9.29 перемещение Firewall требует ok=true, откатывает порядок при ошибке и использует общий замок. В 9.30 восстановление истории подключено к общему замку, ручное обновление и открытие истории заблокированы во время записи. В 9.31 добавлены схемы ответа Firewall/серверов, сохранение последних данных при ошибке и поколение чтения с отменой применения при начале записи. В 9.32 backend сообщает частичные сбои по устройству/семейству/таблице, UI сохраняет недоступные срезы и блокирует изменения неполного среза. В 9.33 состояние изолировано по backend/режиму; поздние операции старого экрана не запускают чтение и не показывают уведомления в новом контексте. В 9.34 показано время получения срезов Firewall: успешные обновляются, недоступные сохраняют прежнее время или остаются неизвестными. В 9.35 сохранение Filters ожидает ok=true, сохраняет ввод при ошибке и блокирует повторную отправку/закрытие; live-спLine truncated
+1. Этап 9: карта разделов и схема сохранены; удаление, импорт, создание, переключение, контекст экспорта и выбор пира WireGuard исправлены в 9.1–9.7; в 9.8 проверено подтверждение восстановления. В 9.9 исправлены разметка и сохранение подтверждения при ошибке у всех шести потребителей. В 9.10 исправлены ошибки и поздние ответы загрузки истории WireGuard. В 9.11 подтверждение восстановления проверено у остальных пяти потребителей. В 9.12 обработаны ошибка/повтор/поздние ответы истории IPsec. В 9.13 подключены ошибка/повтор/защита поздних ответов остальных четырёх разделов и общая валидация ревизий всех шести. В 9.14 исправлены подтверждение инициализации IPsec, сохранение формы и защита повторной отправки. В 9.15 проверены создание/редактирование пользователей IPsec и сохранение формы. В 9.16 проверены получение/повторный экспорт сертификатов, поздние ответы и соответствие отображаемого пароля архиву. В 9.17 подтверждены ответы удаления четырёх типов объектов IPsec и исправлен диалог повторов. В 9.18 исправлено подтверждение сохранения peer IPsec и поведение формы. В 9.19 исправлено подтверждение удаления GRE и сохранение диалога при ошибке. В 9.20 исправлено подтверждение включения/выключения GRE и защита повторов. В 9.21 исправлены подтверждение создания/сохранения GRE и защита формы. В 9.22 исправлены контейнер ответа, первоначальные KPI и сохранение данных при ошибке VXLAN. В 9.23 backend сообщает частичные сбои VXLAN, UI сохраняет данные неответивших устройств и показывает неизвестное состояние. В 9.24 добавлены схемы payload и тесты гонок VXLAN. В 9.25 подтверждены включение/отключение правил Firewall и защита повторов. В 9.26 подтверждены включение/отключение address-list с общим замком переключений. В 9.27 удаление правил/address-list перенесено в диалог с подтверждением API и защитой повторов. В 9.28 создание/редактирование правил и address-list требуют подтверждения API, сохраняют ввод/ошибку и блокируют повторы/закрытие. В 9.29 перемещение Firewall требует ok=true, откатывает порядок при ошибке и использует общий замок. В 9.30 восстановление истории подключено к общему замку, ручное обновление и открытие истории заблокированы во время записи. В 9.31 добавлены схемы ответа Firewall/серверов, сохранение последних данных при ошибке и поколение чтения с отменой применения при начале записи. В 9.32 backend сообщает частичные сбои по устройству/семейству/таблице, UI сохраняет недоступные срезы и блокирует изменения неполного среза. В 9.33 состояние изолировано по backend/режиму; поздние операции старого экрана не запускают чтение и не показывают уведомления в новом контексте. В 9.34 показано время получения срезов Firewall: успешные обновляются, недоступные сохраняют прежнее время или остаются неизвестными. В 9.35 сохранение Filters ожидает ok=true, сохраняет ввод при ошибке и блокирует повторную отправку/закрытие; live-спLine truncated
 2. Сохранять контекст устройства, введённые значения при ошибке и подтверждать результат операций по API; локальные моки проверяют клиентские сценарии, реальные сетевые операции требуют тестового окружения.
 3. В этапе 12 выполнить полный аудит доступности (скринридер, контраст), производительности и сквозную регрессию. Ограничения этапа 8 — удалённые серверы месячного каталога, отсутствие экспорта и автоматического переподключения SSE — остаются явно зафиксированными, без заявления о реализации.
 

docs/ux-ui-progress.md

@@ -25,12 +25,20 @@
 | 6 | Навигация и дашборд | Завершён 2026-09-20 в границах локальной приёмки; ограничения ниже |
 | 7 | Серверы и мониторинг: детали, формы, URL-контекст, права | Завершён в границах локальной приёмки 2026-09-23; внешние ограничения ниже |
 | 8 | Трафик и статистика | Завершён 2026-09-28 в границах локальной приёмки; ограничения в блоке 8.13 |
-| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.44 — IPsec/GRE/VXLAN, Firewall и операции Filters |
+| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.45 — IPsec/GRE/VXLAN, Firewall и операции Filters |
 | 10 | Маршрутизация, диагностика, карта и терминал | Не начат |
 | 11А | Пользователи, контейнеры, сертификаты и резервные копии | Не начат |
 | 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
 | 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
 
+## Блок 9.45 — свежесть Filters (2026-09-30)
+
+- Экран показывает время успешного получения правил, GRE и recursive каталогов выбранного устройства. До первого успеха время неизвестно; ошибочное/устаревшее чтение не обновляет время, успешный пустой каталог обновляет. Подтверждённая запись подписана отдельно «Применение подтверждено API», не выдаётся за опрос RouterOS. Read/write время сохраняется по serverId, сбрасывается вместе с изолированным источником.
+- Это клиентские часы после ответа, не timestamp измерения RouterOS и не интервальная оценка возраста. ISO доступен в семантическом time, пояснение в title; между перезагрузками время не сохраняется. При чтении цели копирования отмечается полученный target набор, после PUT — подтверждение записи.
+- Десять E2E прошли: новый тест с управляемыми часами проверяет все три времени, сохранение при HTTP-сбое, обновление после повтора/пустых каталогов и отдельное подтверждение удаления; прежние данные/каталоги/гонки. TypeScript прошёл. Новый тест lint-чистый, страница 0 ошибок/13 прежних предупреждений. Последние build — frontend/backend 9.44.
+- Далее — профильная клавиатурная/адаптивная приёмка Filters, сохранить проверенные экраны в документации; затем оставшиеся ограничения сетевых разделов. Реальные RouterOS/JWT/БД не проверены; этап 9 открыт.
+- Квота: 85% пятичасовой/13% недельной перед блоком, 87%/14% после проверок. Работа до конца лимитов разрешена пользователем. Локальный коммит без push.
+
 ## Блок 9.44 — достоверные каталоги шлюзов Filters (2026-09-30)
 
 - GRE/recursive каталоги проверяются схемами и уникальностью ID; GRE должен принадлежать запрошенному serverId, recursive stale отклоняется. При HTTP/структурной ошибке сохраняется последний каталог, readiness остаётся false, виден alert с повтором. Поколения по устройству/типу каталога отсекают перекрывающиеся ответы; mounted-guard отменяет старый источник.

docs/ux-ui-stage-9.md

@@ -217,3 +217,7 @@ Live-копирование читает актуальный целевой rul
 ## Блок 9.44 — каталоги шлюзов Filters (2026-09-30)
 
 Схемы и readiness GRE/recursive сохраняют данные при отказе и блокируют route-сохранение/несопоставленное копирование до повтора. Выборный GRE backend GET возвращает 503 вместо пустого успеха. 12 E2E, повтор двух профильных, TypeScript frontend/backend и оба build прошли. Frontend lint: 0 ошибок/13 прежних предупреждений. Общий GRE GET/реальная БД/RouterOS не приняты. Далее — свежесть и профильная приёмка Filters.
+
+## Блок 9.45 — свежесть Filters (2026-09-30)
+
+По устройству показано клиентское время получения правил/GRE/recursive и отдельное подтверждение записи. Ошибка сохраняет время; неизвестный первоначальный срез не получает ложную дату. Десять E2E и TypeScript прошли; новых lint замечаний нет. Далее — клавиатура/телефон и проверенные экраны Filters. Build frontend/backend — 9.44.

tests/e2e/filters-freshness.spec.ts

@@ -0,0 +1,47 @@
+import { test, expect } from "@playwright/test"
+test("Filters: время чтения и подтверждения API сохраняется при сбое", async ({ page }) => {
+  let fails = false
+  const rule = { id: "rule-1", community: "65001:101", gateway: "", gatewayTunnelId: "", action: "blackhole", description: "Правило" }
+  await page.clock.install({ time: new Date("2026-09-30T01:00:00Z") })
+  await page.route("**/health", route => route.fulfill({ json: { ok: true } }))
+  await page.route("**/api/**", route => {
+    const url = new URL(route.request().url()), path = url.pathname
+    if (path === "/api/filters/rules" && route.request().method() === "PUT") return route.fulfill({ json: { ok: true, rules: route.request().postDataJSON().rules } })
+    if (fails && (path === "/api/filters/rules" && url.searchParams.has("serverId") || path === "/api/filters/gre-tunnels" || path === "/api/recursive-routes")) return route.fulfill({ status: 503, json: { error: "Сбой свежести тест" } })
+    return route.fulfill({ json: path === "/api/filters/rules" ? { rulesets: [{ serverId: "1", rules: [rule] }], greTunnels: [], live: true }
+      : path === "/api/servers" ? [{ id: 1, name: "Роутер", host: "192.0.2.1", type: "exit-node", enabled: true, country: "RU", site: "TEST", asn: "", status: "online", latency: 1 }]
+      : path === "/api/filters/gre-tunnels" ? { tunnels: [] }
+      : path === "/api/recursive-routes" ? { routes: [], stale: false }
+      : path === "/api/auth/config" ? { required: false } : {} })
+  })
+  await page.goto("/filters")
+  const group = page.getByRole("group", { name: "Свежесть данных устройства" })
+  const rules = group.locator('[data-source-time="rules"]'), gre = group.locator('[data-source-time="gre"]'), rec = group.locator('[data-source-time="recursive"]')
+  for (const item of [rules, gre, rec]) await expect(item.locator("time")).toHaveCount(1)
+  const before = await rules.locator("time").getAttribute("datetime")
+  const greBefore = await gre.locator("time").getAttribute("datetime")
+  const recBefore = await rec.locator("time").getAttribute("datetime")
+  fails = true
+  await page.clock.fastForward(60_000)
+  await page.getByRole("button", { name: "Обновить", exact: true }).click()
+  await expect(page.getByRole("button", { name: "Новое правило", exact: true })).toBeDisabled()
+  await expect(rules.locator("time")).toHaveAttribute("datetime", before!)
+  await expect(gre.locator("time")).toHaveAttribute("datetime", greBefore!)
+  await expect(rec.locator("time")).toHaveAttribute("datetime", recBefore!)
+  fails = false
+  await page.clock.fastForward(60_000)
+  await page.getByRole("button", { name: "Обновить", exact: true }).click()
+  await expect(page.getByRole("button", { name: "Новое правило", exact: true })).toBeEnabled()
+  await expect(rules.locator("time")).not.toHaveAttribute("datetime", before!)
+  await expect(gre.locator("time")).not.toHaveAttribute("datetime", greBefore!)
+  await expect(rec.locator("time")).not.toHaveAttribute("datetime", recBefore!)
+  const afterRead = await rules.locator("time").getAttribute("datetime")
+  await page.clock.fastForward(60_000)
+  await page.locator("tr[data-row-id]").first().hover()
+  await page.getByRole("button", { name: "Удалить правило", exact: true }).click()
+  await page.getByRole("alertdialog").getByRole("button", { name: "Удалить", exact: true }).click()
+  await expect(page.getByRole("alertdialog")).toHaveCount(0)
+  await expect(rules).toContainText("Применение подтверждено API")
+  await expect(rules.locator("time")).not.toHaveAttribute("datetime", afterRead!)
+  await expect(page.locator("tr[data-row-id]")).toHaveCount(0)
+})