feat: Добавлена автоматическая прокрутка к последним логам при drag & drop

- При перестановке панелей в multi-view режиме автоматически прокручиваются логи к самому низу
- Прокрутка срабатывает после завершения анимации перестановки панелей
- Добавлена прокрутка в функции savePanelOrder для сохранения порядка панелей
- Улучшен пользовательский опыт при работе с drag & drop функциональностью

Изменения:
- app/static/js/index.js: добавлены вызовы scrollToBottom() в setupDragAndDrop и savePanelOrder

app/core/docker.py

@@ -30,17 +30,20 @@ def load_excluded_containers() -> List[str]:
     Сайт: https://devops.org.ru
     """
     try:
-        with open("app/excluded_containers.json", "r", encoding="utf-8") as f:
+        # Определяем путь к файлу относительно корня проекта
+        file_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), "excluded_containers.json")
+        
+        with open(file_path, "r", encoding="utf-8") as f:
             data = json.load(f)
             return data.get("excluded_containers", [])
     except FileNotFoundError:
-        docker_logger.warning("Файл app/excluded_containers.json не найден, используем пустой список")
+        docker_logger.warning(f"Файл excluded_containers.json не найден по пути {file_path}, используем пустой список")
         return []
     except json.JSONDecodeError as e:
-        docker_logger.error(f"Ошибка парсинга app/excluded_containers.json: {e}")
+        docker_logger.error(f"Ошибка парсинга excluded_containers.json: {e}")
         return []
     except Exception as e:
-        docker_logger.error(f"Ошибка загрузки app/excluded_containers.json: {e}")
+        docker_logger.error(f"Ошибка загрузки excluded_containers.json: {e}")
         return []
 
 def save_excluded_containers(containers: List[str]) -> bool:
@@ -50,15 +53,24 @@ def save_excluded_containers(containers: List[str]) -> bool:
     Сайт: https://devops.org.ru
     """
     try:
+        # Определяем путь к файлу относительно корня проекта
+        file_path = os.path.join(os.path.dirname(os.path.dirname(__file__)), "excluded_containers.json")
+        
         data = {
             "excluded_containers": containers,
             "description": "Список контейнеров, которые генерируют слишком много логов и исключаются из отображения"
         }
-        with open("app/excluded_containers.json", "w", encoding="utf-8") as f:
+        
+        # Создаем директорию, если она не существует
+        os.makedirs(os.path.dirname(file_path), exist_ok=True)
+        
+        with open(file_path, "w", encoding="utf-8") as f:
             json.dump(data, f, indent=2, ensure_ascii=False)
+        
+        docker_logger.info(f"Список исключенных контейнеров сохранен в {file_path}")
         return True
     except Exception as e:
-        docker_logger.error(f"Ошибка сохранения app/excluded_containers.json: {e}")
+        docker_logger.error(f"Ошибка сохранения excluded_containers.json: {e}")
         return False
 
 def get_all_projects() -> List[str]:

app/excluded_containers.json

@@ -1,4 +1,6 @@
 {
-  "excluded_containers": [],
+  "excluded_containers": [
+    "buildx_buildkit_multiarch-builder0"
+  ],
   "description": "Список контейнеров, которые генерируют слишком много логов и исключаются из отображения"
 }

app/static/css/index.css

@@ -610,6 +610,93 @@ a{color:var(--link)}
   overflow: hidden;
   padding: 2px;
   height: 100%;
+  /* Drag & Drop стили */
+  cursor: move;
+  transition: all 0.2s ease;
+  position: relative;
+  user-select: none;
+}
+
+/* Разрешаем выделение текста в области логов */
+.multi-view-panel .multi-view-log {
+  user-select: text;
+  cursor: text;
+}
+
+/* Стили для перетаскиваемого элемента */
+.multi-view-panel.dragging {
+  opacity: 0.7;
+  transform: scale(1.02);
+  z-index: 1000;
+  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+  border-color: var(--accent);
+}
+
+/* Стили для области drop - готовность к перестановке */
+.multi-view-panel.drop-target {
+  border-color: var(--ok);
+  background: var(--tab-active);
+  box-shadow: 0 0 0 2px var(--ok), 0 0 15px rgba(158, 206, 106, 0.2);
+  transform: scale(1.01);
+  transition: all 0.2s ease;
+}
+
+/* Стили для области drop - перестановка в процессе */
+.multi-view-panel.drop-target.swapping {
+  box-shadow: 0 0 0 3px var(--ok), 0 0 25px rgba(158, 206, 106, 0.4);
+  transform: scale(1.02);
+  animation: dropTargetSwap 0.3s ease-in-out;
+}
+
+
+
+/* Анимация перестановки */
+@keyframes dropTargetSwap {
+  0% {
+    box-shadow: 0 0 0 3px var(--ok), 0 0 25px rgba(158, 206, 106, 0.4);
+    transform: scale(1.02);
+  }
+  50% {
+    box-shadow: 0 0 0 4px var(--ok), 0 0 35px rgba(158, 206, 106, 0.6);
+    transform: scale(1.03);
+  }
+  100% {
+    box-shadow: 0 0 0 3px var(--ok), 0 0 25px rgba(158, 206, 106, 0.4);
+    transform: scale(1.02);
+  }
+}
+
+/* Стили для заголовка панели - область для захвата */
+.multi-view-header {
+  cursor: grab;
+  position: relative;
+  user-select: none; /* Запрещаем выделение в заголовке */
+}
+
+.multi-view-header:active {
+  cursor: grabbing;
+}
+
+/* Индикатор возможности перетаскивания */
+.multi-view-header::before {
+  content: "⋮⋮";
+  position: absolute;
+  left: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  color: var(--muted);
+  font-size: 12px;
+  opacity: 0.5;
+  transition: opacity 0.2s ease;
+}
+
+.multi-view-panel:hover .multi-view-header::before {
+  opacity: 1;
+}
+
+/* Скрываем индикатор при перетаскивании */
+.multi-view-panel.dragging .multi-view-header::before {
+  opacity: 0;
 }
 
 .multi-view-content {
@@ -2003,6 +2090,8 @@ a{color:var(--link)}
   /* Равная высота строк для нескольких рядов (3+ окон) */
   grid-auto-rows: 1fr;
   align-items: stretch;
+  /* Поддержка drag & drop */
+  position: relative;
 }
 
 .multi-view-panel {
@@ -2016,7 +2105,7 @@ a{color:var(--link)}
 }
 
 .multi-view-header {
-  padding: 5px 16px;
+  padding: 5px 16px 5px 24px; /* Увеличиваем левый отступ для индикатора перетаскивания */
   background: var(--chip);
   border-bottom: 1px solid var(--border);
   display: flex;
@@ -2087,6 +2176,7 @@ a{color:var(--link)}
   gap: 4px;
   align-items: center;
   flex-shrink: 0; /* Предотвращает сжатие кнопок */
+  user-select: none; /* Запрещаем выделение в кнопках */
 }
 
 .level-btn {
@@ -2582,3 +2672,4 @@ footer{position:fixed;right:10px;bottom:10px;opacity:.6;font-size:11px}
 .notification-close:hover {
   background: var(--chip);
   color: var(--fg);
+}

app/templates/index.html

@@ -77,7 +77,11 @@
             </div>
             <div class="checkbox-item">
               <input type="checkbox" id="autoupdate" checked>
-              <label for="autoupdate">Auto-update logs</label>
+              <label for="autoupdate">Update logs</label>
+            </div>
+            <div class="checkbox-item">
+              <input type="checkbox" id="autoRefreshOnRestore" checked>
+              <label for="autoRefreshOnRestore">Refresh logs on panel restore</label>
             </div>
           </div>