From 84d27715bcb108ae09e80632ebe5b14578fa405c Mon Sep 17 00:00:00 2001
From: Diego Imbert <diego@windmill.dev>
Date: Thu, 1 Oct 2026 16:33:00 +0200
Subject: [PATCH] fix: a selected pipeline node draws its header tab selected
 too

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
---
 .../lib/components/assets/AssetGraph/PipelineNodeCard.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte
index 6aaad095ff..f4aaf8e4e1 100644
--- a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte
+++ b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte
@@ -140,12 +140,13 @@ and the controls hung around the card.
 		<div
 			class={twMerge(
 				'mx-2 flex items-stretch min-w-0 rounded-t-md overflow-hidden bg-surface border border-b-0 border-gray-200 dark:border-gray-700',
-				// Like an errored card: red, and a stronger red when selected.
+				// Like an errored card: red, and a stronger red when selected. The tab is
+				// part of the node's outline, so a selected card draws it selected too.
 				headerTone === 'error'
 					? headerSelected
 						? 'border-red-500 dark:border-red-500'
 						: 'border-red-300 dark:border-red-600'
-					: headerSelected && 'border-border-selected dark:border-border-selected'
+					: (headerSelected || selected) && 'border-border-selected dark:border-border-selected'
 			)}
 			style="height: {PIPELINE_NODE_HEADER}px;"
 		>