From 45cb4483a5b35311365090356ac9a821d577f9c8 Mon Sep 17 00:00:00 2001
From: DarKylX <Play_Station399@mail.ru>
Date: Mon, 19 Oct 2026 18:18:24 +0300
Subject: [PATCH] feat: program organizer invitations and access management

---
 docs/modules/program-management.md            |  29 ++
 .../api/auth/facades/auth-password.service.ts |   8 +
 .../use-cases/program-organizers.use-case.ts  |  33 ++
 .../social_platform/src/app/app.config.ts     |   2 +
 .../social_platform/src/app/app.routes.ts     |  21 +
 .../program-organizers.repository.port.ts     |  29 ++
 .../program/program-management.model.ts       |   8 +-
 .../program/program-organizers.model.ts       |  39 ++
 .../program-organizers-http.adapter.ts        |  58 +++
 .../program/program-organizers.providers.ts   |   7 +
 .../program/program-organizers.repository.ts  |  16 +
 .../expert-invitation.component.html          |  86 +++-
 .../expert-invitation.component.scss          |   5 +
 .../invitation/expert-invitation.component.ts |  21 +-
 .../organizer-invitation.component.spec.ts    |  87 ++++
 .../management/management.component.html      |   7 +
 .../management/management.component.scss      |   4 +-
 .../management/management.component.ts        |  29 +-
 .../organizers/organizers.component.html      | 280 +++++++++++++
 .../organizers/organizers.component.scss      | 340 ++++++++++++++++
 .../organizers/organizers.component.spec.ts   | 169 ++++++++
 .../organizers/organizers.component.ts        | 372 ++++++++++++++++++
 22 files changed, 1624 insertions(+), 26 deletions(-)
 create mode 100644 projects/social_platform/src/app/api/program/use-cases/program-organizers.use-case.ts
 create mode 100644 projects/social_platform/src/app/domain/program/ports/program-organizers.repository.port.ts
 create mode 100644 projects/social_platform/src/app/domain/program/program-organizers.model.ts
 create mode 100644 projects/social_platform/src/app/infrastructure/adapters/program/program-organizers-http.adapter.ts
 create mode 100644 projects/social_platform/src/app/infrastructure/di/program/program-organizers.providers.ts
 create mode 100644 projects/social_platform/src/app/infrastructure/repository/program/program-organizers.repository.ts
 create mode 100644 projects/social_platform/src/app/ui/pages/evaluation/invitation/organizer-invitation.component.spec.ts
 create mode 100644 projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.html
 create mode 100644 projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.scss
 create mode 100644 projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.spec.ts
 create mode 100644 projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.ts

diff --git a/docs/modules/program-management.md b/docs/modules/program-management.md
index 316af89a9..c0698f1ca 100644
--- a/docs/modules/program-management.md
+++ b/docs/modules/program-management.md
@@ -19,6 +19,35 @@
 
 Индивидуальные действия с участниками, массовые операции, исключение проектов, возврат на доработку и смена кейса отложены.
 
+## Организаторы · 19.10.2026
+
+В «Настройки → Организаторы» добавлены приватный список с поиском/статусом,
+приглашение по email, повторная отправка, отзыв ссылки и снятие доступа. Все
+организаторы равны в пределах программы. Последнего активного организатора нельзя
+убрать; непринятые приглашения его не заменяют. Выход из организаторов очищает
+приватный список и возвращает на страницу программы. Сервер проверяет права,
+версию состава и последнее активное членство под блокировкой строки программы.
+
+Новый `ProgramOrganizersUseCase` использует отдельный port/repository/HTTP adapter,
+без общего EntityCache для email. Выбор строки не запрашивает данные: одна
+фиксированная плашка расположена вне потока таблицы. Кнопки 32 px с областью
+нажатия 44 px на телефоне; модалки по центру. Шесть вкладок настроек на телефоне
+занимают два ряда по три вкладки. Mont и существующие DS-компоненты сохранены.
+
+`/organizer-invitation/:token` использует общий компонент приглашения с отдельной
+ролью маршрута и API. Открытие ссылки не выдаёт права; требуется принятие под
+приглашённой почтой. Для нового организатора обязательны имя, фамилия, дата
+рождения, пароль и согласия. Регистрация эксперта остаётся без даты рождения.
+Восстановление пароля проходит через `/organizer-password-reset` и возвращает к
+приглашению. Роль организатора не добавляет право оценивания или доступ к Django.
+
+Backend: API #796, миграция `partner_programs.0023_organizerinvitation_and_more`.
+Backend разворачивается до frontend. Ссылка приглашения действует 7 дней;
+повторная отправка меняет токен, отзыв и снятие доступа закрывают прежние ссылки.
+Проверены 20 новых PostgreSQL tests (включая две гонки), 20 прежних expert tests,
+36 focused Vitest и полный набор 2243 tests. Реальная доставка внешнему получателю
+отдельно в эти проверки не входит: локальный браузер использует locmem-почту.
+
 ## Интеграция
 
 Новый приватный port/use case/repository/HTTP adapter использует `/programs/:id/management/`. CamelcaseInterceptor сохраняет существующее преобразование JSON. Почта и прочие приватные данные не попадают в общий EntityCache. После записи событие ProgramUpdated очищает кеш страницы и списка программ, включая persistent cache; старый ответ списка не заменяет новые данные.
diff --git a/projects/social_platform/src/app/api/auth/facades/auth-password.service.ts b/projects/social_platform/src/app/api/auth/facades/auth-password.service.ts
index ce313336e..a6c807d1c 100644
--- a/projects/social_platform/src/app/api/auth/facades/auth-password.service.ts
+++ b/projects/social_platform/src/app/api/auth/facades/auth-password.service.ts
@@ -87,6 +87,14 @@ export class AuthPasswordService {
       .pipe(
         tap(result => {
           if (result.ok) {
+            const organizerInvitation =
+              this.route.snapshot.queryParamMap.get("organizer_invitation");
+            if (organizerInvitation && /^[A-Za-z0-9_-]{20,100}$/.test(organizerInvitation)) {
+              void this.router.navigate(["/organizer-invitation", organizerInvitation], {
+                queryParams: { mode: "login" },
+              });
+              return;
+            }
             const invitation = this.route.snapshot.queryParamMap.get("expert_invitation");
             if (invitation && /^[A-Za-z0-9_-]{20,100}$/.test(invitation)) {
               void this.router.navigate(["/expert-invitation", invitation], {
diff --git a/projects/social_platform/src/app/api/program/use-cases/program-organizers.use-case.ts b/projects/social_platform/src/app/api/program/use-cases/program-organizers.use-case.ts
new file mode 100644
index 000000000..63a9e5b7f
--- /dev/null
+++ b/projects/social_platform/src/app/api/program/use-cases/program-organizers.use-case.ts
@@ -0,0 +1,33 @@
+/** @format */
+import { inject, Injectable } from "@angular/core";
+import { tap } from "rxjs";
+import { ProgramOrganizersRepositoryPort } from "@domain/program/ports/program-organizers.repository.port";
+import { OrganizerRegistration } from "@domain/program/program-organizers.model";
+import { EventBus } from "@domain/shared/event-bus";
+import { ProgramUpdated } from "@domain/program/program-updated.event";
+@Injectable({ providedIn: "root" })
+export class ProgramOrganizersUseCase {
+  private readonly repository = inject(ProgramOrganizersRepositoryPort);
+  private readonly events = inject(EventBus);
+  private updated(programId: number): void {
+    this.events.emit<ProgramUpdated>({
+      type: "ProgramUpdated",
+      payload: { programId },
+      occurredAt: new Date(),
+    });
+  }
+  readonly list = this.repository.list.bind(this.repository);
+  readonly invite = this.repository.invite.bind(this.repository);
+  readonly invitationAction = this.repository.invitationAction.bind(this.repository);
+  readonly invitation = this.repository.invitation.bind(this.repository);
+  readonly resetPassword = this.repository.resetPassword.bind(this.repository);
+  remove(id: number, userId: number, revision: string) {
+    return this.repository.remove(id, userId, revision).pipe(tap(() => this.updated(id)));
+  }
+  accept(token: string) {
+    return this.repository.accept(token).pipe(tap(r => this.updated(r.programId)));
+  }
+  register(token: string, data: OrganizerRegistration) {
+    return this.repository.register(token, data).pipe(tap(r => this.updated(r.programId)));
+  }
+}
diff --git a/projects/social_platform/src/app/app.config.ts b/projects/social_platform/src/app/app.config.ts
index 6ecfc2ef6..7d948795f 100644
--- a/projects/social_platform/src/app/app.config.ts
+++ b/projects/social_platform/src/app/app.config.ts
@@ -16,6 +16,7 @@ import { HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi } from "@a
 import { provideRouter, withRouterConfig } from "@angular/router";
 import { APP_ROUTES } from "./app.routes";
 import { EVALUATION_PROVIDERS } from "./infrastructure/di/program/evaluation.providers";
+import { PROGRAM_ORGANIZERS_PROVIDERS } from "./infrastructure/di/program/program-organizers.providers";
 import {
   API_URL,
   BearerTokenInterceptor,
@@ -97,6 +98,7 @@ export const APP_CONFIG: ApplicationConfig = {
     provideAnimations(),
     ...AUTH_PROVIDERS,
     ...EVALUATION_PROVIDERS,
+    ...PROGRAM_ORGANIZERS_PROVIDERS,
     ...FEED_PROVIDERS,
     ...INDUSTRY_PROVIDERS,
     ...INVITE_PROVIDERS,
diff --git a/projects/social_platform/src/app/app.routes.ts b/projects/social_platform/src/app/app.routes.ts
index e5915755a..07787109a 100644
--- a/projects/social_platform/src/app/app.routes.ts
+++ b/projects/social_platform/src/app/app.routes.ts
@@ -15,6 +15,27 @@ import { AuthRequiredGuard } from "@core/lib/guards/auth/auth-required.guard";
  */
 
 export const APP_ROUTES: Routes = [
+  {
+    path: "organizer-password-reset",
+    loadComponent: () => import("./ui/pages/auth/auth.component").then(c => c.AuthComponent),
+    children: [
+      {
+        path: "",
+        loadComponent: () =>
+          import("./ui/pages/auth/set-password/set-password.component").then(
+            c => c.SetPasswordComponent,
+          ),
+      },
+    ],
+  },
+  {
+    path: "organizer-invitation/:token",
+    data: { invitationRole: "organizer" },
+    loadComponent: () =>
+      import("./ui/pages/evaluation/invitation/expert-invitation.component").then(
+        c => c.ExpertInvitationComponent,
+      ),
+  },
   {
     path: "expert-password-reset",
     loadComponent: () => import("./ui/pages/auth/auth.component").then(c => c.AuthComponent),
diff --git a/projects/social_platform/src/app/domain/program/ports/program-organizers.repository.port.ts b/projects/social_platform/src/app/domain/program/ports/program-organizers.repository.port.ts
new file mode 100644
index 000000000..36ca72edb
--- /dev/null
+++ b/projects/social_platform/src/app/domain/program/ports/program-organizers.repository.port.ts
@@ -0,0 +1,29 @@
+/** @format */
+import { Observable } from "rxjs";
+import {
+  ProgramOrganizers,
+  OrganizerAccessRemoved,
+  OrganizerInvitation,
+  OrganizerRegistration,
+  OrganizerRegistered,
+  InvitationAccepted,
+} from "../program-organizers.model";
+export abstract class ProgramOrganizersRepositoryPort {
+  abstract list(id: number): Observable<ProgramOrganizers>;
+  abstract invite(id: number, email: string, revision: string): Observable<ProgramOrganizers>;
+  abstract invitationAction(
+    id: number,
+    invitationId: number,
+    action: "resend" | "revoke",
+    revision: string,
+  ): Observable<ProgramOrganizers>;
+  abstract remove(
+    id: number,
+    userId: number,
+    revision: string,
+  ): Observable<ProgramOrganizers | OrganizerAccessRemoved>;
+  abstract invitation(token: string): Observable<OrganizerInvitation>;
+  abstract accept(token: string): Observable<InvitationAccepted>;
+  abstract register(token: string, data: OrganizerRegistration): Observable<OrganizerRegistered>;
+  abstract resetPassword(token: string, email: string): Observable<void>;
+}
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 6bdcf7773..20be97503 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
@@ -10,7 +10,13 @@ export type ManagementSection =
   | "analytics"
   | "settings"
   | "evaluation";
-export type SettingsSection = "basic" | "dates" | "materials" | "project-form" | "criteria";
+export type SettingsSection =
+  | "basic"
+  | "dates"
+  | "materials"
+  | "project-form"
+  | "criteria"
+  | "organizers";
 export interface ManagementMaterial {
   id: number;
   title: string;
diff --git a/projects/social_platform/src/app/domain/program/program-organizers.model.ts b/projects/social_platform/src/app/domain/program/program-organizers.model.ts
new file mode 100644
index 000000000..cc0a40e54
--- /dev/null
+++ b/projects/social_platform/src/app/domain/program/program-organizers.model.ts
@@ -0,0 +1,39 @@
+/** @format */
+import {
+  ExpertInvitation,
+  ExpertRegistration,
+  ExpertRegistered,
+  InvitationAccepted,
+} from "./evaluation-workspace.model";
+export interface OrganizerRow {
+  id: string;
+  userId?: number;
+  invitationId?: number;
+  name: string | null;
+  email: string;
+  avatar: string | null;
+  status: "joined" | "pending" | "expired";
+  active?: boolean;
+  deliveryStatus?: "queued" | "sent" | "failed";
+  isSelf: boolean;
+  canRemove: boolean;
+}
+export interface ProgramOrganizers {
+  revision: string;
+  organizers: OrganizerRow[];
+  organizerCount: number;
+  activeOrganizerCount: number;
+  invitationCount: number;
+}
+export interface OrganizerAccessRemoved {
+  accessRemoved: true;
+  programId: number;
+}
+export interface OrganizerRegistration extends ExpertRegistration {
+  birthday?: string;
+}
+export type {
+  ExpertInvitation as OrganizerInvitation,
+  ExpertRegistered as OrganizerRegistered,
+  InvitationAccepted,
+};
diff --git a/projects/social_platform/src/app/infrastructure/adapters/program/program-organizers-http.adapter.ts b/projects/social_platform/src/app/infrastructure/adapters/program/program-organizers-http.adapter.ts
new file mode 100644
index 000000000..fa75916fb
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/adapters/program/program-organizers-http.adapter.ts
@@ -0,0 +1,58 @@
+/** @format */
+import { inject, Injectable } from "@angular/core";
+import { ApiService } from "@corelib";
+import { Observable } from "rxjs";
+import { ProgramOrganizersRepositoryPort } from "@domain/program/ports/program-organizers.repository.port";
+import {
+  ProgramOrganizers,
+  OrganizerAccessRemoved,
+  OrganizerInvitation,
+  OrganizerRegistration,
+  OrganizerRegistered,
+  InvitationAccepted,
+} from "@domain/program/program-organizers.model";
+@Injectable({ providedIn: "root" })
+export class ProgramOrganizersHttpAdapter implements ProgramOrganizersRepositoryPort {
+  private readonly api = inject(ApiService);
+  private root(id: number) {
+    return `/programs/${id}/management`;
+  }
+  private invitationRoot(token: string) {
+    return `/programs/organizer-invitations/${encodeURIComponent(token)}`;
+  }
+  list(id: number): Observable<ProgramOrganizers> {
+    return this.api.get(`${this.root(id)}/organizers/`);
+  }
+  invite(id: number, email: string, revision: string): Observable<ProgramOrganizers> {
+    return this.api.post(`${this.root(id)}/organizers/`, { email, revision });
+  }
+  invitationAction(
+    id: number,
+    invitationId: number,
+    action: "resend" | "revoke",
+    revision: string,
+  ): Observable<ProgramOrganizers> {
+    return this.api.post(`${this.root(id)}/organizer-invitations/${invitationId}/${action}/`, {
+      revision,
+    });
+  }
+  remove(
+    id: number,
+    userId: number,
+    revision: string,
+  ): Observable<ProgramOrganizers | OrganizerAccessRemoved> {
+    return this.api.post(`${this.root(id)}/organizers/${userId}/remove/`, { revision });
+  }
+  invitation(token: string): Observable<OrganizerInvitation> {
+    return this.api.get(`${this.invitationRoot(token)}/`);
+  }
+  accept(token: string): Observable<InvitationAccepted> {
+    return this.api.post(`${this.invitationRoot(token)}/accept/`, {});
+  }
+  register(token: string, data: OrganizerRegistration): Observable<OrganizerRegistered> {
+    return this.api.post(`${this.invitationRoot(token)}/register/`, data);
+  }
+  resetPassword(token: string, email: string): Observable<void> {
+    return this.api.post("/auth/reset_password/", { email, organizerInvitationToken: token });
+  }
+}
diff --git a/projects/social_platform/src/app/infrastructure/di/program/program-organizers.providers.ts b/projects/social_platform/src/app/infrastructure/di/program/program-organizers.providers.ts
new file mode 100644
index 000000000..d862754df
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/di/program/program-organizers.providers.ts
@@ -0,0 +1,7 @@
+/** @format */
+import { Provider } from "@angular/core";
+import { ProgramOrganizersRepositoryPort } from "@domain/program/ports/program-organizers.repository.port";
+import { ProgramOrganizersRepository } from "../../repository/program/program-organizers.repository";
+export const PROGRAM_ORGANIZERS_PROVIDERS: Provider[] = [
+  { provide: ProgramOrganizersRepositoryPort, useExisting: ProgramOrganizersRepository },
+];
diff --git a/projects/social_platform/src/app/infrastructure/repository/program/program-organizers.repository.ts b/projects/social_platform/src/app/infrastructure/repository/program/program-organizers.repository.ts
new file mode 100644
index 000000000..f46acadc1
--- /dev/null
+++ b/projects/social_platform/src/app/infrastructure/repository/program/program-organizers.repository.ts
@@ -0,0 +1,16 @@
+/** @format */
+import { inject, Injectable } from "@angular/core";
+import { ProgramOrganizersRepositoryPort } from "@domain/program/ports/program-organizers.repository.port";
+import { ProgramOrganizersHttpAdapter } from "../../adapters/program/program-organizers-http.adapter";
+@Injectable({ providedIn: "root" })
+export class ProgramOrganizersRepository implements ProgramOrganizersRepositoryPort {
+  private readonly adapter = inject(ProgramOrganizersHttpAdapter);
+  readonly list = this.adapter.list.bind(this.adapter);
+  readonly invite = this.adapter.invite.bind(this.adapter);
+  readonly invitationAction = this.adapter.invitationAction.bind(this.adapter);
+  readonly remove = this.adapter.remove.bind(this.adapter);
+  readonly invitation = this.adapter.invitation.bind(this.adapter);
+  readonly accept = this.adapter.accept.bind(this.adapter);
+  readonly register = this.adapter.register.bind(this.adapter);
+  readonly resetPassword = this.adapter.resetPassword.bind(this.adapter);
+}
diff --git a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.html b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.html
index 30fc80801..8a56b617d 100644
--- a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.html
+++ b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.html
@@ -1,6 +1,6 @@
 <!-- @format -->
 
-<main class="expert-invitation">
+<main class="expert-invitation" [class.expert-invitation--organizer]="isOrganizer">
   <a routerLink="/auth/login" aria-label="PROCOLLAB — вход"
     ><img
       class="expert-invitation__logo"
@@ -18,15 +18,33 @@
     }
     @if (invitation(); as invite) {
       <header>
-        <p class="expert-invitation__eyebrow">Приглашение эксперта</p>
+        <p class="expert-invitation__eyebrow">
+          {{ isOrganizer ? "Приглашение организатора" : "Приглашение эксперта" }}
+        </p>
         <h1>{{ invite.program.name }}</h1>
       </header>
       @if (mode() === "joined") {
         <h2>Вы присоединились к программе</h2>
-        <p>Теперь вы эксперт программы. Организатор сможет назначить вам проекты на оценку.</p>
-        <a appButton="primary" [routerLink]="paths.program.projectsRating(invite.program.id)"
-          >Перейти к проектам</a
-        ><a appButton="secondary" routerLink="/office/evaluation">Мои программы</a>
+        <p>
+          {{
+            isOrganizer
+              ? "Теперь вы можете управлять этой программой и приглашать коллег."
+              : "Теперь вы эксперт программы. Организатор сможет назначить вам проекты на оценку."
+          }}
+        </p>
+        <a
+          appButton="primary"
+          [routerLink]="destination(invite.program.id)"
+          [queryParams]="isOrganizer ? { tab: 'organizers' } : null"
+          >{{ isOrganizer ? "Открыть управление" : "Перейти к проектам" }}</a
+        >
+        @if (isOrganizer) {
+          <a appButton="secondary" [routerLink]="paths.program.detail(invite.program.id)"
+            >На страницу программы</a
+          >
+        } @else {
+          <a appButton="secondary" routerLink="/office/evaluation">Мои программы</a>
+        }
       } @else if (
         invite.status === "accepted" &&
         mode() !== "login" &&
@@ -34,10 +52,16 @@ <h2>Вы присоединились к программе</h2>
         mode() !== "sent"
       ) {
         <h2>Приглашение уже принято</h2>
-        <p>Войдите с почтой {{ invite.email }}, чтобы открыть свои программы.</p>
+        <p>
+          Войдите с почтой {{ invite.email }}, чтобы
+          {{ isOrganizer ? "открыть управление программой." : "открыть свои программы." }}
+        </p>
         @if (invite.matchesAccount) {
-          <a appButton="primary" [routerLink]="paths.program.projectsRating(invite.program.id)"
-            >Перейти к проектам</a
+          <a
+            appButton="primary"
+            [routerLink]="destination(invite.program.id)"
+            [queryParams]="isOrganizer ? { tab: 'organizers' } : null"
+            >{{ isOrganizer ? "Открыть управление" : "Перейти к проектам" }}</a
           >
         } @else {
           <button type="button" appButton="primary" (click)="switchAccount()">
@@ -54,15 +78,23 @@ <h2>Приглашение для другой почты</h2>
           Войти в другой аккаунт
         </button>
       } @else if (hasSession() && invite.matchesAccount) {
-        <h2>Стать экспертом программы</h2>
+        <h2>{{ isOrganizer ? "Стать организатором программы" : "Стать экспертом программы" }}</h2>
         <p>Приглашение для {{ invite.email }}. Ваш аккаунт и другие роли сохранятся.</p>
         <button type="button" appButton="primary" [disabled]="busy()" (click)="accept()">
           Принять приглашение</button
-        ><a appButton="secondary" routerLink="/office/evaluation">Вернуться к программам</a>
+        ><a
+          appButton="secondary"
+          [routerLink]="
+            isOrganizer ? paths.program.detail(invite.program.id) : '/office/evaluation'
+          "
+          >{{ isOrganizer ? "На страницу программы" : "Вернуться к программам" }}</a
+        >
       } @else {
         @switch (mode()) {
           @case ("register") {
-            <h2>Создание аккаунта эксперта</h2>
+            <h2>
+              {{ isOrganizer ? "Создание аккаунта организатора" : "Создание аккаунта эксперта" }}
+            </h2>
             <label
               >Email из приглашения<input
                 appField
@@ -95,6 +127,16 @@ <h2>Создание аккаунта эксперта</h2>
                     "
                 /></label>
               </div>
+              @if (isOrganizer) {
+                <label
+                  >Дата рождения *<input
+                    appField
+                    type="date"
+                    [formControl]="organizerBirthday"
+                    autocomplete="bday"
+                    required
+                /></label>
+              }
               <label
                 >Пароль *<input
                   appField
@@ -204,10 +246,20 @@ <h2>Проверьте почту</h2>
             </button>
           }
           @default {
-            <h2>Вас пригласили стать экспертом</h2>
+            <h2>
+              {{
+                isOrganizer
+                  ? "Вас пригласили стать организатором"
+                  : "Вас пригласили стать экспертом"
+              }}
+            </h2>
             <p>
-              Приглашение для {{ invite.email }}. После принятия организатор сможет назначить вам
-              проекты на оценку.
+              Приглашение для {{ invite.email }}.
+              {{
+                isOrganizer
+                  ? "После принятия вы сможете управлять этой программой и приглашать коллег."
+                  : "После принятия организатор сможет назначить вам проекты на оценку."
+              }}
             </p>
             @if (invite.accountExists) {
               <button type="button" appButton="primary" (click)="changeMode('login')">
@@ -215,7 +267,9 @@ <h2>Вас пригласили стать экспертом</h2>
               </button>
             } @else {
               <button type="button" appButton="primary" (click)="changeMode('register')">
-                Создать аккаунт эксперта</button
+                {{
+                  isOrganizer ? "Создать аккаунт организатора" : "Создать аккаунт эксперта"
+                }}</button
               ><button type="button" appButton="secondary" (click)="changeMode('login')">
                 У меня уже есть аккаунт
               </button>
diff --git a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.scss b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.scss
index 7f27d01f4..b3348296f 100644
--- a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.scss
+++ b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.scss
@@ -1,6 +1,11 @@
 /** @format */
 
 @use "styles/ui-foundation";
+@use "styles/program-management-controls";
+
+.expert-invitation--organizer .ui-button.ui-button {
+  @include program-management-controls.compact-action;
+}
 
 :host {
   display: block;
diff --git a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.ts b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.ts
index 48c9650a6..0eeabc32e 100644
--- a/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.ts
+++ b/projects/social_platform/src/app/ui/pages/evaluation/invitation/expert-invitation.component.ts
@@ -8,6 +8,7 @@ import { finalize } from "rxjs";
 import { AlertDirective, ButtonDirective, ChoiceDirective, FieldDirective } from "@uilib";
 import { TokenService } from "@corelib";
 import { EvaluationUseCase } from "@api/program/use-cases/evaluation.use-case";
+import { ProgramOrganizersUseCase } from "@api/program/use-cases/program-organizers.use-case";
 import { LoginUseCase } from "@api/auth/use-cases/login.use-case";
 import { ProfileInfoService } from "@api/profile/facades/profile-info.service";
 import { ExpertInvitation } from "@domain/program/evaluation-workspace.model";
@@ -31,12 +32,17 @@ import { loggedOut } from "@domain/auth/events/logged-out.event";
   changeDetection: ChangeDetectionStrategy.OnPush,
 })
 export class ExpertInvitationComponent {
-  private readonly api = inject(EvaluationUseCase);
+  private readonly expertApi = inject(EvaluationUseCase);
   private readonly login = inject(LoginUseCase);
   private readonly events = inject(EventBus);
   private readonly tokens = inject(TokenService);
   private readonly profile = inject(ProfileInfoService);
   private readonly route = inject(ActivatedRoute);
+  readonly isOrganizer = this.route.snapshot.data?.["invitationRole"] === "organizer";
+  private readonly organizerApi = this.isOrganizer ? inject(ProgramOrganizersUseCase) : null;
+  private get api() {
+    return this.organizerApi ?? this.expertApi;
+  }
   private readonly destroyRef = inject(DestroyRef);
   private readonly fb = inject(FormBuilder).nonNullable;
   private readonly meta = inject(Meta);
@@ -57,6 +63,7 @@ export class ExpertInvitationComponent {
     acceptPolicy: [false, Validators.requiredTrue],
     acceptAge: [false, Validators.requiredTrue],
   });
+  readonly organizerBirthday = this.fb.control("", Validators.required);
   private token = "";
   private sequence = 0;
   constructor() {
@@ -138,8 +145,10 @@ export class ExpertInvitationComponent {
   register(): void {
     if (this.busy()) return;
     this.registration.markAllAsTouched();
-    const data = this.registration.getRawValue();
-    if (this.registration.invalid) {
+    const base = this.registration.getRawValue();
+    const data = this.isOrganizer ? { ...base, birthday: this.organizerBirthday.value } : base;
+    if (this.isOrganizer) this.organizerBirthday.markAsTouched();
+    if (this.registration.invalid || (this.isOrganizer && this.organizerBirthday.invalid)) {
       this.error.set("Заполните обязательные поля и подтвердите согласия.");
       return;
     }
@@ -159,6 +168,7 @@ export class ExpertInvitationComponent {
         next: result => {
           this.tokens.memTokens(result);
           this.registration.reset();
+          this.organizerBirthday.reset();
           this.hasSession.set(true);
           this.profile.invalidateProfile();
           this.profile.ensureProfileLoaded();
@@ -202,4 +212,9 @@ export class ExpertInvitationComponent {
         error: e => this.error.set(evaluationError(e)),
       });
   }
+  destination(programId: number): string {
+    return this.isOrganizer
+      ? this.paths.program.management(programId, "settings")
+      : this.paths.program.projectsRating(programId);
+  }
 }
diff --git a/projects/social_platform/src/app/ui/pages/evaluation/invitation/organizer-invitation.component.spec.ts b/projects/social_platform/src/app/ui/pages/evaluation/invitation/organizer-invitation.component.spec.ts
new file mode 100644
index 000000000..f18452665
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/evaluation/invitation/organizer-invitation.component.spec.ts
@@ -0,0 +1,87 @@
+/** @format */
+import { TestBed } from "@angular/core/testing";
+import { ActivatedRoute, convertToParamMap, provideRouter } from "@angular/router";
+import { of } from "rxjs";
+import { TokenService } from "@corelib";
+import { EvaluationUseCase } from "@api/program/use-cases/evaluation.use-case";
+import { ProgramOrganizersUseCase } from "@api/program/use-cases/program-organizers.use-case";
+import { LoginUseCase } from "@api/auth/use-cases/login.use-case";
+import { ProfileInfoService } from "@api/profile/facades/profile-info.service";
+import { ExpertInvitationComponent } from "./expert-invitation.component";
+
+function setup() {
+  const invitation = {
+    id: 1,
+    email: "organizer@example.com",
+    status: "pending",
+    accountExists: false,
+    matchesAccount: false,
+    program: { id: 7, name: "Программа" },
+  };
+  const api = {
+    invitation: vi.fn(() => of(invitation)),
+    accept: vi.fn(() => of({ programId: 7, accepted: true })),
+    register: vi.fn(() => of({ access: "access", refresh: "refresh", programId: 7 })),
+    resetPassword: vi.fn(() => of(undefined)),
+  };
+  const expertApi = { invitation: vi.fn(), accept: vi.fn(), register: vi.fn() };
+  TestBed.configureTestingModule({
+    imports: [ExpertInvitationComponent],
+    providers: [
+      provideRouter([]),
+      {
+        provide: ActivatedRoute,
+        useValue: {
+          paramMap: of(convertToParamMap({ token: "organizer-invitation-token-0123456789" })),
+          snapshot: { data: { invitationRole: "organizer" }, queryParamMap: convertToParamMap({}) },
+        },
+      },
+      { provide: ProgramOrganizersUseCase, useValue: api },
+      { provide: EvaluationUseCase, useValue: expertApi },
+      {
+        provide: TokenService,
+        useValue: { getTokens: () => null, memTokens: vi.fn(), clearTokens: vi.fn() },
+      },
+      { provide: LoginUseCase, useValue: { execute: vi.fn() } },
+      {
+        provide: ProfileInfoService,
+        useValue: { invalidateProfile: vi.fn(), ensureProfileLoaded: vi.fn() },
+      },
+    ],
+  });
+  const fixture = TestBed.createComponent(ExpertInvitationComponent);
+  fixture.detectChanges();
+  return { fixture, component: fixture.componentInstance, api, expertApi };
+}
+describe("Приглашение организатора", () => {
+  it("загружает отдельное приглашение и не принимает его при открытии ссылки", () => {
+    const { fixture, api, expertApi } = setup();
+    expect(fixture.nativeElement.textContent).toContain("Приглашение организатора");
+    expect(fixture.nativeElement.textContent).toContain("Вас пригласили стать организатором");
+    expect(fixture.nativeElement.textContent).not.toContain("Вас пригласили стать экспертом");
+    expect(api.invitation).toHaveBeenCalledOnce();
+    expect(api.accept).not.toHaveBeenCalled();
+    expect(expertApi.invitation).not.toHaveBeenCalled();
+  });
+  it("требует дату рождения и направляет регистрацию в API организаторов", () => {
+    const { component, api, expertApi } = setup();
+    component.registration.patchValue({
+      firstName: "Анна",
+      lastName: "Волкова",
+      password: "SafeOrganizer234!",
+      repeatPassword: "SafeOrganizer234!",
+      acceptAge: true,
+      acceptPolicy: true,
+    });
+    component.register();
+    expect(api.register).not.toHaveBeenCalled();
+    component.organizerBirthday.setValue("1990-01-01");
+    component.register();
+    expect(api.register).toHaveBeenCalledWith(
+      "organizer-invitation-token-0123456789",
+      expect.objectContaining({ birthday: "1990-01-01", firstName: "Анна" }),
+    );
+    expect(expertApi.register).not.toHaveBeenCalled();
+    expect(component.mode()).toBe("joined");
+  });
+});
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 c5a5fde76..c205a4fb3 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
@@ -420,6 +420,13 @@ <h3>{{ evaluation.name }}</h3>
           (statusChange)="criteriaStatus.set($event)"
           (savedAt)="projectFormSaved($event)"
         />
+      } @else if (settingsTab() === "organizers") {
+        <app-management-organizers
+          [programId]="program.id"
+          [confirmDiscard]="confirmProjectFormDiscard"
+          (statusChange)="organizersStatus.set($event)"
+          (accessRemoved)="organizerAccessRemoved()"
+        />
       } @else if (settingsTab() === "basic") {
         <form [formGroup]="basicForm" (ngSubmit)="save()" class="management__card management__form">
           <h2>Основная информация</h2>
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 684030612..c41533fd5 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
@@ -312,10 +312,10 @@
 
     @media (max-width: 650px) {
       display: grid;
-      grid-template-columns: repeat(2, minmax(0, 1fr));
+      grid-template-columns: repeat(3, minmax(0, 1fr));
 
       a:last-child {
-        grid-column: 1 / -1;
+        grid-column: auto;
       }
     }
 
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 9f8363875..3f3d6d56f 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
@@ -55,6 +55,7 @@ import { ManagementProjectFormComponent } from "./project-form/project-form.comp
 import { ManagementCriteriaComponent } from "./criteria/criteria.component";
 import { ManagementExpertsComponent } from "./experts/experts.component";
 import { ManagementResultsComponent } from "./results/results.component";
+import { ManagementOrganizersComponent } from "./organizers/organizers.component";
 import { presentationHref } from "@utils/program-case-analytics";
 import { evaluationLabel, fromMoscowInput, toMoscowInput } from "@utils/program-management";
 import { DEFAULT_IMAGE_FRAME, programImageFraming } from "@utils/program-branding";
@@ -84,6 +85,7 @@ import { ProgramImageFraming, ProgramImageKey } from "@domain/program/program-im
     ManagementCriteriaComponent,
     ManagementExpertsComponent,
     ManagementResultsComponent,
+    ManagementOrganizersComponent,
   ],
   providers: [
     ProgramManagementService,
@@ -125,6 +127,14 @@ export class ProgramManagementComponent implements OnInit {
   readonly criteriaStatus = signal({ dirty: false, busy: false });
   readonly expertsStatus = signal({ dirty: false, busy: false });
   readonly expertsForm = viewChild(ManagementExpertsComponent);
+  readonly organizersForm = viewChild(ManagementOrganizersComponent);
+  readonly organizersStatus = signal({ dirty: false, busy: false });
+  organizerAccessRemoved(): void {
+    const id = this.state.program()?.id;
+    this.organizersStatus.set({ dirty: false, busy: false });
+    this.state.program.set(null);
+    void this.router.navigateByUrl(id ? AppRoutes.program.detail(id) : "/office/program");
+  }
   readonly confirmProjectFormDiscard = () =>
     this.confirm(
       "Есть несохранённые изменения",
@@ -162,6 +172,7 @@ export class ProgramManagementComponent implements OnInit {
     { id: "materials", label: "Материалы" },
     { id: "project-form", label: "Кейсы и поля" },
     { id: "criteria", label: "Оценивание" },
+    { id: "organizers", label: "Организаторы" },
   ];
   readonly basicForm = this.fb.group({
     name: ["", [Validators.required, Validators.pattern(/\S/)]],
@@ -281,7 +292,8 @@ export class ProgramManagementComponent implements OnInit {
       this.uploading() ||
       this.projectFormStatus().busy ||
       this.criteriaStatus().busy ||
-      this.expertsStatus().busy
+      this.expertsStatus().busy ||
+      this.organizersStatus().busy
     ) {
       event.preventDefault();
       event.returnValue = "";
@@ -315,7 +327,11 @@ export class ProgramManagementComponent implements OnInit {
         const q = this.route.snapshot.queryParamMap;
         const tab = q.get("tab");
         this.settingsTab.set(
-          tab === "dates" || tab === "materials" || tab === "project-form" || tab === "criteria"
+          tab === "dates" ||
+            tab === "materials" ||
+            tab === "project-form" ||
+            tab === "criteria" ||
+            tab === "organizers"
             ? tab
             : "basic",
         );
@@ -444,7 +460,8 @@ export class ProgramManagementComponent implements OnInit {
       this.materialForm.dirty ||
       this.projectFormStatus().dirty ||
       this.criteriaStatus().dirty ||
-      this.expertsStatus().dirty
+      this.expertsStatus().dirty ||
+      this.organizersStatus().dirty
     );
   }
   async canLeave(): Promise<boolean> {
@@ -453,7 +470,8 @@ export class ProgramManagementComponent implements OnInit {
       this.uploading() ||
       this.projectFormStatus().busy ||
       this.criteriaStatus().busy ||
-      this.expertsStatus().busy
+      this.expertsStatus().busy ||
+      this.organizersStatus().busy
     )
       return false;
     if (!this.dirty()) return true;
@@ -474,6 +492,8 @@ export class ProgramManagementComponent implements OnInit {
       this.criteriaStatus.set({ dirty: false, busy: false });
       this.expertsForm()?.discard();
       this.expertsStatus.set({ dirty: false, busy: false });
+      this.organizersForm()?.discard();
+      this.organizersStatus.set({ dirty: false, busy: false });
     }
     return yes;
   }
@@ -512,6 +532,7 @@ export class ProgramManagementComponent implements OnInit {
       section === "materials" ||
       section === "project-form" ||
       section === "criteria" ||
+      section === "organizers" ||
       this.saving() ||
       this.uploading()
     )
diff --git a/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.html b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.html
new file mode 100644
index 000000000..31196a580
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.html
@@ -0,0 +1,280 @@
+<!-- @format -->
+<div class="organizers">
+  @if (message()) {
+    <p appAlert="success" role="status">{{ message() }}</p>
+  }
+  @if (error()) {
+    <div appAlert="error" role="alert">
+      {{ error() }} <button type="button" appButton="text" (click)="load()">Обновить список</button>
+    </div>
+  }
+  <section class="organizers__card" [attr.aria-busy]="loading()">
+    <header class="organizers__heading">
+      <div>
+        <h2 tabindex="-1">Организаторы</h2>
+        <p>
+          {{ snapshot()?.organizerCount ?? "—" }} {{ organizerCountLabel() }}
+          @if (snapshot()?.invitationCount) {
+            · <span class="organizers__count">Приглашений: {{ snapshot()!.invitationCount }}</span>
+          }
+        </p>
+      </div>
+      <button
+        type="button"
+        appButton="primary"
+        [disabled]="busy() || !snapshot()"
+        (click)="open('invite', $event)"
+      >
+        <span class="organizers__desktop-label">Пригласить организатора</span
+        ><span class="organizers__mobile-label">Пригласить</span>
+      </button>
+    </header>
+    <p class="organizers__description">Все организаторы имеют одинаковые права в этой программе.</p>
+    <div class="organizers__filters">
+      <label
+        >Поиск по имени или почте<input
+          type="search"
+          appField
+          [formControl]="search"
+          placeholder="Найти организатора"
+          maxlength="200"
+      /></label>
+      <label
+        >Статус<select appField [formControl]="status">
+          <option value="all">Все статусы</option>
+          <option value="joined">Организаторы</option>
+          <option value="pending">Приглашённые</option>
+          <option value="expired">Ссылка истекла</option>
+        </select></label
+      >
+    </div>
+    @if (deliveryRefreshPaused()) {
+      <p appAlert="warning">
+        Письмо ещё ожидает отправки.
+        <button type="button" appButton="text" (click)="load()">Обновить статус</button>
+      </p>
+    }
+    @if (loading() && !snapshot()) {
+      <p role="status">Загружаем организаторов…</p>
+    }
+    <table class="organizers__table">
+      <thead>
+        <tr>
+          <th>Организатор</th>
+          <th>Email</th>
+          <th>Статус</th>
+        </tr>
+      </thead>
+      <tbody>
+        @for (row of visible(); track row.id) {
+          <tr
+            [attr.data-organizer-id]="row.id"
+            [class.organizers__row--selected]="selectedId() === row.id"
+            tabindex="0"
+            (click)="select(row)"
+            (keydown.enter)="select(row)"
+            (keydown.space)="$event.preventDefault(); select(row)"
+          >
+            <td>
+              <div class="organizers__person">
+                <input
+                  type="radio"
+                  appChoice
+                  name="organizer"
+                  [checked]="selectedId() === row.id"
+                  [attr.aria-label]="
+                    (selectedId() === row.id ? 'Снять выбор: ' : 'Выбрать: ') +
+                    (row.name || row.email)
+                  "
+                  (click)="$event.stopPropagation(); select(row)"
+                  (keydown)="$event.stopPropagation()"
+                /><app-avatar
+                  [url]="href(row.avatar) ?? undefined"
+                  [size]="32"
+                  [fallbackLabel]="initials(row)"
+                /><span
+                  >{{ row.name || "—" }}
+                  @if (row.isSelf) {
+                    <span class="organizers__muted"> · вы</span>
+                  }
+                </span>
+              </div>
+            </td>
+            <td class="organizers__email">{{ row.email }}</td>
+            <td>{{ label(row) }}</td>
+          </tr>
+        } @empty {
+          <tr>
+            <td colspan="3">
+              {{
+                loading()
+                  ? "Загружаем список…"
+                  : "Организаторы не найдены. Измените поиск или статус."
+              }}
+            </td>
+          </tr>
+        }
+      </tbody>
+    </table>
+    <footer class="organizers__pagination">
+      <span>Показано {{ visible().length }} из {{ filtered().length }}</span>
+      @if (filtered().length > pageSize) {
+        <div>
+          <button
+            type="button"
+            appButton="text"
+            [disabled]="page() === 0"
+            (click)="page.set(page() - 1); clearSelection()"
+          >
+            Назад</button
+          ><button
+            type="button"
+            appButton="text"
+            [disabled]="(page() + 1) * pageSize >= filtered().length"
+            (click)="page.set(page() + 1); clearSelection()"
+          >
+            Далее
+          </button>
+        </div>
+      }
+    </footer>
+  </section>
+  @if (selected(); as row) {
+    <section
+      class="organizers__floating"
+      aria-label="Действия выбранного организатора"
+      [style.left.px]="floatingCenter()"
+      [style.width.px]="floatingWidth()"
+      (keydown.escape)="clearSelection(); $event.stopPropagation()"
+    >
+      <strong aria-live="polite"
+        >{{ row.name || row.email }}
+        @if (row.isSelf) {
+          · вы
+        }
+      </strong>
+      <div class="organizers__actions">
+        @if (row.status === "joined") {
+          <button
+            type="button"
+            appButton="secondary"
+            [disabled]="!row.canRemove || busy()"
+            (click)="open('remove', $event)"
+          >
+            {{ row.isSelf ? "Выйти из организаторов" : "Убрать доступ" }}
+          </button>
+        } @else {
+          <button
+            type="button"
+            appButton="secondary"
+            [disabled]="busy()"
+            (click)="invitationAction('resend')"
+          >
+            Отправить повторно</button
+          ><button
+            type="button"
+            appButton="secondary"
+            [disabled]="busy()"
+            (click)="open('revoke', $event)"
+          >
+            Отозвать
+          </button>
+        }
+        <button
+          type="button"
+          appButton="icon"
+          aria-label="Снять выбор организатора"
+          [disabled]="busy()"
+          (click)="clearSelection()"
+        >
+          ×
+        </button>
+      </div>
+      @if (row.status === "joined" && !row.canRemove) {
+        <p class="organizers__last">Сначала пригласите коллегу и дождитесь принятия.</p>
+      }
+    </section>
+  }
+</div>
+<app-modal
+  [open]="!!modal()"
+  (openChange)="!$event && close()"
+  size="small"
+  labelledBy="organizer-dialog-title"
+  [bodyClass]="'organizers-modal'"
+>
+  <section class="organizers__dialog">
+    <header class="organizers__heading">
+      <h2 id="organizer-dialog-title">{{ dialogTitle() }}</h2>
+      <button
+        type="button"
+        appButton="icon"
+        aria-label="Закрыть окно"
+        [disabled]="busy()"
+        (click)="close()"
+      >
+        ×
+      </button>
+    </header>
+    @if (dialogError()) {
+      <p appAlert="error" role="alert">{{ dialogError() }}</p>
+    }
+    @if (modal() === "invite") {
+      <p>
+        После принятия приглашения человек сможет управлять этой программой и приглашать коллег.
+      </p>
+      <form (submit)="$event.preventDefault(); invite()" novalidate>
+        <label
+          >Email<input
+            type="email"
+            appField
+            [formControl]="email"
+            placeholder="colleague@company.ru"
+            autocomplete="email"
+            maxlength="254"
+            [attr.aria-invalid]="email.touched && email.invalid"
+        /></label>
+        @if (email.touched && email.invalid) {
+          <p appAlert="error">Введите корректный email.</p>
+        }
+        <p>Если аккаунта ещё нет, предложим зарегистрироваться.</p>
+        <footer class="organizers__actions">
+          <button type="button" appButton="secondary" [disabled]="busy()" (click)="close()">
+            Отмена</button
+          ><button type="submit" appButton="primary" [disabled]="busy()">
+            {{ busy() ? "Создаём приглашение…" : "Отправить приглашение" }}
+          </button>
+        </footer>
+      </form>
+    } @else if (selected(); as row) {
+      <div>
+        <strong>{{ row.name || row.email }}</strong>
+        <p>{{ row.email }}</p>
+      </div>
+      <p>
+        {{
+          modal() === "revoke"
+            ? "Ссылка из письма перестанет действовать. При необходимости можно отправить новое приглашение."
+            : row.isSelf
+              ? "Вы потеряете доступ к управлению программой. Вернуть его сможет другой организатор."
+              : "Доступ к управлению программой закроется сразу. Ранее внесённые изменения сохранятся."
+        }}
+      </p>
+      @if (modal() === "remove" && !row.canRemove) {
+        <p appAlert="warning">Сначала пригласите коллегу и дождитесь принятия.</p>
+      }
+      <footer class="organizers__actions">
+        <button type="button" appButton="secondary" [disabled]="busy()" (click)="close()">
+          Отмена</button
+        ><button
+          type="button"
+          appButton="danger"
+          [disabled]="busy() || (modal() === 'remove' && !row.canRemove)"
+          (click)="modal() === 'revoke' ? invitationAction('revoke') : remove()"
+        >
+          {{ modal() === "revoke" ? "Отозвать" : row.isSelf ? "Выйти" : "Убрать доступ" }}
+        </button>
+      </footer>
+    }
+  </section>
+</app-modal>
diff --git a/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.scss b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.scss
new file mode 100644
index 000000000..a2e8a6f0e
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.scss
@@ -0,0 +1,340 @@
+/** @format */
+@use "styles/ui-foundation";
+@use "styles/program-management-controls";
+
+:host {
+  display: block;
+  min-width: 0;
+}
+
+.ui-button.ui-button {
+  @include ui-foundation.button;
+  @include program-management-controls.compact-action;
+}
+
+.ui-field {
+  @include ui-foundation.control;
+
+  width: 100%;
+  font-size: 12px;
+}
+
+.ui-choice {
+  @include ui-foundation.choice;
+
+  flex-shrink: 0;
+}
+
+.organizers,
+.organizers__dialog,
+.organizers__dialog form {
+  display: grid;
+  gap: 20px;
+  min-width: 0;
+  font-size: 12px;
+}
+
+.organizers {
+  padding-bottom: 160px;
+}
+
+.organizers__card {
+  display: grid;
+  gap: 20px;
+  min-width: 0;
+  padding: 20px;
+  background: var(--light-white);
+  border-radius: 15px;
+}
+
+.organizers h2,
+.organizers__dialog h2 {
+  margin: 0;
+  font-size: 16px;
+  font-weight: 600;
+  line-height: 24px;
+}
+
+.organizers p,
+.organizers__dialog p {
+  margin: 0;
+  font-size: 12px;
+  line-height: 1.5;
+  color: var(--grey-for-text);
+}
+
+.organizers__heading {
+  display: flex;
+  gap: 20px;
+  align-items: center;
+  justify-content: space-between;
+  min-width: 0;
+}
+
+.organizers__heading > div {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+
+.organizers__heading > button {
+  flex-shrink: 0;
+}
+
+.organizers__mobile-label {
+  display: none;
+}
+
+.organizers__count {
+  white-space: nowrap;
+}
+
+.organizers__filters {
+  display: grid;
+  grid-template-columns: minmax(0, 2fr) minmax(180px, 1fr);
+  gap: 16px;
+}
+
+.organizers label,
+.organizers__dialog label {
+  display: grid;
+  gap: 6px;
+  min-width: 0;
+}
+
+.organizers__table {
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: collapse;
+}
+
+.organizers__table th {
+  font-weight: 400;
+  color: var(--grey-for-text);
+  text-align: left;
+  background: var(--background-grey);
+}
+
+.organizers__table td,
+.organizers__table th {
+  padding: 12px;
+  overflow-wrap: anywhere;
+  vertical-align: middle;
+}
+
+.organizers__table th:first-child {
+  width: 40%;
+}
+
+.organizers__table th:nth-child(2) {
+  width: 36%;
+}
+
+.organizers__table tbody tr {
+  height: 64px;
+  border-bottom: 1px solid var(--medium-grey-for-outline);
+}
+
+.organizers__table tr[tabindex] {
+  cursor: pointer;
+}
+
+.organizers__table tr[tabindex]:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+
+.organizers__row--selected {
+  background: var(--accent-light);
+}
+
+.organizers__person {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  min-width: 0;
+  font-size: 14px;
+}
+
+.organizers__person app-avatar {
+  flex-shrink: 0;
+}
+
+.organizers__person > span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.organizers__email,
+.organizers__muted {
+  color: var(--grey-for-text);
+}
+
+.organizers__pagination {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--grey-for-text);
+}
+
+.organizers__actions {
+  display: flex;
+  gap: 12px;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
+}
+
+.organizers__floating {
+  position: fixed;
+  bottom: 24px;
+  left: 50%;
+  z-index: 20;
+  box-sizing: border-box;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  align-items: center;
+  justify-content: space-between;
+  width: min(823px, calc(100vw - 40px));
+  max-width: calc(100vw - 40px);
+  max-height: calc(100dvh - 48px);
+  padding: 12px;
+  overflow-y: auto;
+  overscroll-behavior: contain;
+  background: var(--accent-light);
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgb(51 51 51 / 8%);
+  transform: translateX(-50%);
+}
+
+.organizers__floating > strong {
+  flex: 1;
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.organizers__last {
+  flex-basis: 100%;
+}
+
+.organizers__dialog {
+  width: 100%;
+  max-width: 512px;
+}
+
+.organizers__dialog .organizers__heading {
+  gap: 12px;
+}
+
+.organizers__dialog .organizers__actions {
+  justify-content: space-between;
+}
+
+@media (max-width: 999px) {
+  .organizers__description,
+  .organizers__desktop-label {
+    display: none;
+  }
+
+  .organizers__mobile-label {
+    display: inline;
+  }
+
+  .organizers__filters {
+    grid-template-columns: 1fr;
+  }
+
+  .organizers__heading {
+    gap: 8px;
+  }
+
+  .organizers__heading > button {
+    margin-block: 6px;
+  }
+
+  .organizers__table,
+  .organizers__table tbody,
+  .organizers__table tr,
+  .organizers__table td {
+    box-sizing: border-box;
+    display: block;
+    width: 100%;
+  }
+
+  .organizers__table thead {
+    display: none;
+  }
+
+  .organizers__table tbody tr {
+    height: auto;
+    min-height: 124px;
+    padding: 12px 0;
+  }
+
+  .organizers__table td {
+    padding: 3px 0;
+  }
+
+  .organizers__table td:nth-child(n + 2) {
+    padding-left: 28px;
+  }
+
+  .organizers__person {
+    font-size: 18px;
+    font-weight: 600;
+    line-height: 24px;
+  }
+
+  .organizers__person .ui-choice {
+    margin: 0;
+  }
+
+  .organizers__floating {
+    bottom: max(24px, env(safe-area-inset-bottom));
+    flex-direction: column;
+    gap: 12px;
+    align-items: stretch;
+  }
+
+  .organizers__floating > strong {
+    padding-right: 44px;
+  }
+
+  .organizers__floating .organizers__actions {
+    flex-wrap: wrap;
+    gap: 12px;
+    justify-content: stretch;
+  }
+
+  .organizers__floating .organizers__actions > button:not(.ui-button--icon) {
+    flex: 1;
+    padding-inline: 12px;
+    margin-block: 6px;
+    white-space: nowrap;
+  }
+
+  .organizers__floating .ui-button--icon {
+    position: absolute;
+    top: 6px;
+    right: 6px;
+  }
+
+  .organizers__dialog .organizers__actions {
+    flex-wrap: wrap;
+    gap: 12px;
+  }
+
+  .organizers__dialog .organizers__actions > button {
+    margin-block: 6px;
+  }
+
+  .organizers__dialog .organizers__actions > button:last-child {
+    flex: 1;
+  }
+
+  .organizers__dialog .organizers__heading > .ui-button--icon {
+    margin-right: 0;
+  }
+}
diff --git a/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.spec.ts b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.spec.ts
new file mode 100644
index 000000000..2a6602389
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.spec.ts
@@ -0,0 +1,169 @@
+/** @format */
+import { TestBed } from "@angular/core/testing";
+import { HttpErrorResponse } from "@angular/common/http";
+import { of, throwError } from "rxjs";
+import { ProgramOrganizersUseCase } from "@api/program/use-cases/program-organizers.use-case";
+import { ProgramOrganizers } from "@domain/program/program-organizers.model";
+import { ManagementOrganizersComponent } from "./organizers.component";
+
+const snapshot: ProgramOrganizers = {
+  revision: "v1",
+  organizerCount: 2,
+  activeOrganizerCount: 2,
+  invitationCount: 1,
+  organizers: [
+    {
+      id: "member:1",
+      userId: 1,
+      name: "Фёдор Евсеев",
+      email: "fedor@example.com",
+      avatar: null,
+      status: "joined",
+      active: true,
+      isSelf: true,
+      canRemove: true,
+    },
+    {
+      id: "member:2",
+      userId: 2,
+      name: "Анна Миронова",
+      email: "anna@example.com",
+      avatar: null,
+      status: "joined",
+      active: true,
+      isSelf: false,
+      canRemove: true,
+    },
+    {
+      id: "invite:3",
+      invitationId: 3,
+      name: null,
+      email: "olga@example.com",
+      avatar: null,
+      status: "pending",
+      deliveryStatus: "sent",
+      isSelf: false,
+      canRemove: false,
+    },
+  ],
+};
+function setup() {
+  const api = {
+    list: vi.fn(() => of(structuredClone(snapshot))),
+    invite: vi.fn(() => of(structuredClone(snapshot))),
+    invitationAction: vi.fn(() => of(structuredClone(snapshot))),
+    remove: vi.fn(() => of(structuredClone(snapshot))),
+  };
+  TestBed.configureTestingModule({
+    imports: [ManagementOrganizersComponent],
+    providers: [{ provide: ProgramOrganizersUseCase, useValue: api }],
+  });
+  const fixture = TestBed.createComponent(ManagementOrganizersComponent);
+  fixture.componentRef.setInput("programId", 42);
+  fixture.detectChanges();
+  return { fixture, component: fixture.componentInstance, api };
+}
+describe("Организаторы программы", () => {
+  it("переключает выбор повторным нажатием и не запрашивает список при выборе", () => {
+    const { fixture, component, api } = setup();
+    const calls = api.list.mock.calls.length;
+    const row = fixture.nativeElement.querySelector(
+      'tr[data-organizer-id="member:2"]',
+    ) as HTMLElement;
+    row.click();
+    fixture.detectChanges();
+    expect(component.selected()?.userId).toBe(2);
+    expect(fixture.nativeElement.querySelector(".organizers__floating")).not.toBeNull();
+    row.click();
+    fixture.detectChanges();
+    expect(component.selected()).toBeNull();
+    expect(api.list).toHaveBeenCalledTimes(calls);
+  });
+  it("оставляет ввод и фокус поиска при обновлении данных", () => {
+    const { fixture, component } = setup();
+    const search = fixture.nativeElement.querySelector("input[type=search]") as HTMLInputElement;
+    search.focus();
+    search.value = "Ан";
+    search.dispatchEvent(new Event("input"));
+    fixture.detectChanges();
+    component.load();
+    fixture.detectChanges();
+    expect(fixture.nativeElement.querySelector("input[type=search]")).toBe(search);
+    expect(search.value).toBe("Ан");
+    expect(document.activeElement).toBe(search);
+    expect(component.visible().map(r => r.userId)).toEqual([2]);
+  });
+  it("не отправляет снятие доступа для последнего организатора", () => {
+    const { component, api } = setup();
+    const only = {
+      ...snapshot,
+      organizerCount: 1,
+      activeOrganizerCount: 1,
+      organizers: [{ ...snapshot.organizers[0], canRemove: false }],
+    };
+    component.snapshot.set(only);
+    component.select(only.organizers[0]);
+    component.remove();
+    expect(api.remove).not.toHaveBeenCalled();
+  });
+  it("передаёт актуальную ревизию и очищает приватный список после выхода", () => {
+    const { component, api } = setup();
+    api.remove.mockReturnValue(of({ accessRemoved: true, programId: 42 }) as never);
+    const removed = vi.fn();
+    component.accessRemoved.subscribe(removed);
+    component.select(snapshot.organizers[0]);
+    component.remove();
+    expect(api.remove).toHaveBeenCalledWith(42, 1, "v1");
+    expect(removed).toHaveBeenCalledOnce();
+    expect(component.snapshot()).toBeNull();
+    expect(component.selected()).toBeNull();
+    expect(component.busy()).toBe(false);
+  });
+  it("сохраняет email и модалку при конфликте и обновляет ревизию", () => {
+    const { component, api } = setup();
+    component.open("invite");
+    component.email.setValue("new@example.com");
+    api.invite.mockReturnValue(
+      throwError(
+        () => new HttpErrorResponse({ status: 409, error: { detail: "Состав изменился" } }),
+      ),
+    );
+    api.list.mockReturnValue(of({ ...snapshot, revision: "v2" }));
+    component.invite();
+    expect(component.email.value).toBe("new@example.com");
+    expect(component.modal()).toBe("invite");
+    expect(component.dialogError()).toBe("Состав изменился");
+    expect(component.snapshot()?.revision).toBe("v2");
+  });
+  it("очищает приватные данные и сигнализирует об отзыве доступа при 403", () => {
+    const { component, api } = setup();
+    const lost = vi.fn();
+    component.accessRemoved.subscribe(lost);
+    api.list.mockReturnValue(throwError(() => new HttpErrorResponse({ status: 403 })));
+    component.load();
+    expect(component.snapshot()).toBeNull();
+    expect(lost).toHaveBeenCalledOnce();
+  });
+  it("обновляет доставку, не сбрасывая поиск, и отменяет фоновые запросы при уходе", async () => {
+    vi.useFakeTimers();
+    try {
+      const { fixture, component, api } = setup();
+      const queued = structuredClone(snapshot);
+      queued.organizers[2].deliveryStatus = "queued";
+      api.list.mockReturnValue(of(queued));
+      component.load();
+      component.search.setValue("olga");
+      api.list.mockReturnValue(of(snapshot));
+      await vi.advanceTimersByTimeAsync(5000);
+      fixture.detectChanges();
+      expect(component.search.value).toBe("olga");
+      expect(component.visible()[0].deliveryStatus).toBe("sent");
+      fixture.destroy();
+      const calls = api.list.mock.calls.length;
+      await vi.advanceTimersByTimeAsync(30000);
+      expect(api.list).toHaveBeenCalledTimes(calls);
+    } finally {
+      vi.useRealTimers();
+    }
+  });
+});
diff --git a/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.ts b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.ts
new file mode 100644
index 000000000..83d1031b8
--- /dev/null
+++ b/projects/social_platform/src/app/ui/pages/program/management/organizers/organizers.component.ts
@@ -0,0 +1,372 @@
+/** @format */
+import {
+  ChangeDetectionStrategy,
+  Component,
+  DestroyRef,
+  ElementRef,
+  HostListener,
+  afterNextRender,
+  computed,
+  effect,
+  inject,
+  input,
+  output,
+  signal,
+  untracked,
+} from "@angular/core";
+import { FormBuilder, ReactiveFormsModule, Validators } from "@angular/forms";
+import { HttpErrorResponse } from "@angular/common/http";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { Observable, catchError, exhaustMap, filter, finalize, map, of, timer } from "rxjs";
+import {
+  AlertDirective,
+  AvatarComponent,
+  ButtonDirective,
+  ChoiceDirective,
+  FieldDirective,
+} from "@uilib";
+import { ProgramOrganizersUseCase } from "@api/program/use-cases/program-organizers.use-case";
+import {
+  OrganizerAccessRemoved,
+  OrganizerRow,
+  ProgramOrganizers,
+} from "@domain/program/program-organizers.model";
+import { ModalComponent } from "@ui/primitives/modal/modal.component";
+import { evaluationError } from "@utils/evaluation-workspace";
+import { presentationHref } from "@utils/program-case-analytics";
+
+@Component({
+  selector: "app-management-organizers",
+  imports: [
+    ReactiveFormsModule,
+    AlertDirective,
+    AvatarComponent,
+    ButtonDirective,
+    ChoiceDirective,
+    FieldDirective,
+    ModalComponent,
+  ],
+  templateUrl: "./organizers.component.html",
+  styleUrl: "./organizers.component.scss",
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class ManagementOrganizersComponent {
+  readonly programId = input.required<number>();
+  readonly confirmDiscard = input<() => Promise<boolean>>(() => Promise.resolve(true));
+  readonly statusChange = output<{ dirty: boolean; busy: boolean }>();
+  readonly accessRemoved = output<void>();
+  private readonly api = inject(ProgramOrganizersUseCase);
+  private readonly destroyRef = inject(DestroyRef);
+  private readonly element = inject<ElementRef<HTMLElement>>(ElementRef);
+  private readonly fb = inject(FormBuilder).nonNullable;
+  readonly snapshot = signal<ProgramOrganizers | null>(null);
+  readonly loading = signal(false);
+  readonly busy = signal(false);
+  readonly error = signal<string | null>(null);
+  readonly dialogError = signal<string | null>(null);
+  readonly message = signal<string | null>(null);
+  readonly modal = signal<"invite" | "remove" | "revoke" | null>(null);
+  readonly search = this.fb.control("");
+  readonly status = this.fb.control("all");
+  readonly email = this.fb.control("", [
+    Validators.required,
+    Validators.email,
+    Validators.maxLength(254),
+  ]);
+  private readonly query = signal("");
+  private readonly statusValue = signal("all");
+  readonly page = signal(0);
+  readonly pageSize = 25;
+  readonly selectedId = signal<string | null>(null);
+  readonly selected = computed(
+    () => this.snapshot()?.organizers.find(r => r.id === this.selectedId()) ?? null,
+  );
+  readonly filtered = computed(() =>
+    (this.snapshot()?.organizers ?? []).filter(
+      r =>
+        (this.statusValue() === "all" || r.status === this.statusValue()) &&
+        `${r.name ?? ""} ${r.email}`
+          .toLocaleLowerCase("ru")
+          .includes(this.query().trim().toLocaleLowerCase("ru")),
+    ),
+  );
+  readonly visible = computed(() =>
+    this.filtered().slice(this.page() * this.pageSize, (this.page() + 1) * this.pageSize),
+  );
+  readonly dirty = signal(false);
+  readonly floatingCenter = signal<number | null>(null);
+  readonly floatingWidth = signal<number | null>(null);
+  readonly deliveryRefreshPaused = signal(false);
+  readonly href = presentationHref;
+  initials(row: OrganizerRow): string {
+    return (
+      row.name
+        ?.split(/\s+/)
+        .filter(Boolean)
+        .map(p => p[0])
+        .slice(0, 2)
+        .join("")
+        .toUpperCase() || "@"
+    );
+  }
+  organizerCountLabel(): string {
+    const n = this.snapshot()?.organizerCount ?? 0;
+    return n % 10 === 1 && n % 100 !== 11
+      ? "организатор"
+      : n % 10 >= 2 && n % 10 <= 4 && (n % 100 < 12 || n % 100 > 14)
+        ? "организатора"
+        : "организаторов";
+  }
+  private sequence = 0;
+  private queuedSince: number | null = null;
+  private trigger: HTMLElement | null = null;
+  readonly dialogTitle = computed(() =>
+    this.modal() === "invite"
+      ? "Пригласить организатора"
+      : this.modal() === "revoke"
+        ? "Отозвать приглашение?"
+        : this.selected()?.isSelf
+          ? "Выйти из организаторов?"
+          : "Убрать доступ к программе?",
+  );
+  constructor() {
+    for (const [control, set] of [
+      [this.search, this.query],
+      [this.status, this.statusValue],
+    ] as const)
+      control.valueChanges.pipe(takeUntilDestroyed()).subscribe(value => {
+        set.set(value);
+        this.page.set(0);
+        this.clearSelection();
+      });
+    this.email.valueChanges.pipe(takeUntilDestroyed()).subscribe(() => {
+      this.dirty.set(this.email.dirty && !!this.email.value.trim());
+      this.dialogError.set(null);
+    });
+    effect(() => this.statusChange.emit({ dirty: this.dirty(), busy: this.busy() }));
+    effect(() => {
+      const id = this.programId();
+      untracked(() => {
+        this.snapshot.set(null);
+        this.clearSelection();
+        this.discard();
+        this.load(id);
+      });
+    });
+    timer(5000, 5000)
+      .pipe(
+        filter(
+          i =>
+            !this.busy() &&
+            !!this.snapshot() &&
+            (this.hasQueued() ? this.allowDeliveryRefresh() : i % 6 === 5),
+        ),
+        exhaustMap(() => {
+          const id = this.programId();
+          const seq = this.sequence;
+          return this.api.list(id).pipe(
+            map(data => ({ data, id, seq })),
+            catchError(e => {
+              if (id === this.programId() && seq === this.sequence) this.handleAccessError(e);
+              return of(null);
+            }),
+          );
+        }),
+        takeUntilDestroyed(),
+      )
+      .subscribe(result => {
+        if (
+          result &&
+          result.id === this.programId() &&
+          result.seq === this.sequence &&
+          !this.busy()
+        )
+          this.apply(result.data);
+      });
+    afterNextRender(() => {
+      const update = () => {
+        const r = this.element.nativeElement.getBoundingClientRect();
+        if (r.width > 0) {
+          this.floatingCenter.set(r.left + r.width / 2);
+          this.floatingWidth.set(
+            Math.min(
+              823,
+              window.innerWidth < 1000 ? r.width : r.width - 40,
+              window.innerWidth - 40,
+            ),
+          );
+        }
+      };
+      const observer = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(update);
+      observer?.observe(this.element.nativeElement);
+      window.addEventListener("resize", update);
+      update();
+      this.destroyRef.onDestroy(() => {
+        observer?.disconnect();
+        window.removeEventListener("resize", update);
+      });
+    });
+  }
+  private hasQueued(): boolean {
+    return !!this.snapshot()?.organizers.some(
+      r => r.status === "pending" && r.deliveryStatus === "queued",
+    );
+  }
+  private allowDeliveryRefresh(): boolean {
+    const allowed = this.queuedSince !== null && Date.now() - this.queuedSince < 120000;
+    if (!allowed) this.deliveryRefreshPaused.set(true);
+    return allowed;
+  }
+  private apply(data: ProgramOrganizers): void {
+    this.snapshot.set(data);
+    this.page.set(
+      Math.min(this.page(), Math.max(0, Math.ceil(this.filtered().length / this.pageSize) - 1)),
+    );
+    if (!this.selected()) {
+      this.selectedId.set(null);
+      if (this.modal() !== "invite") this.modal.set(null);
+    }
+    if (this.hasQueued()) {
+      this.queuedSince ??= Date.now();
+    } else {
+      this.queuedSince = null;
+      this.deliveryRefreshPaused.set(false);
+    }
+  }
+  @HostListener("window:focus") refreshOnFocus(): void {
+    if (!this.busy()) this.load();
+  }
+  load(id = this.programId()): void {
+    const seq = ++this.sequence;
+    this.loading.set(true);
+    this.error.set(null);
+    this.api
+      .list(id)
+      .pipe(takeUntilDestroyed(this.destroyRef))
+      .subscribe({
+        next: data => {
+          if (seq !== this.sequence || id !== this.programId()) return;
+          this.apply(data);
+          this.loading.set(false);
+        },
+        error: e => {
+          if (seq !== this.sequence) return;
+          this.loading.set(false);
+          if (!this.handleAccessError(e)) this.error.set(evaluationError(e));
+        },
+      });
+  }
+  private handleAccessError(error: unknown): boolean {
+    if (error instanceof HttpErrorResponse && (error.status === 403 || error.status === 401)) {
+      this.snapshot.set(null);
+      ++this.sequence;
+      this.clearSelection();
+      this.discard();
+      this.busy.set(false);
+      this.statusChange.emit({ dirty: false, busy: false });
+      this.accessRemoved.emit();
+      return true;
+    }
+    return false;
+  }
+  select(row: OrganizerRow): void {
+    if (this.busy()) return;
+    this.selectedId.set(this.selectedId() === row.id ? null : row.id);
+  }
+  clearSelection(): void {
+    this.selectedId.set(null);
+  }
+  label(row: OrganizerRow): string {
+    if (row.status === "joined") return row.active === false ? "Аккаунт отключён" : "Организатор";
+    if (row.status === "expired") return "Ссылка истекла";
+    return row.deliveryStatus === "failed"
+      ? "Не отправлено"
+      : row.deliveryStatus === "queued"
+        ? "Ожидает отправки"
+        : "Приглашён";
+  }
+  open(mode: "invite" | "remove" | "revoke", event?: Event): void {
+    if (this.busy()) return;
+    this.trigger = (event?.currentTarget as HTMLElement) ?? (document.activeElement as HTMLElement);
+    this.dialogError.set(null);
+    this.email.reset("");
+    this.dirty.set(false);
+    this.modal.set(mode);
+  }
+  async close(): Promise<void> {
+    if (this.busy()) return;
+    if (this.dirty() && !(await this.confirmDiscard()())) return;
+    this.discard();
+    this.trigger?.focus();
+  }
+  discard(): void {
+    this.modal.set(null);
+    this.email.reset("");
+    this.dirty.set(false);
+    this.dialogError.set(null);
+  }
+  invite(): void {
+    this.email.markAsTouched();
+    if (this.email.invalid || !this.snapshot() || this.busy()) return;
+    this.mutate(
+      this.api.invite(this.programId(), this.email.value.trim(), this.snapshot()!.revision),
+      "Приглашение создано. Статус отправки появится в списке.",
+    );
+  }
+  invitationAction(action: "resend" | "revoke"): void {
+    const row = this.selected(),
+      data = this.snapshot();
+    if (!row?.invitationId || !data || this.busy()) return;
+    this.mutate(
+      this.api.invitationAction(this.programId(), row.invitationId, action, data.revision),
+      action === "resend" ? "Приглашение отправляется повторно." : "Приглашение отозвано.",
+    );
+  }
+  remove(): void {
+    const row = this.selected(),
+      data = this.snapshot();
+    if (!row?.userId || !row.canRemove || !data || this.busy()) return;
+    this.mutate(
+      this.api.remove(this.programId(), row.userId, data.revision),
+      "Доступ к управлению программой снят.",
+    );
+  }
+  private mutate(
+    request: Observable<ProgramOrganizers | OrganizerAccessRemoved>,
+    message: string,
+  ): void {
+    this.busy.set(true);
+    this.loading.set(false);
+    this.dialogError.set(null);
+    this.error.set(null);
+    ++this.sequence;
+    request
+      .pipe(
+        finalize(() => this.busy.set(false)),
+        takeUntilDestroyed(this.destroyRef),
+      )
+      .subscribe({
+        next: data => {
+          this.discard();
+          if ("accessRemoved" in data) {
+            this.snapshot.set(null);
+            this.clearSelection();
+            this.busy.set(false);
+            this.statusChange.emit({ dirty: false, busy: false });
+            this.accessRemoved.emit();
+            return;
+          }
+          this.apply(data);
+          this.message.set(message);
+          this.trigger?.focus();
+        },
+        error: e => {
+          if (this.handleAccessError(e)) return;
+          const text = evaluationError(e);
+          if (this.modal()) this.dialogError.set(text);
+          else this.error.set(text);
+          if (e instanceof HttpErrorResponse && e.status === 409) this.load();
+        },
+      });
+  }
+}