diff --git a/docs/modules/program-management.md b/docs/modules/program-management.md
index 80c05429b..316af89a9 100644
--- a/docs/modules/program-management.md
+++ b/docs/modules/program-management.md
@@ -27,6 +27,16 @@ Backend проверяет manager именно этой программы ли
 
 Native adapters Button/Field/Choice/Table, существующие Modal/Icon/Pagination/Alert и Mont сохраняют PROCOLLAB DS. Foundation подключена локально также на desktop; глобальные компоненты не менялись.
 
+## Исправления после dev-приёмки · 17.10.2026
+
+Поиск остаётся в DOM при обновлении списка; завершение навигации предыдущего запроса не заменяет более новый ввод. Кейс и сдача привязаны через Reactive Forms, включая отложенное появление вариантов. Повторный клик по выбранному кружку или строке и клавиша пробела снимают выбор; ссылки сохраняют свои переходы. Подсказка недоступной оценки находится под общим рядом действий.
+
+Кнопки организатора занимают доступную ширину колонок, текст остаётся в одну строку. На 360px более длинной подписи управления выделено больше места. В составе команды используются существующий AvatarComponent и полная почта из приватного API; старый ответ без этих полей поддерживается. В материалах заголовок/описание и действие разнесены, empty/list состояния имеют отдельные отступы.
+
+Проверки: **2122 Vitest / 416 файлов PASS**, dev build, ESLint/Stylelint и 18 API tests на PostgreSQL. Chrome + реальный локальный Django/PostgreSQL: медленный посимвольный поиск в обоих списках с сохранением DOM/focus, кейс после reload и совместно со сдачей, toggle мышью/клавиатурой, геометрия действий, почты/загруженные аватары, материалы CRUD и desktop1440/mobile390/360. Снимки: [кнопки](../qa/program-management-v1/feedback-20261017/entry-desktop.png), [панель действий](../qa/program-management-v1/feedback-20261017/selection-desktop.png), [команда](../qa/program-management-v1/feedback-20261017/team-desktop.png), [материалы](../qa/program-management-v1/feedback-20261017/materials-desktop.png).
+
+Backend dependency: [API #780](https://github.com/PROCOLLAB-github/api/pull/780), additive `members[].email/avatar`; существующие права сохранены, миграций нет. Live авторизованная сессия организатора и реальный Selectel transport не проверялись.
+
 ## Verification · 17.10.2026
 
 52 теста Vitest в семи файлах: management facade, компонент, HTTP contract, утилиты дат/статусов, ProgramRepository, ProgramShellInfoService и существующий FileService. Проверены отмена устаревших запросов и сброс приватных данных при 403, выбор, dirty confirmation, версия записи, загрузка multipart через FileService и кеш после сохранения.
diff --git a/docs/qa/program-management-v1/feedback-20261017/entry-360.png b/docs/qa/program-management-v1/feedback-20261017/entry-360.png
new file mode 100644
index 000000000..ec74838e6
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/entry-360.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/entry-desktop.png b/docs/qa/program-management-v1/feedback-20261017/entry-desktop.png
new file mode 100644
index 000000000..ec22e06b6
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/entry-desktop.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/materials-desktop.png b/docs/qa/program-management-v1/feedback-20261017/materials-desktop.png
new file mode 100644
index 000000000..fb74094a9
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/materials-desktop.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/materials-populated-mobile.png b/docs/qa/program-management-v1/feedback-20261017/materials-populated-mobile.png
new file mode 100644
index 000000000..ca89fcc7e
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/materials-populated-mobile.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/selection-desktop.png b/docs/qa/program-management-v1/feedback-20261017/selection-desktop.png
new file mode 100644
index 000000000..7ad64947e
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/selection-desktop.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/team-desktop.png b/docs/qa/program-management-v1/feedback-20261017/team-desktop.png
new file mode 100644
index 000000000..e61f0dfeb
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/team-desktop.png differ
diff --git a/docs/qa/program-management-v1/feedback-20261017/team-mobile.png b/docs/qa/program-management-v1/feedback-20261017/team-mobile.png
new file mode 100644
index 000000000..49b80e411
Binary files /dev/null and b/docs/qa/program-management-v1/feedback-20261017/team-mobile.png differ
diff --git a/projects/social_platform/src/app/domain/program/program-management.model.ts b/projects/social_platform/src/app/domain/program/program-management.model.ts
index f5ba6e5e7..360f56df0 100644
--- a/projects/social_platform/src/app/domain/program/program-management.model.ts
+++ b/projects/social_platform/src/app/domain/program/program-management.model.ts
@@ -79,7 +79,13 @@ export interface ManagementTeam {
   projectId: number;
   programLinkId: number;
   name: string;
-  members: { id: number; name: string; role: string }[];
+  members: {
+    id: number;
+    name: string;
+    role: string;
+    email?: string | null;
+    avatar?: string | null;
+  }[];
 }
 export interface ManagementEvaluation {
   projectId: number;
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.html b/projects/social_platform/src/app/ui/pages/program/management/management.component.html
index b36349bf3..9224687cc 100644
--- a/projects/social_platform/src/app/ui/pages/program/management/management.component.html
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.html
@@ -30,13 +30,13 @@ <h1>Управление программой</h1>
       <h2>{{ requestError() }}</h2>
       <button type="button" appButton="secondary" (click)="state.retry()">Повторить</button>
     </section>
-  } @else if (state.pending()) {
+  } @else if (state.pending() && !state.program()) {
     <section class="management__card" aria-busy="true" aria-live="polite">
       Загружаем данные программы…
     </section>
   } @else if (state.program(); as program) {
     @if (section() === "participants" || section() === "projects") {
-      <section class="management__card">
+      <section class="management__card" [attr.aria-busy]="state.pending()">
         <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}</h2>
         <p class="management__muted">
           {{
@@ -65,7 +65,10 @@ <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}
         @if (section() === "projects") {
           <div class="management__filters">
             <label
-              >Кейс<select [value]="currentCase()" (change)="changeCase($any($event.target).value)">
+              >Кейс<select
+                [formControl]="caseFilter"
+                (change)="changeCase($any($event.target).value)"
+              >
                 <option value="all">Все кейсы</option>
                 <option value="without_case">Без выбранного кейса</option>
                 @for (option of state.projects()?.caseOptions ?? []; track option) {
@@ -76,7 +79,7 @@ <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}
             @if (program.isCompetitive) {
               <label
                 >Сдача решения<select
-                  [value]="state.context?.query?.submission ?? 'all'"
+                  [formControl]="submissionFilter"
                   (change)="changeQuery({ submission: $any($event.target).value, offset: 0 })"
                 >
                   <option value="all">Все проекты</option>
@@ -102,25 +105,33 @@ <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}
                   >Перейти к оценке</a
                 >
               } @else {
-                <div>
-                  <button type="button" appButton="primary" disabled>Перейти к оценке</button>
-                  <p class="management__muted">
-                    {{
-                      program.isCompetitive
-                        ? "Сначала нужно сдать решение."
-                        : "Программа не предусматривает оценивание."
-                    }}
-                  </p>
-                </div>
+                <button
+                  type="button"
+                  appButton="primary"
+                  disabled
+                  aria-describedby="evaluation-unavailable"
+                >
+                  Перейти к оценке
+                </button>
               }
               <button
                 type="button"
                 appButton="icon"
+                class="management__clear-selection"
                 aria-label="Снять выбор проекта"
                 (click)="state.clearSelection()"
               >
                 <i appIcon icon="cross" appSquare="12" aria-hidden="true"></i>
               </button>
+              @if (!selected.submitted || !program.isCompetitive) {
+                <p id="evaluation-unavailable" class="management__muted management__selection-hint">
+                  {{
+                    program.isCompetitive
+                      ? "Сначала нужно сдать решение."
+                      : "Программа не предусматривает оценивание."
+                  }}
+                </p>
+              }
             </section>
           } @else if (count()) {
             <p class="management__muted">
@@ -128,7 +139,9 @@ <h2>{{ section() === "participants" ? "Участники" : "Проекты" }}
             </p>
           }
         }
-        @if (!count()) {
+        @if (state.pending()) {
+          <p class="management__list-loading" role="status">Обновляем список…</p>
+        } @else if (!count()) {
           <div class="management__empty" role="status">
             <h3>
               {{
@@ -230,7 +243,9 @@ <h3>
                         [value]="project.id"
                         [checked]="state.selected()?.id === project.id"
                         [attr.aria-label]="'Выбрать проект «' + project.name + '»'"
-                        (change)="select(project)"
+                        (click)="select(project)"
+                        (keydown.space)="$event.preventDefault(); select(project)"
+                        (keydown.enter)="$event.preventDefault(); select(project)"
                     /></label>
                   </td>
                   <td class="management__name" data-label="Проект">
@@ -486,11 +501,15 @@ <h2>Календарь программы</h2>
         </form>
       } @else {
         <section class="management__card">
-          <h2>Материалы программы</h2>
-          <p class="management__muted">Документы и полезные ссылки для участников.</p>
-          <button type="button" appButton="primary" (click)="editMaterial('new')">
-            Добавить материал
-          </button>
+          <header class="management__materials-heading">
+            <div>
+              <h2>Материалы программы</h2>
+              <p class="management__muted">Документы и полезные ссылки для участников.</p>
+            </div>
+            <button type="button" appButton="primary" (click)="editMaterial('new')">
+              Добавить материал
+            </button>
+          </header>
           @for (material of program.materials; track material.id) {
             <article class="management__material">
               <h3>
@@ -530,9 +549,12 @@ <h3>
               </div>
             </article>
           } @empty {
-            <p class="management__empty">
-              В программе пока нет материалов. Добавьте файл или ссылку.
-            </p>
+            <div class="management__materials-empty">
+              <h3>В программе пока нет материалов</h3>
+              <p class="management__muted">
+                Добавьте файл или ссылку, чтобы участники могли открыть их со страницы программы.
+              </p>
+            </div>
           }
         </section>
       }
@@ -576,8 +598,12 @@ <h3>{{ state.selected()?.name }}</h3>
       <p>Участников: {{ team.members.length }}</p>
       @for (member of team.members; track member.id) {
         <div class="management__team-member">
-          <p>{{ member.name }}</p>
-          <p class="management__muted">{{ member.role }}</p>
+          <app-avatar [url]="href(member.avatar ?? null) ?? undefined" [size]="44" />
+          <div class="management__team-person">
+            <p class="management__team-name">{{ member.name }}</p>
+            <p class="management__muted">{{ member.role }}</p>
+            <p class="management__team-email">{{ member.email || "Почта не указана" }}</p>
+          </div>
         </div>
       }
     }
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.scss b/projects/social_platform/src/app/ui/pages/program/management/management.component.scss
index 6a56bc1bf..644eeb265 100644
--- a/projects/social_platform/src/app/ui/pages/program/management/management.component.scss
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.scss
@@ -201,7 +201,8 @@
     position: sticky;
     top: 0;
     z-index: 2;
-    display: flex;
+    display: grid;
+    grid-template-columns: minmax(0, 1fr) auto auto 44px;
     gap: 12px;
     align-items: center;
     padding: 12px;
@@ -227,6 +228,21 @@
     }
   }
 
+  &__clear-selection {
+    grid-row: 1;
+    grid-column: 4;
+  }
+
+  p.management__selection-hint {
+    grid-column: 2 / 4;
+    margin: 0;
+  }
+
+  &__list-loading {
+    padding: 28px 0;
+    color: var(--grey-for-text);
+  }
+
   &__primary-link {
     display: inline-flex;
     align-items: center;
@@ -306,6 +322,22 @@
     }
   }
 
+  &__materials-heading {
+    display: flex;
+    gap: 24px;
+    align-items: center;
+    justify-content: space-between;
+
+    > button {
+      flex-shrink: 0;
+    }
+  }
+
+  &__materials-empty {
+    max-width: 480px;
+    padding: 32px 0 12px;
+  }
+
   &__material {
     display: grid;
     gap: 8px;
@@ -381,8 +413,34 @@
 }
 
 .management__team-member {
+  display: flex;
+  gap: 12px;
+  align-items: flex-start;
   padding: 16px 0;
   border-top: 1px solid var(--medium-grey-for-outline);
+
+  app-avatar {
+    flex-shrink: 0;
+  }
+}
+
+.management__team-person {
+  min-width: 0;
+  overflow-wrap: anywhere;
+
+  p {
+    margin: 0 0 4px;
+  }
+
+  .management__team-name {
+    font-weight: 600;
+  }
+
+  .management__team-email {
+    margin-bottom: 0;
+    font-size: 12px;
+    line-height: 18px;
+  }
 }
 
 .management__dialog {
@@ -510,8 +568,7 @@
       grid-template-columns: minmax(0, 1fr) 44px;
 
       > button:not([aria-label]),
-      > a,
-      > div:has(button) {
+      > a {
         grid-column: 1 / -1;
         width: 100%;
       }
@@ -527,6 +584,20 @@
       grid-column: 1;
     }
 
+    p.management__selection-hint {
+      grid-column: 1 / -1;
+    }
+
+    &__materials-heading {
+      display: grid;
+      gap: 20px;
+      justify-content: start;
+
+      > button {
+        justify-self: start;
+      }
+    }
+
     &__inline > button {
       min-height: 44px;
     }
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts b/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts
index 136bf0b19..f00c9a079 100644
--- a/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.spec.ts
@@ -2,12 +2,20 @@
 
 import { TestBed } from "@angular/core/testing";
 import { signal } from "@angular/core";
-import { ActivatedRoute, Router } from "@angular/router";
+import { ActivatedRoute, Router, provideRouter } from "@angular/router";
+import { RouterTestingHarness } from "@angular/router/testing";
 import { HttpErrorResponse } from "@angular/common/http";
 import { of, Subject, throwError } from "rxjs";
 import { FileService } from "@corelib";
-import { ProgramManagementService } from "@api/program/facades/detail/program-management.service";
-import { ProgramManagement } from "@domain/program/program-management.model";
+import {
+  ManagementContext,
+  ProgramManagementService,
+} from "@api/program/facades/detail/program-management.service";
+import {
+  ManagementProject,
+  ManagementProjectsPage,
+  ProgramManagement,
+} from "@domain/program/program-management.model";
 import { ProgramManagementComponent } from "./management.component";
 
 const program = {
@@ -23,6 +31,7 @@ const program = {
   datetimeProjectSubmissionEnds: null,
   datetimeEvaluationEnds: null,
   materials: [],
+  isCompetitive: true,
 } as unknown as ProgramManagement;
 describe("Сохранение настроек организатора", () => {
   function setup() {
@@ -33,7 +42,10 @@ describe("Сохранение настроек организатора", () =>
         { provide: ProgramManagementService, useValue: state },
         { provide: FileService, useValue: {} },
         { provide: ActivatedRoute, useValue: { snapshot: { queryParams: {} } } },
-        { provide: Router, useValue: { events: new Subject(), navigate: vi.fn() } },
+        {
+          provide: Router,
+          useValue: { events: new Subject(), navigate: vi.fn().mockResolvedValue(true) },
+        },
       ],
     });
     const component = TestBed.runInInjectionContext(() => new ProgramManagementComponent());
@@ -92,3 +104,158 @@ describe("Сохранение настроек организатора", () =>
     expect(component.formError()).toContain("Данные изменились");
   });
 });
+
+describe("Списки управления программой в DOM", () => {
+  async function setup(section = "participants", query = "") {
+    const project: ManagementProject = {
+      id: 11,
+      projectId: 91,
+      name: "Первый проект",
+      leader: { id: 7, name: "Анна" },
+      submitted: false,
+      evaluationStatus: "not_submitted",
+      assignmentsTotal: null,
+      assignmentsCompleted: null,
+      caseName: null,
+      presentationUrl: null,
+    };
+    const state = {
+      program: signal(program),
+      participants: signal({
+        count: 1,
+        results: [{ id: 1, name: "Анна", email: "anna@example.com" }],
+      }),
+      projects: signal<ManagementProjectsPage | null>({
+        count: 1,
+        results: [project],
+        caseOptions: ["Кейс №1"],
+        next: null,
+        previous: null,
+        isCompetitive: true,
+      }),
+      selected: signal<ManagementProject | null>(null),
+      pending: signal(false),
+      error: signal(null),
+      evaluation: signal(null),
+      teamOpen: signal(false),
+      teamPending: signal(false),
+      teamError: signal(null),
+      team: signal(null),
+      context: null as ManagementContext | null,
+      api: {},
+      load: vi.fn((ctx: ManagementContext) => {
+        state.context = ctx;
+      }),
+      select: vi.fn((row: ManagementProject) => state.selected.set(row)),
+      clearSelection: vi.fn(() => state.selected.set(null)),
+    };
+    TestBed.configureTestingModule({
+      providers: [
+        provideRouter([
+          {
+            path: "office/program/:programId",
+            children: [{ path: "management/:section", component: ProgramManagementComponent }],
+          },
+        ]),
+        { provide: FileService, useValue: {} },
+      ],
+    }).overrideComponent(ProgramManagementComponent, {
+      set: { providers: [{ provide: ProgramManagementService, useValue: state }] },
+    });
+    const harness = await RouterTestingHarness.create();
+    const component = await harness.navigateByUrl(
+      `/office/program/1/management/${section}${query}`,
+      ProgramManagementComponent,
+    );
+    const element = () => harness.routeNativeElement!;
+    return { harness, component, state, project, element };
+  }
+
+  it.each(["participants", "projects"])(
+    "%s: обновление списка не уничтожает поле поиска и его ввод",
+    async section => {
+      const { harness, component, state, element } = await setup(section);
+      const input = element().querySelector<HTMLInputElement>("input[type=search]")!;
+      input.focus();
+      input.value = "Анна";
+      input.dispatchEvent(new Event("input", { bubbles: true }));
+      state.pending.set(true);
+      harness.detectChanges();
+      expect(element().querySelector("input[type=search]")).toBe(input);
+      expect(document.activeElement).toBe(input);
+      expect(input.value).toBe("Анна");
+      expect(element().textContent).toContain("Обновляем список");
+      state.pending.set(false);
+      harness.detectChanges();
+      expect(element().querySelector("input[type=search]")).toBe(input);
+      expect(component.search.value).toBe("Анна");
+    },
+  );
+
+  it("завершение навигации старого поискового запроса не стирает более новый ввод", async () => {
+    const { component } = await setup();
+    const router = TestBed.inject(Router);
+    const navigation = vi.spyOn(router, "navigate");
+    component.search.setValue("Ан");
+    component.submitSearch();
+    component.search.setValue("Анна");
+    await navigation.mock.results[0].value;
+    expect(component.search.value).toBe("Анна");
+    expect(router.url).toContain("search=");
+  });
+
+  it("сохраняет выбранный кейс после появления вариантов и восстановления URL", async () => {
+    const { harness, component, state, element } = await setup("projects");
+    state.projects.set(null);
+    await harness.navigateByUrl(
+      "/office/program/1/management/projects?case_scope=selected&case_name=Кейс%20№1",
+    );
+    state.projects.set({
+      count: 0,
+      results: [],
+      caseOptions: ["Кейс №1", "Кейс №2"],
+      next: null,
+      previous: null,
+      isCompetitive: true,
+    });
+    harness.detectChanges();
+    expect(element().querySelector("select")!.value).toBe("case:Кейс №1");
+    expect(component.caseFilter.value).toBe("case:Кейс №1");
+  });
+
+  it("повторный клик по кружку или строке снимает выбор, ссылка не меняет выбор", async () => {
+    const { harness, state, element } = await setup("projects");
+    const radio = () => element().querySelector<HTMLInputElement>('input[type="radio"]')!;
+    radio().click();
+    harness.detectChanges();
+    expect(state.selected()?.id).toBe(11);
+    radio().click();
+    harness.detectChanges();
+    expect(state.selected()).toBeNull();
+    expect(radio().checked).toBe(false);
+    radio().dispatchEvent(
+      new KeyboardEvent("keydown", { key: " ", bubbles: true, cancelable: true }),
+    );
+    harness.detectChanges();
+    expect(state.selected()?.id).toBe(11);
+    radio().dispatchEvent(
+      new KeyboardEvent("keydown", { key: " ", bubbles: true, cancelable: true }),
+    );
+    harness.detectChanges();
+    expect(state.selected()).toBeNull();
+    const rowCell = () =>
+      element().querySelector<HTMLElement>("tbody td[data-label=Руководитель]")!;
+    rowCell().click();
+    harness.detectChanges();
+    expect(state.selected()?.id).toBe(11);
+    rowCell().click();
+    harness.detectChanges();
+    expect(state.selected()).toBeNull();
+    radio().click();
+    harness.detectChanges();
+    vi.spyOn(TestBed.inject(Router), "navigateByUrl").mockResolvedValue(true);
+    element().querySelector<HTMLAnchorElement>("tbody a")!.click();
+    harness.detectChanges();
+    expect(state.selected()?.id).toBe(11);
+  });
+});
diff --git a/projects/social_platform/src/app/ui/pages/program/management/management.component.ts b/projects/social_platform/src/app/ui/pages/program/management/management.component.ts
index 260363b7b..f4ff5ccb3 100644
--- a/projects/social_platform/src/app/ui/pages/program/management/management.component.ts
+++ b/projects/social_platform/src/app/ui/pages/program/management/management.component.ts
@@ -29,6 +29,7 @@ import {
   PaginationComponent,
   AlertDirective,
   IconComponent,
+  AvatarComponent,
 } from "@uilib";
 import { FileService } from "@corelib";
 import { ProgramManagementRepositoryPort } from "@domain/program/ports/program-management.repository.port";
@@ -66,6 +67,7 @@ import { evaluationLabel, fromMoscowInput, toMoscowInput } from "@utils/program-
     PaginationComponent,
     AlertDirective,
     IconComponent,
+    AvatarComponent,
     ModalComponent,
     ProgramAnalyticsComponent,
   ],
@@ -94,6 +96,9 @@ export class ProgramManagementComponent implements OnInit {
   readonly section = signal<ManagementSection>("participants");
   readonly settingsTab = signal<SettingsSection>("basic");
   readonly search = this.fb.control("");
+  readonly caseFilter = this.fb.control("all");
+  readonly submissionFilter = this.fb.control("all");
+  private searchNavigation: { value: string } | null = null;
   readonly saving = signal(false);
   readonly uploading = signal<string | null>(null);
   readonly formError = signal<string | null>(null);
@@ -219,12 +224,30 @@ export class ProgramManagementComponent implements OnInit {
         const tab = q.get("tab");
         this.settingsTab.set(tab === "dates" || tab === "materials" ? tab : "basic");
         this.section.set(section);
-        this.search.setValue(q.get("search") ?? "", { emitEvent: false });
         this.formError.set(null);
         this.saved.set(false);
         const offset = Number(q.get("offset") ?? 0),
           id = Number(this.route.parent?.snapshot.paramMap.get("programId"));
         if (!Number.isSafeInteger(id) || id < 1) return;
+        const routeSearch = q.get("search") ?? "";
+        const previous = this.state.context;
+        const sameList = previous?.programId === id && previous.section === section;
+        if (
+          !sameList ||
+          (routeSearch !== previous.query.search && routeSearch !== this.searchNavigation?.value)
+        ) {
+          this.search.setValue(routeSearch, { emitEvent: false });
+        }
+        const caseScope = q.get("case_scope");
+        this.caseFilter.setValue(
+          caseScope === "selected"
+            ? `case:${q.get("case_name") ?? ""}`
+            : caseScope === "without_case"
+              ? "without_case"
+              : "all",
+          { emitEvent: false },
+        );
+        this.submissionFilter.setValue(q.get("submission") ?? "all", { emitEvent: false });
         this.state.load({
           programId: id,
           section,
@@ -251,32 +274,34 @@ export class ProgramManagementComponent implements OnInit {
         });
       });
   }
-  changeQuery(patch: Record<string, string | number | null>): void {
-    void this.router.navigate([], {
+  changeQuery(patch: Record<string, string | number | null>): Promise<boolean> {
+    return this.router.navigate([], {
       relativeTo: this.route,
       queryParams: { ...patch, selected: null },
       queryParamsHandling: "merge",
     });
   }
   submitSearch(): void {
-    this.changeQuery({ search: this.search.value.trim() || null, offset: 0 });
+    const navigation = { value: this.search.value.trim() };
+    this.searchNavigation = navigation;
+    void this.changeQuery({ search: navigation.value || null, offset: 0 }).finally(() => {
+      if (this.searchNavigation === navigation) this.searchNavigation = null;
+    });
   }
   page(delta: number): void {
-    this.changeQuery({ offset: Math.max(0, this.offset() + delta * 25) });
+    void this.changeQuery({ offset: Math.max(0, this.offset() + delta * 25) });
   }
   changeCase(value: string): void {
-    this.changeQuery({
+    void this.changeQuery({
       case_scope: value === "all" || value === "without_case" ? value : "selected",
       case_name: value.startsWith("case:") ? value.slice(5) : null,
       offset: 0,
     });
   }
-  currentCase(): string {
-    const q = this.state.context?.query;
-    return q?.caseScope === "selected" ? `case:${q.caseName}` : (q?.caseScope ?? "all");
-  }
   select(project: ManagementProject): void {
-    this.state.select(project);
+    if (this.state.pending()) return;
+    if (this.state.selected()?.id === project.id) this.state.clearSelection();
+    else this.state.select(project);
   }
   selectFromRow(event: MouseEvent, project: ManagementProject): void {
     if (!(event.target as HTMLElement).closest("a,button,input,label")) this.select(project);
diff --git a/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss b/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
index d7712619e..8e7644559 100644
--- a/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
+++ b/projects/social_platform/src/app/ui/widgets/detail/detail.component.scss
@@ -11,7 +11,7 @@
   .info__primary-action {
     display: grid;
     grid-column: 1;
-    justify-content: end;
+    justify-content: stretch;
     width: 100%;
   }
 
@@ -24,6 +24,8 @@
   > a,
   app-button {
     display: grid;
+    width: 100%;
+    min-width: 0;
   }
 
   .info__divider {
@@ -32,7 +34,20 @@
 
   app-button {
     width: 100%;
-    min-height: 40px;
+    min-height: 44px;
+  }
+
+  ::ng-deep app-button > button {
+    width: 100%;
+    min-width: 0;
+    max-width: none;
+    min-height: 44px;
+    padding: 10px 16px;
+    white-space: nowrap;
+  }
+
+  ::ng-deep .button__content {
+    white-space: nowrap;
   }
 
   @media (max-width: 999px) {
@@ -46,6 +61,16 @@
     > a {
       grid-column: 2;
     }
+
+    ::ng-deep app-button > button {
+      padding-right: 8px;
+      padding-left: 8px;
+    }
+  }
+
+  @media (max-width: 399px) {
+    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
+    gap: 8px;
   }
 }