feat: Highlight failed nodes in WorkflowDebugPanel
- 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:
parent
7388776b29
commit
0a27533262
|
|
@ -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 */}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user