From f40196f39cabe6ee74ef5f491c569b0fbd5b043b Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Thu, 16 Apr 2026 13:46:24 +0300
Subject: [PATCH] =?UTF-8?q?=D1=81=D0=BD=D1=8F=D1=82=D0=B8=D0=B5=20=D1=80?=
 =?UTF-8?q?=D1=83=D0=BA=D0=BE=D0=B2=D0=BE=D0=B4=D0=B8=D1=82=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/departments/[id]/page.tsx | 24 +++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/frontend/src/app/departments/[id]/page.tsx b/frontend/src/app/departments/[id]/page.tsx
index e37aedbf..03fcd8d1 100644
--- a/frontend/src/app/departments/[id]/page.tsx
+++ b/frontend/src/app/departments/[id]/page.tsx
@@ -12,6 +12,7 @@ import {
   Crown,
   Link2,
   MessageCircle,
+  Minus,
   PencilLine,
   Plus,
   Search,
@@ -84,6 +85,7 @@ function DepartmentMemberRow({
   roleOptions,
   onAssignRole,
   onCreateRole,
+  onRemoveHead,
   onRemoveMember,
   onSetHead,
   onToggleRoleMenu,
@@ -101,6 +103,7 @@ function DepartmentMemberRow({
   onAssignRole: (employeeId: number, roleId: number | null) => Promise<void>;
   onCreateRole: () => void;
   onRemoveMember: (employeeId: number) => Promise<void>;
+  onRemoveHead: () => Promise<void>;
   onSetHead: (employeeId: number) => Promise<void>;
   onToggleRoleMenu: (employeeId: number | null) => void;
   roleMenuOpenForId: number | null;
@@ -293,9 +296,23 @@ function DepartmentMemberRow({
         ) : null}
 
         {isHead ? (
-          <MetaChip tone="warning">
-            <Crown size={12} />
-          </MetaChip>
+          canChangeHead ? (
+            <button
+              type="button"
+              onClick={() => void onRemoveHead()}
+              disabled={pendingKey === "head"}
+              aria-label="Снять руководителя"
+              title="Снять руководителя"
+              className="app-selected inline-flex items-center gap-1 rounded-full px-2 py-1 text-[var(--warning-foreground)] transition hover:opacity-90 disabled:cursor-not-allowed disabled:opacity-50"
+            >
+              <Crown size={12} />
+              <Minus size={10} />
+            </button>
+          ) : (
+            <MetaChip tone="warning">
+              <Crown size={12} />
+            </MetaChip>
+          )
         ) : null}
 
         {isRoleOnly ? (
@@ -1045,6 +1062,7 @@ export default function DepartmentDetailPage() {
                           roleOptions={roleOptions}
                           onAssignRole={h.submitMemberRole}
                           onCreateRole={h.openCreateRole}
+                          onRemoveHead={h.submitHeadRemoval}
                           onRemoveMember={h.submitRemoveMember}
                           onSetHead={h.submitQuickHeadChange}
                           onToggleRoleMenu={setRoleMenuOpenForId}