Маршрут {deleteRoute ? routeName(deleteRoute) : ''} будет сначала безопасно исключён из HAProxy, затем удалён после подтверждения Agent.
diff --git a/frontend/src/features/routes/RouteLibraryDialog.tsx b/frontend/src/features/routes/RouteLibraryDialog.tsx
new file mode 100644
index 0000000..571cbfd
--- /dev/null
+++ b/frontend/src/features/routes/RouteLibraryDialog.tsx
@@ -0,0 +1,96 @@
+import { Alert, Button, Group, Modal, MultiSelect, Select, Stack, Text, Textarea, TextInput } from '@mantine/core';
+import { useEffect, useState } from 'react';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { useQueryClient } from '@tanstack/react-query';
+import type { NodeRecord, RouteRecord } from '../../lib/contracts';
+import { copyRoutes, deleteTemplate, listTemplates, saveRouteTemplate, templateNodes, type CopyResult, type RouteTemplate } from './templates';
+
+export function RouteLibraryDialog({ opened, onClose, nodeID, source }: {
+ opened: boolean; onClose: () => void; nodeID: string; source?: RouteRecord;
+}) {
+ const navigate = useNavigate();
+ const location = useLocation();
+ const cache = useQueryClient();
+ const [nodes, setNodes] = useState
([]);
+ const [templates, setTemplates] = useState([]);
+ const [selected, setSelected] = useState(null);
+ const [targets, setTargets] = useState([]);
+ const [name, setName] = useState('');
+ const [templateName, setTemplateName] = useState('');
+ const [description, setDescription] = useState('');
+ const [busy, setBusy] = useState(false);
+ const [error, setError] = useState('');
+ const [message, setMessage] = useState('');
+ const [results, setResults] = useState([]);
+ const [confirmDelete, setConfirmDelete] = useState(false);
+ const template = templates.find(t => t.id === selected);
+ const current = source || template;
+ const query = new URLSearchParams(location.search).get('demo') === '1' ? '&demo=1' : '';
+ useEffect(() => {
+ if (!opened) return;
+ let active = true;
+ setError(''); setMessage(''); setResults([]); setSelected(null); setConfirmDelete(false);
+ setTargets([nodeID]); setName(source?.name || ''); setTemplateName(source?.name || ''); setDescription(''); setBusy(true);
+ Promise.all([templateNodes(), listTemplates()]).then(([n, t]) => {
+ if (active) { setNodes(n); setTemplates(t); }
+ }).catch(e => { if (active) setError(e.message); }).finally(() => { if (active) setBusy(false); });
+ return () => { active = false; };
+ }, [opened, nodeID, source?.id]);
+ const perform = async (action: () => Promise) => {
+ setBusy(true); setError(''); setMessage('');
+ try { await action(); } catch (e) { setError(e instanceof Error ? e.message : 'Операция не выполнена'); }
+ finally { setBusy(false); }
+ };
+ const apply = () => perform(async () => {
+ if (!current) return;
+ const copied = await copyRoutes(current, targets, name);
+ setResults(copied);
+ // Keep failed targets selected, so retry cannot duplicate successful copies.
+ setTargets(copied.filter(r => r.error).map(r => r.node_id));
+ await cache.invalidateQueries({ queryKey: ['node-detail'] });
+ setMessage(`Создано черновиков: ${copied.filter(r => r.route).length}. Включите их после проверки настроек на целевых нодах.`);
+ });
+ return {} : onClose} title={source ? `Копирование маршрута «${source.name}»` : 'Шаблоны маршрутов'} size="lg">
+
+ Копии создаются выключенными. Настройки сохраняются, но состояние соединений, счётчики и история не переносятся.
+ {error && {error}}
+ {message && {message}}
+ {!source && <>
+