diff --git a/docs/automation-graph.html b/docs/automation-graph.html
index c9743f15..8e84b17f 100644
--- a/docs/automation-graph.html
+++ b/docs/automation-graph.html
@@ -120,18 +120,18 @@
 </div>
 
 <div id="cat-legend">
-  <div class="cat-item"><div class="cat-dot" style="background:#268bd2"></div>Правила</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#859900"></div>Плагины</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#6c71c4"></div>Скилы Superpowers</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#d33682"></div>Скилы проекта</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#2aa198"></div>Хуки</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#b58900"></div>Агенты</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#cb4b16"></div>MCP-серверы</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#dc322f"></div>Lefthook jobs</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#586e75"></div>Memory files</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#ff5f57; border:1px dashed #ff5f57"></div>🔴 Не закрыт правилом</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#888888; border:1px dashed #888888"></div>⚫ Возник на практике</div>
-  <div class="cat-item"><div class="cat-dot" style="background:#859900; border:1px dashed #859900"></div>🟢 Закрыт правилом</div>
+  <div class="cat-item" data-filter-key="group:rules"><div class="cat-dot" style="background:#268bd2"></div>Правила</div>
+  <div class="cat-item" data-filter-key="group:plugins"><div class="cat-dot" style="background:#859900"></div>Плагины</div>
+  <div class="cat-item" data-filter-key="group:skills_sp"><div class="cat-dot" style="background:#6c71c4"></div>Скилы Superpowers</div>
+  <div class="cat-item" data-filter-key="group:skills_proj"><div class="cat-dot" style="background:#d33682"></div>Скилы проекта</div>
+  <div class="cat-item" data-filter-key="group:hooks"><div class="cat-dot" style="background:#2aa198"></div>Хуки</div>
+  <div class="cat-item" data-filter-key="group:agents"><div class="cat-dot" style="background:#b58900"></div>Агенты</div>
+  <div class="cat-item" data-filter-key="group:mcp"><div class="cat-dot" style="background:#cb4b16"></div>MCP-серверы</div>
+  <div class="cat-item" data-filter-key="group:lefthook"><div class="cat-dot" style="background:#dc322f"></div>Lefthook jobs</div>
+  <div class="cat-item" data-filter-key="group:memory"><div class="cat-dot" style="background:#586e75"></div>Memory files</div>
+  <div class="cat-item" data-filter-key="conflict:RED"><div class="cat-dot" style="background:#ff5f57; border:1px dashed #ff5f57"></div>🔴 Не закрыт правилом</div>
+  <div class="cat-item" data-filter-key="conflict:BLACK"><div class="cat-dot" style="background:#888888; border:1px dashed #888888"></div>⚫ Возник на практике</div>
+  <div class="cat-item" data-filter-key="conflict:GREEN"><div class="cat-dot" style="background:#859900; border:1px dashed #859900"></div>🟢 Закрыт правилом</div>
 </div>
 
 <script>