From 7abaa0010a5c093a27bed3ca0f2a5a96f679cbde Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Wed, 4 Mar 2026 16:10:32 +0000
Subject: [PATCH] fix: attach step count tab to top of group bounding box

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/graph/GroupOverlay.svelte | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/graph/GroupOverlay.svelte b/frontend/src/lib/components/graph/GroupOverlay.svelte
index 88df2eb2ef..615cb5f57a 100644
--- a/frontend/src/lib/components/graph/GroupOverlay.svelte
+++ b/frontend/src/lib/components/graph/GroupOverlay.svelte
@@ -110,7 +110,9 @@
 	}
 
 	function getBgColorClass(color?: string): string {
-		return GROUP_BG_COLORS[(color as NoteColor) ?? NoteColor.BLUE] ?? GROUP_BG_COLORS[NoteColor.BLUE]
+		return (
+			GROUP_BG_COLORS[(color as NoteColor) ?? NoteColor.BLUE] ?? GROUP_BG_COLORS[NoteColor.BLUE]
+		)
 	}
 
 	function toggleCollapse(groupId: string) {
@@ -166,7 +168,7 @@
 				<!-- svelte-ignore a11y_no_static_element_interactions -->
 				<div
 					class="absolute"
-					style="pointer-events: auto; transform: translate({bounds.x + 16}px, {bounds.y - 24}px);"
+					style="pointer-events: auto; transform: translate({bounds.x + 16}px, {bounds.y}px);"
 					style:z-index="4"
 					onpointerenter={() => {
 						actionBarHovered = true
@@ -196,7 +198,8 @@
 								onAddNote={() => groupEditorContext?.groupEditor.addNote(group.id)}
 								onRemoveNote={() => groupEditorContext?.groupEditor.removeNote(group.id)}
 								onUpdateColor={(c) => groupEditorContext?.groupEditor.updateColor(group.id, c)}
-								onUpdateCollapsedDefault={(v) => groupEditorContext?.groupEditor.updateCollapsedDefault(group.id, v)}
+								onUpdateCollapsedDefault={(v) =>
+									groupEditorContext?.groupEditor.updateCollapsedDefault(group.id, v)}
 								onDeleteGroup={() => {
 									groupEditorContext?.groupEditor.deleteGroup(group.id)
 									visibleGroup = undefined