From 8fa588bd551432ab60b71b4231516de17e14c61f Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Tue, 14 Apr 2026 02:26:26 +0300
Subject: [PATCH] refactor(frontend): compact role-only member marker

---
 frontend/src/app/departments/[id]/page.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/departments/[id]/page.tsx b/frontend/src/app/departments/[id]/page.tsx
index 9a365f0a..2ad882fc 100644
--- a/frontend/src/app/departments/[id]/page.tsx
+++ b/frontend/src/app/departments/[id]/page.tsx
@@ -11,6 +11,7 @@ import {
   ChevronDown,
   ChevronRight,
   Crown,
+  Link2,
   PencilLine,
   Plus,
   Search,
@@ -45,9 +46,11 @@ type DepartmentMemberModalMode = "add" | "assignRole";
 function MetaChip({
   children,
   tone = "neutral",
+  title,
 }: {
   children: ReactNode;
   tone?: "neutral" | "accent" | "warning";
+  title?: string;
 }) {
   const className =
     tone === "accent"
@@ -58,6 +61,8 @@ function MetaChip({
 
   return (
     <span
+      title={title}
+      aria-label={title}
       className={`${className} inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-medium`}
     >
       {children}
@@ -142,7 +147,11 @@ function DepartmentMemberRow({
             <Crown size={12} />
           </MetaChip>
         ) : null}
-        {isRoleOnly ? <MetaChip>Роль вне состава</MetaChip> : null}
+        {isRoleOnly ? (
+          <MetaChip title="Роль вне состава">
+            <Link2 size={12} />
+          </MetaChip>
+        ) : null}
       </span>
     );
 
@@ -286,7 +295,11 @@ function DepartmentMemberRow({
           </MetaChip>
         ) : null}
 
-        {isRoleOnly ? <MetaChip>Роль вне состава</MetaChip> : null}
+        {isRoleOnly ? (
+          <MetaChip title="Роль вне состава">
+            <Link2 size={12} />
+          </MetaChip>
+        ) : null}
 
         {canChangeHead && !isHead ? (
           <button