diff --git a/frontend/src/lib/components/assets/AssetGraph/AssetNode.svelte b/frontend/src/lib/components/assets/AssetGraph/AssetNode.svelte index d023691f67..30ea2e52c2 100644 --- a/frontend/src/lib/components/assets/AssetGraph/AssetNode.svelte +++ b/frontend/src/lib/components/assets/AssetGraph/AssetNode.svelte @@ -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) diff --git a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte index b6041db145..6aaad095ff 100644 --- a/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte +++ b/frontend/src/lib/components/assets/AssetGraph/PipelineNodeCard.svelte @@ -140,8 +140,12 @@ and the controls hung around the card.