From 36bfb08f34cbbba2db25274e98ee0e71a320b3e8 Mon Sep 17 00:00:00 2001
From: hjlarry <hjlarry@163.com>
Date: Wed, 4 Feb 2026 10:11:40 +0800
Subject: [PATCH] fix: collaboration user's name display in editor line 1

---
 .../skill/editor/code-editor/plugins/remote-cursors.tsx     | 5 ++++-
 .../editor/skill-editor/plugins/remote-cursors/index.tsx    | 6 +++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/web/app/components/workflow/skill/editor/code-editor/plugins/remote-cursors.tsx b/web/app/components/workflow/skill/editor/code-editor/plugins/remote-cursors.tsx
index 6f94bf9c42..4290beb694 100644
--- a/web/app/components/workflow/skill/editor/code-editor/plugins/remote-cursors.tsx
+++ b/web/app/components/workflow/skill/editor/code-editor/plugins/remote-cursors.tsx
@@ -369,8 +369,11 @@ export const useSkillCodeCursors = ({ editor, fileId, enabled }: UseSkillCodeCur
               }}
             />
             <div
-              className="absolute -top-5 left-2 max-w-[160px] overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium text-white shadow-sm"
+              className="absolute left-2 max-w-[160px] overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium text-white shadow-sm"
               style={{
+                top: position.y < 20
+                  ? Math.max(position.height + 4, 18)
+                  : -20,
                 backgroundColor: position.color,
               }}
             >
diff --git a/web/app/components/workflow/skill/editor/skill-editor/plugins/remote-cursors/index.tsx b/web/app/components/workflow/skill/editor/skill-editor/plugins/remote-cursors/index.tsx
index 96b1516171..a27db97c52 100644
--- a/web/app/components/workflow/skill/editor/skill-editor/plugins/remote-cursors/index.tsx
+++ b/web/app/components/workflow/skill/editor/skill-editor/plugins/remote-cursors/index.tsx
@@ -626,6 +626,9 @@ export const SkillRemoteCursors = ({ fileId, enabled }: SkillRemoteCursorsProps)
         const user = onlineUserMap[cursor.userId]
         const name = user?.username || cursor.userId.slice(-4)
         const color = getUserColor(cursor.userId)
+        const labelOffset = cursor.y < 20
+          ? Math.max(cursor.height + 4, 18)
+          : -20
 
         return (
           <div
@@ -644,8 +647,9 @@ export const SkillRemoteCursors = ({ fileId, enabled }: SkillRemoteCursorsProps)
               }}
             />
             <div
-              className="absolute -top-5 left-2 max-w-[160px] overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium text-white shadow-sm"
+              className="absolute left-2 max-w-[160px] overflow-hidden text-ellipsis whitespace-nowrap rounded px-1.5 py-0.5 text-[11px] font-medium text-white shadow-sm"
               style={{
+                top: labelOffset,
                 backgroundColor: color,
               }}
             >