feat: добавлены правила маршрутизации по устройствам и управление ими через API

Refs: None

src/web/App.jsx

@@ -27,6 +27,7 @@ function App() {
   const [subscriptionUrl, setSubscriptionUrl] = useState('');
   const [servers, setServers] = useState([]);
   const [customRules, setCustomRules] = useState([]);
+  const [deviceRules, setDeviceRules] = useState([]);
   const [selectedTag, setSelectedTag] = useState('');
   const [pendingTag, setPendingTag] = useState('');
   const [busy, setBusy] = useState(false);
@@ -67,6 +68,7 @@ function App() {
     setState(data);
     setServers(data.servers || []);
     if (!rulesDirtyRef.current) setCustomRules(data.customRules || []);
+    setDeviceRules(data.deviceRules || []);
     setSelectedTag((prev) => prev || data.selectedTag || '');
     setPendingTag((prev) => prev || data.selectedTag || '');
   }
@@ -193,6 +195,37 @@ function App() {
     });
   }
 
+  // === Device Rules ===
+  async function saveDeviceRules(rules) {
+    try {
+      const data = await api.deviceRules.save(rules);
+      setDeviceRules(data.deviceRules || rules);
+    } catch (err) {
+      pushToast({ kind: 'danger', title: 'Не удалось сохранить устройства', message: err.message });
+    }
+  }
+
+  function addDevice() {
+    const next = [
+      ...deviceRules,
+      { id: `dev-${Date.now()}`, name: 'Новое устройство', enabled: true, sourceIps: [], outbound: 'direct' },
+    ];
+    setDeviceRules(next);
+    saveDeviceRules(next);
+  }
+
+  function updateDevice(id, patch) {
+    const next = deviceRules.map((d) => (d.id === id ? { ...d, ...patch } : d));
+    setDeviceRules(next);
+    saveDeviceRules(next);
+  }
+
+  function removeDevice(id) {
+    const next = deviceRules.filter((d) => d.id !== id);
+    setDeviceRules(next);
+    saveDeviceRules(next);
+  }
+
   // === Rules CRUD ===
   function emptyRule() {
     return {
@@ -358,6 +391,10 @@ function App() {
               onRemove={removeRule}
               onSaveNow={saveRulesNow}
               onReorder={reorderRules}
+              deviceRules={deviceRules}
+              onAddDevice={addDevice}
+              onUpdateDevice={updateDevice}
+              onRemoveDevice={removeDevice}
             />
           )}
           {page === 'logs' && <LogsPage />}