fix: an errored script header stays red when selected

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Diego Imbert
2026-09-30 19:40:24 +02:00
co-authored by Claude Opus 5.5
parent ea9bc2119e
commit b61da57c35
2 changed files with 11 additions and 3 deletions
@@ -280,7 +280,11 @@
return items
}
let upstream = $derived(data.upstream)
const HEADER_SELECTED = 'bg-surface-accent-selected hover:bg-surface-accent-selected text-accent'
let HEADER_SELECTED = $derived(
data.scriptError
? 'bg-red-200 dark:bg-red-600 hover:bg-red-200 dark:hover:bg-red-600'
: 'bg-surface-accent-selected hover:bg-surface-accent-selected text-accent'
)
const CHIP_SELECTED =
'bg-surface-accent-selected border-border-selected hover:bg-surface-accent-selected text-accent'
let producer = $derived(upstream && 'path' in upstream ? upstream : undefined)
@@ -140,8 +140,12 @@ 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',
headerTone === 'error' && 'border-red-300 dark:border-red-600',
headerSelected && 'border-border-selected dark:border-border-selected'
// Like an errored card: red, and a stronger red when selected.
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'
)}
style="height: {PIPELINE_NODE_HEADER}px;"
>