feat: Highlight failed nodes in WorkflowDebugPanel
Some checks failed
Build Test / lint-backend (push) Waiting to run
Build Test / build-frontend (push) Waiting to run
Deploy Development / deploy (push) Successful in 54s
Build Test / pytest-backend (push) Has been cancelled

- Failed nodes now have:
  - Red border (2px instead of 1px)
  - Light red background (#D85A3010)
  - Red shadow/glow effect

Makes it immediately obvious which nodes had errors.
This commit is contained in:
Lars 2026-04-13 12:58:25 +02:00
parent 7388776b29
commit 0a27533262

View File

@ -111,14 +111,18 @@ export default function WorkflowDebugPanel({ nodeStates }) {
const label = getNodeLabel(node)
const statusColor = getStatusColor(node.status)
const hasFailed = node.status === 'failed'
const hasError = node.error != null
return (
<div
key={node.node_id}
style={{
border: '1px solid var(--border)',
border: hasFailed ? '2px solid #D85A30' : '1px solid var(--border)',
borderRadius: '8px',
background: 'var(--bg)',
overflow: 'hidden'
background: hasFailed ? '#D85A3010' : 'var(--bg)',
overflow: 'hidden',
boxShadow: hasFailed ? '0 0 0 2px #D85A3020' : 'none'
}}
>
{/* Node Header */}