diff --git a/web/frontend/src/views/ProjectView.vue b/web/frontend/src/views/ProjectView.vue
index fb3f5c1..e90f720 100644
--- a/web/frontend/src/views/ProjectView.vue
+++ b/web/frontend/src/views/ProjectView.vue
@@ -328,32 +328,51 @@ async function addDecision() {
             <button v-if="selectedStatuses.length" data-action="clear-status" @click="clearStatusFilter"
               class="px-1.5 py-0.5 text-xs text-gray-600 hover:text-red-400 rounded">✕</button>
           </div>
-        <div class="flex gap-2">
-          <button @click="toggleMode"
-            class="px-2 py-1 text-xs border rounded transition-colors"
-            :class="autoMode
-              ? 'bg-yellow-900/30 text-yellow-400 border-yellow-800 hover:bg-yellow-900/50'
-              : 'bg-gray-800/50 text-gray-400 border-gray-700 hover:bg-gray-800'"
-            :title="autoMode ? 'Auto mode: agents can write files' : 'Review mode: agents read-only'">
-            {{ autoMode ? '&#x1F513; Auto' : '&#x1F512; Review' }}
-          </button>
-          <button @click="toggleAutocommit"
-            class="px-2 py-1 text-xs border rounded transition-colors"
-            :class="autocommit
-              ? 'bg-green-900/30 text-green-400 border-green-800 hover:bg-green-900/50'
-              : 'bg-gray-800/50 text-gray-400 border-gray-700 hover:bg-gray-800'"
-            :title="autocommit ? 'Autocommit: on — git commit after pipeline' : 'Autocommit: off'">
-            {{ autocommit ? '&#x2713; Autocommit' : 'Autocommit' }}
-          </button>
-          <button @click="runAudit" :disabled="auditLoading"
-            class="px-2 py-1 text-xs bg-purple-900/30 text-purple-400 border border-purple-800 rounded hover:bg-purple-900/50 disabled:opacity-50"
-            title="Check which pending tasks are already done">
-            <span v-if="auditLoading" class="inline-block w-3 h-3 border-2 border-purple-400 border-t-transparent rounded-full animate-spin mr-1"></span>
-            {{ auditLoading ? 'Auditing...' : 'Audit backlog' }}
-          </button>
-          <button @click="showAddTask = true"
-            class="px-3 py-1 text-xs bg-gray-800 text-gray-300 border border-gray-700 rounded hover:bg-gray-700">
-            + Task
+          <div class="flex gap-2">
+            <button @click="toggleMode"
+              class="px-2 py-1 text-xs border rounded transition-colors"
+              :class="autoMode
+                ? 'bg-yellow-900/30 text-yellow-400 border-yellow-800 hover:bg-yellow-900/50'
+                : 'bg-gray-800/50 text-gray-400 border-gray-700 hover:bg-gray-800'"
+              :title="autoMode ? 'Auto mode: agents can write files' : 'Review mode: agents read-only'">
+              {{ autoMode ? '&#x1F513; Auto' : '&#x1F512; Review' }}
+            </button>
+            <button @click="toggleAutocommit"
+              class="px-2 py-1 text-xs border rounded transition-colors"
+              :class="autocommit
+                ? 'bg-green-900/30 text-green-400 border-green-800 hover:bg-green-900/50'
+                : 'bg-gray-800/50 text-gray-400 border-gray-700 hover:bg-gray-800'"
+              :title="autocommit ? 'Autocommit: on — git commit after pipeline' : 'Autocommit: off'">
+              {{ autocommit ? '&#x2713; Autocommit' : 'Autocommit' }}
+            </button>
+            <button @click="runAudit" :disabled="auditLoading"
+              class="px-2 py-1 text-xs bg-purple-900/30 text-purple-400 border border-purple-800 rounded hover:bg-purple-900/50 disabled:opacity-50"
+              title="Check which pending tasks are already done">
+              <span v-if="auditLoading" class="inline-block w-3 h-3 border-2 border-purple-400 border-t-transparent rounded-full animate-spin mr-1"></span>
+              {{ auditLoading ? 'Auditing...' : 'Audit backlog' }}
+            </button>
+            <button @click="showAddTask = true"
+              class="px-3 py-1 text-xs bg-gray-800 text-gray-300 border border-gray-700 rounded hover:bg-gray-700">
+              + Task
+            </button>
+          </div>
+        </div>
+        <!-- Category filter -->
+        <div v-if="taskCategories.length" class="flex gap-1 flex-wrap items-center">
+          <button @click="selectedCategory = ''"
+            class="px-2 py-0.5 text-xs rounded border transition-colors"
+            :class="!selectedCategory
+              ? 'bg-gray-700/60 text-gray-300 border-gray-600'
+              : 'bg-gray-900 text-gray-600 border-gray-800 hover:text-gray-400 hover:border-gray-700'"
+          >Все</button>
+          <button v-for="cat in taskCategories" :key="cat"
+            @click="selectedCategory = cat"
+            class="px-2 py-0.5 text-xs rounded border transition-colors"
+            :class="selectedCategory === cat
+              ? 'opacity-100 ring-1 ring-offset-0'
+              : 'opacity-60 hover:opacity-100'"
+          >
+            <Badge :text="cat" :color="CATEGORY_COLORS[cat] || 'gray'" />
           </button>
         </div>
       </div>