From ff2a04b3ace3ed6bba5ac0de704b95e275ecf24e Mon Sep 17 00:00:00 2001
From: Philipinho <16838612+Philipinho@users.noreply.github.com>
Date: Mon, 19 Jan 2026 19:38:24 +0000
Subject: [PATCH] tooltip

---
 .../components/page-permission-item.tsx          | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/apps/client/src/ee/page-permission/components/page-permission-item.tsx b/apps/client/src/ee/page-permission/components/page-permission-item.tsx
index 67691d74..8f89b7c0 100644
--- a/apps/client/src/ee/page-permission/components/page-permission-item.tsx
+++ b/apps/client/src/ee/page-permission/components/page-permission-item.tsx
@@ -3,6 +3,7 @@ import { IconChevronDown, IconCheck } from "@tabler/icons-react";
 import { useTranslation } from "react-i18next";
 import { useAtomValue } from "jotai";
 import { CustomAvatar } from "@/components/ui/custom-avatar";
+import { AutoTooltipText } from "@/components/ui/auto-tooltip";
 import { IconGroupCircle } from "@/components/icons/icon-people-circle";
 import { userAtom } from "@/features/user/atoms/current-user-atom";
 import { formatMemberCount } from "@/lib";
@@ -43,14 +44,17 @@ export function PagePermissionItem({
         {member.type === "group" && <IconGroupCircle />}
 
         <div className={classes.permissionItemDetails}>
-          <Text fz="sm" fw={500} truncate>
+          <AutoTooltipText
+            fz="sm"
+            fw={500}
+            tooltipLabel={isCurrentUser ? `${member.name} (${t("You")})` : member.name}
+          >
             {member.name}
             {isCurrentUser && <Text span c="dimmed"> ({t("You")})</Text>}
-          </Text>
-          <Text fz="xs" c="dimmed" truncate>
-            {member.type === "user" && member.email}
-            {member.type === "group" && formatMemberCount(member.memberCount, t)}
-          </Text>
+          </AutoTooltipText>
+          <AutoTooltipText fz="xs" c="dimmed">
+            {member.type === "user" ? member.email : formatMemberCount(member.memberCount, t)}
+          </AutoTooltipText>
         </div>
       </div>