Route diagram: error node highlighting #55

Closed
opened 2026-03-14 21:37:15 +01:00 by claude · 0 comments
Owner

Context

The diagram node rendering supports error styling (red glow, red border) via nodeStyles.ts, but the RouteDiagramSvg currently passes isError={false} for all nodes. Error status from the execution's processor tree is not propagated to the diagram overlay.

What's needed

  • In RouteDiagramSvg, determine error status per node from useExecutionOverlay data
  • Collect failed processor diagramNodeIds into an errorNodes: Set<string> in the overlay hook
  • Pass isError={errorNodes.has(nodeId)} to each DiagramNode
  • Error nodes should get red glow filter, red duration badge, and red arrowheads on connected edges

Acceptance criteria

  • Failed processors show red glow and red badges in the diagram
  • Edges leading to/from error nodes use the error arrowhead marker
## Context The diagram node rendering supports error styling (red glow, red border) via `nodeStyles.ts`, but the `RouteDiagramSvg` currently passes `isError={false}` for all nodes. Error status from the execution's processor tree is not propagated to the diagram overlay. ## What's needed - In `RouteDiagramSvg`, determine error status per node from `useExecutionOverlay` data - Collect failed processor `diagramNodeId`s into an `errorNodes: Set<string>` in the overlay hook - Pass `isError={errorNodes.has(nodeId)}` to each `DiagramNode` - Error nodes should get red glow filter, red duration badge, and red arrowheads on connected edges ## Acceptance criteria - Failed processors show red glow and red badges in the diagram - Edges leading to/from error nodes use the error arrowhead marker
claude added the featureroute-diagramui labels 2026-03-14 21:40:27 +01:00
Sign in to join this conversation.