diff --git a/app/(main)/filters/page.tsx b/app/(main)/filters/page.tsx index 15239e5d..080f1b61 100644 --- a/app/(main)/filters/page.tsx +++ b/app/(main)/filters/page.tsx @@ -1332,6 +1332,8 @@ function FiltersPage() { const [loadAttempt, setLoadAttempt] = useState(0) const [gatewayReady, setGatewayReady] = useState({}) + const [rulesReceipt, setRulesReceipt] = useState>({}) + const [gatewayReceipt, setGatewayReceipt] = useState>>>({}) const [gatewayErrors, setGatewayErrors] = useState>>>({}) const gatewayEpoch = useRef>({}) @@ -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() { + {isLive &&
+ {(["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 + {label}: {receipt ? : "неизвестно"} + + })} +
} + {movePending &&

Ожидание подтверждения порядка…

} {moveError &&

{moveError}

} diff --git a/docs/ux-ui-plan.md b/docs/ux-ui-plan.md index e02a2b32..5636d5a6 100644 --- a/docs/ux-ui-plan.md +++ b/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-список меняется после подтверждения. В 9.36 копирование Filters ждёт подтверждения, сохраняет цель/правила/режим при ошибке и блокирует повторы/закрытие. В 9.37 удаление Filters перенесено в диалог с сохранением ошибки, подтверждением API и защитой повторов. В 9.38 перемещение Filters подтверждается API; поиск использует полный порядок для приоритета и границ, действия таблицы блокируются на время операции. В 9.39 обновление/восстановление Filters используют общий замок до чтения правил/истории; ошибка чтения сохраняет подтверждение, чужой ruleset и stale отклоняются. В 9.40 добавлены схемы правил/ответов Filters, ошибка первоначальной загрузки с повтором без подмены моками и сохранение последних данных. В 9.41 запись выбранного устройства требует успешного чтения live=true, старые ответы отклоняются поколением запросов при переключении/применении. В 9.42 состояние Filters изолировано по backend/режиму, старые операции не уведомляют новый контекст. В 9.43 копирование Filters читает актуальный целевой набор под общим замком до PUT, ошибки чтения блокируют отправку. В 9.44 схемы/ошибки каталогов Filters сохраняют последние шлюзы, блокируют недостоверный route/маппинг; выборный GRE GET сообщает 503 при отказе. Далее — свежесть и профильная приёмка Filters; ограничения счётчика, свежести и записи VXLAN остаются открытыми; загрузка данных IPsec и общая приёмка остаются открытыми. +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-список меняется после подтверждения. В 9.36 копирование Filters ждёт подтверждения, сохраняет цель/правила/режим при ошибке и блокирует повторы/закрытие. В 9.37 удаление Filters перенесено в диалог с сохранением ошибки, подтверждением API и защитой повторов. В 9.38 перемещение Filters подтверждается API; поиск использует полный порядок для приоритета и границ, действия таблицы блокируются на время операции. В 9.39 обновление/восстановление Filters используют общий замок до чтения правил/истории; ошибка чтения сохраняет подтверждение, чужой ruleset и stale отклоняются. В 9.40 добавлены схемы правил/ответов Filters, ошибка первоначальной загрузки с повтором без подмены моками и сохранение последних данных. В 9.41 запись выбранного устройства требует успешного чтения live=true, старые ответы отклоняются поколением запросов при переключении/применении. В 9.42 состояние Filters изолировано по backend/режиму, старые операции не уведомляют новый контекст. В 9.43 копирование Filters читает актуальный целевой набор под общим замком до PUT, ошибки чтения блокируют отправку. В 9.44 схемы/ошибки каталогов Filters сохраняют последние шлюзы, блокируют недостоверный route/маппинг; выборный GRE GET сообщает 503 при отказе. В 9.45 показано время получения правил/каталогов Filters и отдельное подтверждение записи, сбои сохраняют прежнее время. Далее — профильная клавиатурная/адаптивная приёмка Filters; ограничения счётчика, свежести и записи VXLAN остаются открытыми; загрузка данных IPsec и общая приёмка остаются открытыми. 2. Сохранять контекст устройства, введённые значения при ошибке и подтверждать результат операций по API; локальные моки проверяют клиентские сценарии, реальные сетевые операции требуют тестового окружения. 3. В этапе 12 выполнить полный аудит доступности (скринридер, контраст), производительности и сквозную регрессию. Ограничения этапа 8 — удалённые серверы месячного каталога, отсутствие экспорта и автоматического переподключения SSE — остаются явно зафиксированными, без заявления о реализации. diff --git a/docs/ux-ui-progress.md b/docs/ux-ui-progress.md index 8093ce81..1d299570 100644 --- a/docs/ux-ui-progress.md +++ b/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 отменяет старый источник. diff --git a/docs/ux-ui-stage-9.md b/docs/ux-ui-stage-9.md index b598bb37..ae2d9f8e 100644 --- a/docs/ux-ui-stage-9.md +++ b/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. diff --git a/tests/e2e/filters-freshness.spec.ts b/tests/e2e/filters-freshness.spec.ts new file mode 100644 index 00000000..ce19ed0d --- /dev/null +++ b/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) +})