fix(ui): подтверждать удаление туннеля GRE

app/(main)/gre/page.tsx

@@ -275,6 +275,8 @@ function GrePageContent({ selectedServerId, selectedTunnelId, allTunnelsHref, on
   const [tunnelMode,      setTunnelMode]      = useState<"create" | "edit">("create")
   const [editingTunnel,   setEditingTunnel]   = useState<GreTunnel | null>(null)
   const [pendingDelete,   setPendingDelete]   = useState<GreTunnel | null>(null)
+  const deleteLock = useRef(false)
+  const [deleteError, setDeleteError] = useState<string | null>(null)
   const [mutateBusy,      setMutateBusy]      = useState(false)
   const [liveStale,       setLiveStale]       = useState(false)
   const [historyOpen,     setHistoryOpen]     = useState(false)
@@ -506,19 +508,23 @@ function GrePageContent({ selectedServerId, selectedTunnelId, allTunnelsHref, on
 
   async function confirmDeleteTunnel() {
     const t = pendingDelete
-    if (!t || !isLive) return
+    if (!t || !isLive || mutationsLocked || deleteLock.current) return
+    deleteLock.current = true
+    setDeleteError(null)
     setMutateBusy(true)
     try {
-      await apiFetch("/api/gre/tunnels", {
+      const result = await apiFetch<{ ok: boolean }>("/api/gre/tunnels", {
         method: "DELETE",
         body: JSON.stringify({ serverId: t.serverId, rosId: t.id, name: t.name }),
       })
+      if (result?.ok !== true) throw new Error("Сервер не подтвердил удаление туннеля")
       toast.success(`Удалён ${t.name}`)
       setPendingDelete(null)
       await loadLive()
     } catch (err) {
-      toast.error("Не удалось удалить туннель", { description: String(err) })
+      setDeleteError(err instanceof Error ? err.message : "Не удалось удалить туннель")
     } finally {
+      deleteLock.current = false
       setMutateBusy(false)
     }
   }
@@ -1091,7 +1097,7 @@ function GrePageContent({ selectedServerId, selectedTunnelId, allTunnelsHref, on
         onRestore={restoreRevision}
       />
 
-      <AlertDialog open={!!pendingDelete} onOpenChange={(v) => { if (!v) setPendingDelete(null) }}>
+      <AlertDialog open={!!pendingDelete} onOpenChange={(v) => { if (!v && !deleteLock.current) { setPendingDelete(null); setDeleteError(null) } }}>
         <AlertDialogContent size="default">
           <AlertDialogHeader>
             <AlertDialogMedia className="bg-destructive/10 text-destructive">
@@ -1103,10 +1109,12 @@ function GrePageContent({ selectedServerId, selectedTunnelId, allTunnelsHref, on
                 ? `${pendingDelete.name} на сервере ${serverById[pendingDelete.serverId]?.name ?? pendingDelete.serverId}. Будут удалены интерфейс и связанный /ip/address.`
                 : null}
             </AlertDialogDescription>
+            {mutateBusy && <p role="status" className="text-sm text-muted-foreground">Ожидание результата удаления…</p>}
+            {deleteError && <p role="alert" className="text-sm text-destructive">{deleteError}</p>}
           </AlertDialogHeader>
           <AlertDialogFooter>
-            <AlertDialogCancel onClick={() => setPendingDelete(null)}>Отмена</AlertDialogCancel>
-            <AlertDialogAction variant="destructive" onClick={() => void confirmDeleteTunnel()}>
+            <AlertDialogCancel disabled={mutateBusy}>Отмена</AlertDialogCancel>
+            <AlertDialogAction variant="destructive" disabled={mutationsLocked} onClick={(e) => { e.preventDefault(); void confirmDeleteTunnel() }}>
               Удалить
             </AlertDialogAction>
           </AlertDialogFooter>

docs/ux-ui-plan.md

@@ -80,7 +80,7 @@ flowchart LR
 
 ## Текущая точка продолжения
 
-По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.18 — история, формы, экспорт, удаление и peer IPsec); этапы 10–12 не начаты. Этап 11 разделён: 11А — пользователи, контейнеры, сертификаты, резервирование; 11Б — оповещения, сбор данных, интеграции, релизы, настройки.
+По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.19 — операции IPsec и удаление GRE); этапы 10–12 не начаты. Этап 11 разделён: 11А — пользователи, контейнеры, сертификаты, резервирование; 11Б — оповещения, сбор данных, интеграции, релизы, настройки.
 
 Подробные планы: [этап 6](ux-ui-stage-6.md), [этап 7](ux-ui-stage-7.md), [этап 8 и итоговая матрица](ux-ui-stage-8.md), [этап 9](ux-ui-stage-9.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 и поведение формы. Далее — операции туннелей GRE, затем VXLAN/Firewall/Filters; загрузка данных 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 и сохранение диалога при ошибке. Далее — создание/изменение и переключение GRE, затем VXLAN/Firewall/Filters; загрузка данных IPsec и общая приёмка остаются открытыми.
 2. Сохранять контекст устройства, введённые значения при ошибке и подтверждать результат операций по API; локальные моки проверяют клиентские сценарии, реальные сетевые операции требуют тестового окружения.
 3. В этапе 12 выполнить полный аудит доступности (скринридер, контраст), производительности и сквозную регрессию. Ограничения этапа 8 — удалённые серверы месячного каталога, отсутствие экспорта и автоматического переподключения SSE — остаются явно зафиксированными, без заявления о реализации.
 

docs/ux-ui-progress.md

@@ -25,12 +25,19 @@
 | 6 | Навигация и дашборд | Завершён 2026-09-20 в границах локальной приёмки; ограничения ниже |
 | 7 | Серверы и мониторинг: детали, формы, URL-контекст, права | Завершён в границах локальной приёмки 2026-09-23; внешние ограничения ниже |
 | 8 | Трафик и статистика | Завершён 2026-09-28 в границах локальной приёмки; ограничения в блоке 8.13 |
-| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.18 — история, формы, экспорт, удаление и peer IPsec |
+| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.19 — операции IPsec и удаление GRE |
 | 10 | Маршрутизация, диагностика, карта и терминал | Не начат |
 | 11А | Пользователи, контейнеры, сертификаты и резервные копии | Не начат |
 | 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
 | 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
 
+## Блок 9.19 — удаление GRE (2026-09-30)
+
+- Удаление требует ok=true; пустой ответ и ok=false сохраняют диалог и не показывают успех. Ошибка находится рядом с подтверждением выбранного туннеля. Синхронный замок блокирует повтор, Escape и отмену до ответа; ожидание объявляется через status. Существующие ограничения mutationsLocked проверяются также обработчиком.
+- Добавлен E2E: точный serverId/RouterOS ID, двойное нажатие, задержка, 403, пустой ответ, ok=false, успех и повторное открытие без старой ошибки. Все 4 E2E (новое удаление и 3 проверки таблиц IPsec/GRE), TypeScript и diff-check прошли. Первый запуск завершился тайм-аутом запуска Next.js до тестов; повторный запуск с диагностикой успешен. Build не повторялся. Lint GRE: прежние 0 ошибок/14 предупреждений не изменились, новый тест чистый.
+- Далее: создание/изменение и переключение GRE — контракты ответа, сохранение формы, защита повторов/закрытия; затем VXLAN/Firewall/Filters. Реальные RouterOS/JWT не проверены, этап 9 открыт. Последний build — 9.16.
+- В начале блока пятичасовая квота сброшена (0% использовано), недельная — 93% использовано. Локальный коммит без push; чужие изменения сохранены.
+
 ## Блок 9.18 — редактирование peer IPsec (2026-09-29)
 
 - PATCH peer требует ok=true. Ошибка передаётся в форму, сохраняет введённые поля и не закрывает панель. Синхронный замок предотвращает повтор; поля, переключатели и закрытие заблокированы до ответа, ожидание объявляется через status. Начальные значения задаются один раз на открытие; добавлены доступные имена.

docs/ux-ui-stage-9.md

@@ -1,6 +1,6 @@
 # Этап 9: VPN и сетевые операции
 
-Статус: начат 2026-09-28, выполнены блоки 9.1–9.18. Основа — существующие ReUI PRO/base-nova, Frame, ServerTileRail, DataGrid и формы. Правила применения сетевой конфигурации не меняем.
+Статус: начат 2026-09-28, выполнены блоки 9.1–9.19. Основа — существующие ReUI PRO/base-nova, Frame, ServerTileRail, DataGrid и формы. Правила применения сетевой конфигурации не меняем.
 
 ## Схема и референсы принятого плана
 
@@ -113,3 +113,7 @@ IPsec/GRE/Firewall/Filters/рекурсивные маршруты требую
 ## Блок 9.18 — peer IPsec (2026-09-29)
 
 Сохранение требует ok=true; ошибка остаётся в форме вместе с вводом. Поля/переключатели, повторы и закрытие блокируются до ответа. Новый E2E, lint и TypeScript прошли. Далее — создание/изменение/удаление GRE. Загрузка данных IPsec и реальная сетевая приёмка остаются открытыми; последний build — 9.16.
+
+## Блок 9.19 — удаление GRE (2026-09-30)
+
+Удаление требует ok=true; диалог сохраняет объект/ошибку, блокирует повторы и закрытие во время запроса. Проверки — в журнале. Далее — создание/изменение и переключение GRE. Реальное устройство не проверено, последний build — 9.16.

tests/e2e/gre-delete.spec.ts

@@ -0,0 +1,51 @@
+import { test, expect } from "@playwright/test"
+
+test("GRE: удаление сохраняет диалог и требует подтверждения", async ({ page }) => {
+  let attempts = 0
+  let release: (() => void) | undefined
+  const gate = new Promise<void>(resolve => { release = resolve })
+  const tunnel = { id: "*T/1", name: "gre-test", serverId: "1", localAddress: "192.0.2.1", remoteAddress: "192.0.2.2", localInnerIp: "10.0.0.1/30", remoteInnerIp: "10.0.0.2/30", poolId: "pool", ipsec: null, mtu: 1476, keepaliveInterval: 10, keepaliveRetries: 3, dscp: "inherit", clampTcpMss: true, allowFastPath: true, comment: "", enabled: true, status: "up" }
+  await page.route("**/health", route => route.fulfill({ json: { ok: true } }))
+  await page.route("**/api/**", async route => {
+    const path = new URL(route.request().url()).pathname
+    if (route.request().method() === "DELETE") {
+      attempts++
+      expect(path).toBe("/api/gre/tunnels")
+      expect(route.request().postDataJSON()).toEqual({ serverId: "1", rosId: "*T/1", name: "gre-test" })
+      if (attempts === 1) { await gate; return route.fulfill({ status: 403, json: { error: "Удаление запрещено тест" } }) }
+      if (attempts === 2) return route.fulfill({ json: {} })
+      if (attempts === 3) return route.fulfill({ json: { ok: false } })
+      return route.fulfill({ json: { ok: true } })
+    }
+    return route.fulfill({ json: path === "/api/auth/config" ? { required: false }
+      : path === "/api/gre/tunnels" ? { tunnels: [tunnel] }
+      : path === "/api/servers" ? [{ id: 1, name: "Роутер", host: "192.0.2.1", enabled: true, type: "exit-node", country: "RU", status: "online" }] : {} })
+  })
+  await page.goto("/gre")
+  const open = async () => {
+    await page.getByRole("button", { name: "Действия: gre-test" }).click()
+    await page.getByRole("menuitem", { name: "Удалить туннель" }).click()
+  }
+  await open()
+  const dialog = page.getByRole("alertdialog")
+  const remove = dialog.getByRole("button", { name: "Удалить", exact: true })
+  await remove.evaluate(button => { (button as HTMLButtonElement).click(); (button as HTMLButtonElement).click() })
+  await expect.poll(() => attempts).toBe(1)
+  await expect(dialog.getByRole("status")).toContainText("Ожидание результата")
+  await expect(dialog.getByRole("button", { name: "Отмена" })).toBeDisabled()
+  await page.keyboard.press("Escape")
+  await expect(dialog).toBeVisible()
+  release!()
+  await expect(dialog.getByRole("alert")).toContainText("Удаление запрещено тест")
+  for (let i = 2; i <= 3; i++) {
+    await remove.click()
+    await expect.poll(() => attempts).toBe(i)
+    await expect(dialog.getByRole("alert")).toContainText("Сервер не подтвердил удаление туннеля")
+    await expect(page.getByText("Удалён gre-test", { exact: true })).toHaveCount(0)
+  }
+  await remove.click()
+  await expect(dialog).toHaveCount(0)
+  expect(attempts).toBe(4)
+  await open()
+  await expect(dialog.getByRole("alert")).toHaveCount(0)
+})