fix(ui): подтверждать удаление объектов Firewall

app/(main)/firewall/page.tsx

@@ -40,6 +40,10 @@ import {
   DropdownMenu, DropdownMenuTrigger, DropdownMenuContent,
   DropdownMenuItem, DropdownMenuSeparator,
 } from "@/components/ui/dropdown-menu"
+import {
+  AlertDialog, AlertDialogContent, AlertDialogHeader, AlertDialogTitle,
+  AlertDialogDescription, AlertDialogFooter, AlertDialogCancel, AlertDialogAction,
+} from "@/components/ui/alert-dialog"
 import { cn } from "@/lib/utils"
 import {
   PlusIcon, SearchIcon, ShieldIcon, ShieldOffIcon,
@@ -821,7 +825,7 @@ function AddressListsTab({
                   <FormToggle checked={!e.disabled} disabled={mutationsDisabled} onChange={() => onToggle(e)} />
                   <DropdownMenu>
                     <DropdownMenuTrigger render={
-                      <Button variant="ghost" size="icon" className="size-7 shrink-0">
+                      <Button variant="ghost" size="icon" className="size-7 shrink-0" aria-label={"Действия: " + e.address}>
                         <MoreHorizontalIcon className="size-4" />
                       </Button>
                     } />
@@ -831,7 +835,7 @@ function AddressListsTab({
                         <PowerIcon className="size-4" />{e.disabled ? "Включить" : "Отключить"}
                       </DropdownMenuItem>
                       <DropdownMenuSeparator />
-                      <DropdownMenuItem variant="destructive" onClick={() => onDelete(e)}>
+                      <DropdownMenuItem disabled={mutationsDisabled} variant="destructive" onClick={() => onDelete(e)}>
                         <Trash2Icon className="size-4" />Удалить
                       </DropdownMenuItem>
                     </DropdownMenuContent>
@@ -1941,6 +1945,9 @@ function FirewallPageInner() {
   const [togglePending, setTogglePending] = useState(false)
   const [toggleStatus, setToggleStatus] = useState<string | null>(null)
   const [toggleError, setToggleError] = useState<string | null>(null)
+  const [pendingDelete, setPendingDelete] = useState<{ kind: "rule"; item: FirewallRule } | { kind: "address"; item: AddressListEntry } | null>(null)
+  const [deletePending, setDeletePending] = useState(false)
+  const [deleteError, setDeleteError] = useState<string | null>(null)
 
   const [selectedServerId, setSelectedServerId] = useState(serverFromQuery ?? ALL_SERVERS_ID)
   const appliedQueryRef = useRef(false)
@@ -2169,20 +2176,40 @@ function FirewallPageInner() {
     setMockRules((rs) => rs.map((x) => x.id === id ? { ...x, enabled: !x.enabled } : x))
   }
 
-  async function deleteRule(r: FirewallRule) {
-    if (isLive) {
-      const key = ruleKey(r)
-      if (!key) return
-      try {
-        await apiFetch("/api/firewall/rules", { method: "DELETE", body: JSON.stringify(key) })
-        toast.success("Правило удалено")
+  function requestDelete(target: NonNullable<typeof pendingDelete>) {
+    if (toggleLock.current || busy || historyRestoring) return
+    setDeleteError(null)
+    setPendingDelete(target)
+  }
+
+  async function confirmDelete() {
+    if (!pendingDelete || toggleLock.current || busy || historyRestoring) return
+    const target = pendingDelete
+    toggleLock.current = true
+    setDeletePending(true)
+    setDeleteError(null)
+    try {
+      if (isLive) {
+        const key = target.kind === "rule" ? ruleKey(target.item) : addressKey(target.item)
+        if (!key) throw new Error("Не удалось определить устройство и ID объекта")
+        const result = await apiFetch<{ ok: boolean }>(target.kind === "rule" ? "/api/firewall/rules" : "/api/firewall/address-lists", {
+          method: "DELETE", body: JSON.stringify(key),
+        })
+        if (result?.ok !== true) throw new Error("Сервер не подтвердил удаление")
         await loadLive()
-      } catch (e) {
-        toast.error(e instanceof Error ? e.message : "Не удалось удалить правило")
+      } else if (target.kind === "rule") {
+        setMockRules(rows => rows.filter(x => x.id !== target.item.id))
+      } else {
+        setMockAddrLists(rows => rows.filter(x => x.id !== target.item.id))
       }
-      return
+      setPendingDelete(null)
+      toast.success(target.kind === "rule" ? "Правило удалено" : "Запись удалена")
+    } catch (e) {
+      setDeleteError(e instanceof Error ? e.message : "Не удалось удалить объект")
+    } finally {
+      toggleLock.current = false
+      setDeletePending(false)
     }
-    setMockRules((rs) => rs.filter((x) => x.id !== r.id))
   }
 
   const canReorder = useMemo(() => {
@@ -2342,22 +2369,6 @@ function FirewallPageInner() {
     setMockAddrLists((rows) => rows.map((x) => x.id === e.id ? { ...x, disabled: !x.disabled } : x))
   }
 
-  async function deleteAddr(e: AddressListEntry) {
-    if (isLive) {
-      const key = addressKey(e)
-      if (!key) return
-      try {
-        await apiFetch("/api/firewall/address-lists", { method: "DELETE", body: JSON.stringify(key) })
-        toast.success("Запись удалена")
-        await loadLive()
-      } catch (err) {
-        toast.error(err instanceof Error ? err.message : "Не удалось удалить запись")
-      }
-      return
-    }
-    setMockAddrLists((rows) => rows.filter((x) => x.id !== e.id))
-  }
-
   async function saveAddr(payload: {
     list: string
     address: string
@@ -2556,12 +2567,12 @@ function FirewallPageInner() {
           {chainGroup === "address-lists" ? (
             <AddressListsTab
               entries={familyAddrLists}
-              mutationsDisabled={togglePending || busy || historyRestoring}
+              mutationsDisabled={togglePending || deletePending || busy || historyRestoring}
               onAdd={() => openAddAddr()}
               onAddToList={(list) => openAddAddr(list)}
               onToggle={(e) => { void toggleAddr(e) }}
               onEdit={openEditAddr}
-              onDelete={(e) => { void deleteAddr(e) }}
+              onDelete={(item) => requestDelete({ kind: "address", item })}
               showServer={showServerCol}
             />
           ) : chainGroup === "simulator" ? (
@@ -2598,11 +2609,11 @@ function FirewallPageInner() {
 
               <FirewallRulesDataGrid
                 rules={filteredRules}
-                mutationsDisabled={togglePending || busy || historyRestoring}
+                mutationsDisabled={togglePending || deletePending || busy || historyRestoring}
                 onToggle={(id) => { void toggleRule(id) }}
                 onEdit={openEdit}
-                onDelete={(r) => { void deleteRule(r) }}
-                onReorder={canReorder && !togglePending ? (activeId, overId) => { void reorderRules(activeId, overId) } : undefined}
+                onDelete={(item) => requestDelete({ kind: "rule", item })}
+                onReorder={canReorder && !togglePending && !deletePending ? (activeId, overId) => { void reorderRules(activeId, overId) } : undefined}
                 showServer={showServerCol}
               />
             </DataPageCard>
@@ -2679,6 +2690,27 @@ function FirewallPageInner() {
         rules={familyRules}
       />
 
+      <AlertDialog open={!!pendingDelete} onOpenChange={open => {
+        if (!open && !toggleLock.current) { setPendingDelete(null); setDeleteError(null) }
+      }}>
+        <AlertDialogContent>
+          <AlertDialogHeader>
+            <AlertDialogTitle>{pendingDelete?.kind === "rule" ? "Удалить правило Firewall?" : "Удалить запись address-list?"}</AlertDialogTitle>
+            <AlertDialogDescription>
+              {pendingDelete && (pendingDelete.kind === "rule"
+                ? [pendingDelete.item.comment || pendingDelete.item.rosId || pendingDelete.item.id, pendingDelete.item.serverName || pendingDelete.item.serverId, ruleFamily(pendingDelete.item), pendingDelete.item.table, pendingDelete.item.chain].join(" · ")
+                : [pendingDelete.item.address, pendingDelete.item.list, pendingDelete.item.serverName || pendingDelete.item.serverId, addressFamily(pendingDelete.item)].join(" · "))}
+            </AlertDialogDescription>
+            {deletePending && <p role="status" className="text-sm text-muted-foreground">Ожидание результата удаления…</p>}
+            {deleteError && <p role="alert" className="text-sm text-destructive">{deleteError}</p>}
+          </AlertDialogHeader>
+          <AlertDialogFooter>
+            <AlertDialogCancel disabled={deletePending}>Отмена</AlertDialogCancel>
+            <AlertDialogAction variant="destructive" disabled={deletePending || togglePending || busy || historyRestoring} onClick={e => { e.preventDefault(); void confirmDelete() }}>Удалить</AlertDialogAction>
+          </AlertDialogFooter>
+        </AlertDialogContent>
+      </AlertDialog>
+
       <ConfigHistorySheet
         open={historyOpen}
         onOpenChange={v => { if (!v) historyEpoch.current += 1; setHistoryOpen(v) }}

components/data-grids/firewall-rules-data-grid.tsx

@@ -304,7 +304,7 @@ function FirewallRulesDataGrid({
                     {r.enabled ? "Отключить" : "Включить"}
                   </DropdownMenuItem>
                   <DropdownMenuSeparator />
-                  <DropdownMenuItem variant="destructive" onClick={() => onDelete?.(r)}>
+                  <DropdownMenuItem disabled={mutationsDisabled} variant="destructive" onClick={() => onDelete?.(r)}>
                     <Trash2Icon className="size-4" />
                     Удалить правило
                   </DropdownMenuItem>

docs/ux-ui-plan.md

@@ -80,7 +80,7 @@ flowchart LR
 
 ## Текущая точка продолжения
 
-По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.26 — IPsec/GRE/VXLAN и переключение Firewall); этапы 10–12 не начаты. Этап 11 разделён: 11А — пользователи, контейнеры, сертификаты, резервирование; 11Б — оповещения, сбор данных, интеграции, релизы, настройки.
+По журналу этапы 0–8 завершены в границах локальной приёмки; внешние ограничения сохраняются. Этап 9 начат (блоки 9.1–9.27 — IPsec/GRE/VXLAN и переключение Firewall); этапы 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 и поведение формы. В 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 с общим замком переключений. Далее — сохранение/удаление и перемещение Firewall, затем 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 и защитой повторов. Далее — сохранение и перемещение Firewall, затем Filters; ограничения счётчика, свежести и записи VXLAN остаются открытыми; загрузка данных IPsec и общая приёмка остаются открытыми.
 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.26 — IPsec/GRE/VXLAN и переключение Firewall |
+| 9 | VPN, Firewall и Filters | В работе: блоки 9.1–9.27 — IPsec/GRE/VXLAN и переключение Firewall |
 | 10 | Маршрутизация, диагностика, карта и терминал | Не начат |
 | 11А | Пользователи, контейнеры, сертификаты и резервные копии | Не начат |
 | 11Б | Оповещения, сбор данных, интеграции, релизы и настройки | Не начат |
 | 12 | Итоговая доступность, адаптивность, производительность и регрессия | Не начат |
 
+## Блок 9.27 — удаление Firewall (2026-09-30)
+
+- Правила и address-list удаляются через общий AlertDialog существующей Base UI оболочки. Диалог показывает объект, устройство, IP-семейство, для правила — таблицу/цепочку; отмена до отправки не вызывает API.
+- DELETE требует ok=true. При 403, пустом ответе и ok=false диалог сохраняет объект и ошибку. Повтор, отмена и Escape заблокированы до ответа и обновления списка; переключение и удаление используют общий синхронный замок. Переключатели/меню удаления и перенос строк отключены во время удаления. Новое открытие сбрасывает ошибку. Кнопка меню address-list получила доступное имя.
+- Все 13 E2E Firewall прошли: четыре новых сценария rule/address для IPv4/IPv6 с проверкой точного payload, отмены, повторов, ошибок и успешного удаления; девять прежних сценариев. TypeScript прошёл. Grid/новый тест lint-чистые; исходные 4 ошибки/2 предупреждения страницы не изменились относительно HEAD. Diff-check проверен перед коммитом. Последний production build — 9.21, повтор не выполнялся.
+- Далее — сохранение форм и подтверждение перемещения Firewall, затем Filters. Замок остальных мутаций и гонки загрузки пока не исправлены. loadLive обрабатывает ошибку обновления отдельно; подтверждённое удаление не гарантирует успешное повторное чтение. Реальные RouterOS/JWT не проверены; этап 9 открыт.
+- Квота: 21% пятичасовой/3% недельной на старте, 23%/4% после проверок. Локальный коммит без push; чужие изменения сохранены.
+
 ## Блок 9.26 — переключение address-list Firewall (2026-09-30)
 
 - PATCH записи address-list требует ok=true. Переключатели и действие переключения в меню блокируются на время запроса/обновления, используется общий с правилами синхронный замок. Обработчик также учитывает занятость формы и восстановление истории.

docs/ux-ui-stage-9.md

@@ -145,3 +145,7 @@ PATCH правила требует ok=true, замок предотвращае
 ## Блок 9.26 — переключение address-list Firewall (2026-09-30)
 
 PATCH требует ok=true, общий замок переключений предотвращает повтор до обновления. Ошибка сохраняет состояние записи и содержит адрес/список. Все 9 E2E и TypeScript прошли, новых замечаний lint нет. Далее — сохранение/удаление и перемещение Firewall; единая блокировка всех мутаций пока не внедрена. Реальные устройства не проверены; последний build — 9.21.
+
+## Блок 9.27 — удаление Firewall (2026-09-30)
+
+Правила/address-list удаляются через общий диалог с контекстом устройства. DELETE требует ok=true; ошибка сохраняет диалог, повтор и закрытие блокируются до ответа. Все 13 E2E и TypeScript прошли, новых замечаний lint нет. Далее — формы и перемещение Firewall; остальные мутации и гонки загрузки ещё открыты. Реальные устройства не проверены; последний build — 9.21.

tests/e2e/firewall-delete.spec.ts

@@ -0,0 +1,72 @@
+import { test, expect } from "@playwright/test"
+
+for (const kind of ["rule", "address"] as const) {
+  for (const family of ["ip", "ip6"] as const) {
+    test(`Firewall: удаление ${kind}/${family} требует подтверждения`, async ({ page }) => {
+      let attempts = 0
+      let deleted = false
+      let release: (() => void) | undefined
+      const gate = new Promise<void>(resolve => { release = resolve })
+      const rule = { id: "rule-1", rosId: "*R/1", serverId: "1", serverName: "Роутер", family, table: "filter", chain: "forward", action: "accept", proto: "tcp", src: "", dst: "", port: "443", iface: "", comment: "Правило тест", enabled: true, hits: 1 }
+      const entry = { id: "address-1", rosId: "*A/1", serverId: "1", serverName: "Роутер", family, list: "trusted", address: family === "ip" ? "192.0.2.10" : "2001:db8::10", comment: "Адрес тест", disabled: false }
+      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(kind === "rule" ? "/api/firewall/rules" : "/api/firewall/address-lists")
+          expect(route.request().postDataJSON()).toEqual(kind === "rule"
+            ? { serverId: "1", family, table: "filter", rosId: "*R/1" }
+            : { serverId: "1", family, rosId: "*A/1" })
+          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 } })
+          deleted = true
+          return route.fulfill({ json: { ok: true } })
+        }
+        return route.fulfill({ json: path === "/api/auth/config" ? { required: false }
+          : path === "/api/firewall/all" ? { rules: kind === "rule" && !deleted ? [rule] : [], addressLists: kind === "address" && !deleted ? [entry] : [] }
+          : path === "/api/servers" ? [{ id: 1, name: "Роутер", host: "192.0.2.1", type: "exit-node", enabled: true, country: "RU", status: "online" }] : {} })
+      })
+      await page.goto("/firewall?server=1")
+      if (family === "ip6") await page.getByRole("button", { name: "IPv6", exact: true }).click()
+      if (kind === "address") await page.getByRole("button", { name: /Адр. листы/ }).click()
+      const open = async () => {
+        await page.getByRole("button", { name: kind === "rule" ? "Действия: forward accept" : "Действия: " + entry.address, exact: true }).click()
+        await page.getByRole("menuitem", { name: kind === "rule" ? "Удалить правило" : "Удалить", exact: true }).click()
+      }
+      await open()
+      const dialog = page.getByRole("alertdialog")
+      await expect(dialog).toContainText("Роутер")
+      await expect(dialog).toContainText(kind === "rule" ? rule.comment : entry.address)
+      await dialog.getByRole("button", { name: "Отмена" }).click()
+      await expect(dialog).toHaveCount(0)
+      expect(attempts).toBe(0)
+      await open()
+      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(remove).toBeDisabled()
+      await expect(dialog.getByRole("button", { name: "Отмена" })).toBeDisabled()
+      await expect(dialog.getByRole("status")).toContainText("Ожидание результата")
+      await page.keyboard.press("Escape")
+      await expect(dialog).toBeVisible()
+      release!()
+      await expect(dialog.getByRole("alert")).toContainText("Удаление запрещено тест")
+      await dialog.getByRole("button", { name: "Отмена" }).click()
+      await expect(dialog).toHaveCount(0)
+      await open()
+      await expect(dialog.getByRole("alert")).toHaveCount(0)
+      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(kind === "rule" ? "Правило удалено" : "Запись удалена", { exact: true })).toHaveCount(0)
+      }
+      await remove.click()
+      await expect(dialog).toHaveCount(0)
+      expect(attempts).toBe(4)
+      await expect(page.getByRole("button", { name: kind === "rule" ? "Действия: forward accept" : "Действия: " + entry.address, exact: true })).toHaveCount(0)
+    })
+  }
+}