From 8f1668668ccea739c9ac76ccb0af71edfc597f69 Mon Sep 17 00:00:00 2001
From: shats <admin@shts.su>
Date: Tue, 20 Jan 2026 17:02:23 +0700
Subject: [PATCH] feat(FilterManager): enhance filter row display with priority
 indicators and update alert message for clarity

---
 frontend/src/FilterManager.jsx | 23 ++++++++++++++++++-----
 1 file changed, 18 insertions(+), 5 deletions(-)

diff --git a/frontend/src/FilterManager.jsx b/frontend/src/FilterManager.jsx
index 6ea57d0..7de291e 100644
--- a/frontend/src/FilterManager.jsx
+++ b/frontend/src/FilterManager.jsx
@@ -534,7 +534,8 @@ function GatewayAutocomplete({ label, value, onChange, gateways = [], required =
 // Компонент перетаскиваемой строки фильтра
 function SortableFilterRow({ 
   filter, 
-  index, 
+  index,
+  totalCount,
   filterKey, 
   isSelected, 
   onToggleSelect, 
@@ -582,7 +583,13 @@ function SortableFilterRow({
         />
       </td>
       <td>
-        <span className="badge bg-secondary-lt text-muted me-2">#{index + 1}</span>
+        {index === totalCount - 1 ? (
+          <span className="badge bg-green-lt text-green" title="Высший приоритет">#{index + 1} ★</span>
+        ) : index === 0 ? (
+          <span className="badge bg-secondary-lt text-muted" title="Низший приоритет">#{index + 1}</span>
+        ) : (
+          <span className="badge bg-secondary-lt text-muted">#{index + 1}</span>
+        )}
       </td>
       <td>
         <div className="d-flex align-items-start">
@@ -1997,9 +2004,14 @@ function FilterManager() {
                   </div>
                 ) : (
                   <>
-                  <div className="alert alert-info mb-3 d-flex align-items-center">
-                    <IconGripVertical size={18} className="me-2" />
-                    <span>Перетащите строки за иконку <IconGripVertical size={14} className="mx-1" /> чтобы изменить приоритет правил</span>
+                  <div className="alert alert-info mb-3">
+                    <div className="d-flex align-items-center">
+                      <IconGripVertical size={18} className="me-2" />
+                      <span>Перетащите строки за иконку <IconGripVertical size={14} className="mx-1" /> чтобы изменить приоритет</span>
+                    </div>
+                    <div className="text-muted small mt-1">
+                      <strong>Важно:</strong> В RouterOS правила внизу списка имеют <strong>высший приоритет</strong> (переопределяют верхние)
+                    </div>
                   </div>
                   <DndContext
                     sensors={sensors}
@@ -2059,6 +2071,7 @@ function FilterManager() {
                               key={key}
                               filter={filter}
                               index={index}
+                              totalCount={serverFilters.filter(f => f != null).length}
                               filterKey={key}
                               isSelected={isSelected}
                               onToggleSelect={() => toggleSelectFilter(key)}