feat: Добавить компонент AccordionCard в менеджеры ASNs, Domains и IPRanges для улучшения интерфейса ввода данных и поддержки функции перетаскивания файлов для импорта

frontend/src/DomainsNewManager.jsx

@@ -31,6 +31,7 @@ import ErrorAlert from './components/ErrorAlert.jsx';
 import { notifyMutationSuccess } from './components/NotifyProvider.jsx';
 import ImportModal from './components/ImportModal.jsx';
 import QuickAddBar from './components/QuickAddBar.jsx';
+import AccordionCard from './components/AccordionCard.jsx';
 
 const API_URL = '/api';
 
@@ -529,24 +530,34 @@ function DomainsNewManager() {
             </div>
           </div>
 
-          {/* QuickAdd stays for batch input */}
-          <QuickAddBar
-            placeholder={'example.com 65000:100'}
-            help={'Вставьте строки: DOMAIN ПРОБЕЛ COMMUNITY'}
-            parseLine={(line) => { const [d, c] = String(line).split(/\s+/); return { domain: (d||'').toLowerCase(), community: (c||'').trim() }; }}
-            validateItem={(obj) => isValidDomain(obj.domain) && isValidCommunity(obj.community)}
-            onApply={(list) => {
-              setItems(prev => {
-                const merged = [...prev, ...list];
-                const map = new Map();
-                for (const it of merged) {
-                  const key = String(it.domain).trim().toLowerCase();
-                  if (!map.has(key)) map.set(key, { domain: key, community: String(it.community).trim() });
-                }
-                return Array.from(map.values());
-              });
-            }}
-          />
+          {/* Дополнительные варианты */}
+          <AccordionCard title={'Дополнительные варианты'} defaultOpen={false}>
+            <QuickAddBar
+              placeholder={'example.com 65000:100'}
+              help={'Вставьте строки: DOMAIN ПРОБЕЛ COMMUNITY'}
+              parseLine={(line) => { const [d, c] = String(line).split(/\s+/); return { domain: (d||'').toLowerCase(), community: (c||'').trim() }; }}
+              validateItem={(obj) => isValidDomain(obj.domain) && isValidCommunity(obj.community)}
+              onApply={(list) => {
+                setItems(prev => {
+                  const merged = [...prev, ...list];
+                  const map = new Map();
+                  for (const it of merged) {
+                    const key = String(it.domain).trim().toLowerCase();
+                    if (!map.has(key)) map.set(key, { domain: key, community: String(it.community).trim() });
+                  }
+                  return Array.from(map.values());
+                });
+              }}
+            />
+            <div className="card card-md border-dashed mt-3"
+                 onDragOver={(e) => { e.preventDefault(); }}
+                 onDrop={onDropImport}
+            >
+              <div className="card-body text-center text-muted">
+                Перетащите файл TXT/CSV сюда для импорта (формат: domain community)
+              </div>
+            </div>
+          </AccordionCard>
 
           {/* Карточка действий больше не нужна — действия перенесены в page-header */}
           {/* Drag & Drop импорт */}