feat: display group name next to step count when collapsed

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

frontend/src/lib/components/graph/StepCountTab.svelte

@@ -6,13 +6,14 @@
 	interface Props {
 		stepCount?: number
 		label?: string
+		summary?: string
 		color?: string
 		collapsed?: boolean
 		short?: boolean
 		onExpand?: () => void
 	}
 
-	let { stepCount, label, color, collapsed = true, short = false, onExpand }: Props = $props()
+	let { stepCount, label, summary, color, collapsed = true, short = false, onExpand }: Props = $props()
 
 	let colorConfig: NoteColorConfig = $derived(
 		color
@@ -32,7 +33,7 @@
 	onpointerdown={onExpand ? stopPropagation(preventDefault(() => {})) : undefined}
 >
 	<div class="flex items-center gap-1 py-0.5 whitespace-nowrap">
-		{#if label}{label}{:else}{stepCount} step{stepCount !== 1 ? 's' : ''}{/if}
+		{#if label}{label}{:else}{stepCount} step{stepCount !== 1 ? 's' : ''}{/if}{#if summary && collapsed}<span class="opacity-60 mx-0.5">·</span><span class="truncate max-w-[120px]">{summary}</span>{/if}
 		{#if onExpand}
 			{#if collapsed}<Maximize2 size={10} class="-my-1" />{:else}<Minimize2
 					size={10}

frontend/src/lib/components/graph/renderers/nodes/CollapsedGroupNode.svelte

@@ -30,12 +30,13 @@
 <NodeWrapper offset={data.offset}>
 	{#snippet children({ darkMode })}
 		<!-- svelte-ignore a11y_no_static_element_interactions -->
-		<div
-			class="relative"
-			onmouseenter={() => (hover = true)}
-			onmouseleave={() => (hover = false)}
-		>
-			<StepCountTab stepCount={data.stepCount} color={data.color} onExpand={() => data.eventHandlers.expandGroup(data.groupId)} />
+		<div class="relative" onmouseenter={() => (hover = true)} onmouseleave={() => (hover = false)}>
+			<StepCountTab
+				stepCount={data.stepCount}
+				summary={data.summary}
+				color={data.color}
+				onExpand={() => data.eventHandlers.expandGroup(data.groupId)}
+			/>
 
 			<GroupNodeCard
 				summary={data.summary}