fix(ui): подтверждать операции рекурсивных маршрутов

components/data-grids/recursive-routes-data-grid.tsx

@@ -113,6 +113,8 @@ interface RecursiveRoutesDataGridProps {
   onExpandedChange?: (key: string | null) => void
   onEdit: (group: RecursiveRouteGroup) => void
   onDelete: (group: RecursiveRouteGroup) => void
+  mutationsDisabled?: boolean
+  emptyTitle?: string
 }
 
 function RecursiveRoutesDataGrid({
@@ -121,6 +123,8 @@ function RecursiveRoutesDataGrid({
   onExpandedChange,
   onEdit,
   onDelete,
+  mutationsDisabled = false,
+  emptyTitle = "Нет маршрутов",
 }: RecursiveRoutesDataGridProps) {
   const [confirmDeleteKey, setConfirmDeleteKey] = useState<string | null>(null)
 
@@ -243,13 +247,16 @@ function RecursiveRoutesDataGrid({
           const confirmDel = confirmDeleteKey === g.key
           return (
             <div
-              className="flex items-center gap-0.5 justify-end opacity-0 group-hover/row:opacity-100 transition-opacity"
+              className="flex items-center gap-0.5 justify-end"
               onClick={(e) => e.stopPropagation()}
             >
               <Button
                 size="sm"
                 variant="ghost"
                 className="size-7 p-0 text-muted-foreground hover:text-foreground"
+                type="button"
+                aria-label={`Редактировать маршрут ${g.dstAddress} · ${g.routingTable}`}
+                disabled={mutationsDisabled}
                 onClick={() => onEdit(g)}
               >
                 <PencilIcon className="size-3.5" />
@@ -263,7 +270,11 @@ function RecursiveRoutesDataGrid({
                     ? "text-destructive bg-destructive/10 hover:bg-destructive/20"
                     : "text-muted-foreground hover:text-destructive",
                 )}
+                type="button"
+                aria-label={`${confirmDel ? "Подтвердить удаление" : "Удалить маршрут"} ${g.dstAddress} · ${g.routingTable}`}
+                disabled={mutationsDisabled}
                 onClick={() => {
+                  if (mutationsDisabled) return
                   if (!confirmDel) setConfirmDeleteKey(g.key)
                   else {
                     onDelete(g)
@@ -285,7 +296,7 @@ function RecursiveRoutesDataGrid({
         meta: { headerClassName: DATA_GRID_CELL_PAD_LAST, cellClassName: DATA_GRID_CELL_PAD_LAST },
       },
     ],
-    [confirmDeleteKey, expandedKey, onDelete, onEdit],
+    [confirmDeleteKey, expandedKey, onDelete, onEdit, mutationsDisabled],
   )
 
   const table = useTable({
@@ -302,7 +313,7 @@ function RecursiveRoutesDataGrid({
     return (
       <EmptyState
         icon={<RouteIcon className="size-4" />}
-        title="Нет маршрутов"
+        title={emptyTitle}
         className="border-0 py-10"
       />
     )