feat: Add WebSocket and background update functionality to ASNs, Domains, and IPRanges managers; integrate WsUpdateModal for real-time updates

frontend/src/IPRangesManager.jsx

@@ -22,6 +22,7 @@ import LockBanner from './components/LockBanner.jsx';
 import TableSkeleton from './components/TableSkeleton.jsx';
 import S3MetaBar from './components/S3MetaBar.jsx';
 import PageHeaderActions from './components/PageHeaderActions.jsx';
+import WsUpdateModal from './components/WsUpdateModal.jsx';
 import ConfirmDiffModal from './components/ConfirmDiffModal.jsx';
 import HistoryModal from './components/HistoryModal.jsx';
 
@@ -218,6 +219,7 @@ function IPRangesManager() {
   const [diff, setDiff] = useState({ added: [], removed: [], changed: [] });
   const [confirmSaveOpen, setConfirmSaveOpen] = useState(false);
   const [historyOpen, setHistoryOpen] = useState(false);
+  const [wsOpen, setWsOpen] = useState(false);
 
   const handlePreviewDiff = () => {
     const valid = items.filter(i => isValidCidr(i.ipRange) && isValidCommunity(i.community))
@@ -425,6 +427,19 @@ function IPRangesManager() {
               onSave={handleSaveChanges}
               disableSave={loading}
               onHistory={() => setHistoryOpen(true)}
+              onOnlineUpdate={() => setWsOpen(true)}
+              onBackgroundUpdate={async () => {
+                try {
+                  const res = await fetch('http://77.232.38.173:8080/api/update_bgp/background?api_key=denozord2502', { method: 'POST' });
+                  const data = await res.json().catch(() => ({}));
+                  if (!res.ok || data.ok === false) {
+                    throw new Error(data?.message || `HTTP ${res.status}`);
+                  }
+                  window.notify?.success('Фоновое обновление запущено', data);
+                } catch (e) {
+                  window.notify?.error('Не удалось запустить фоновое обновление', String(e));
+                }
+              }}
             />
           </div>
         </div>
@@ -692,6 +707,11 @@ function IPRangesManager() {
         onClose={() => setHistoryOpen(false)}
         onRolledBack={() => fetchItems()}
       />
+      <WsUpdateModal
+        show={wsOpen}
+        url={'ws://77.232.38.173:8080/ws/update_bgp?api_key=denozord2502'}
+        onClose={() => setWsOpen(false)}
+      />
       {/* Diff Modal */}
       {showDiff && (
         <div className="modal modal-blur fade show" style={{display: 'block'}} tabIndex="-1">