Dim unconnected nodes when edges are selected

[Mbeaulne]

Description

Implemented visual dimming for nodes and handles that are not connected to selected edges in the flow canvas. When an edge is selected, nodes and handles that are not part of that connection will be dimmed to 40% opacity, creating a visual focus on the selected connection path.

Type of Change

• Improvement
• New feature

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

N/A

Test Instructions

1. Open a flow with multiple connected nodes
2. Click on an edge to select it
3. Verify that nodes and handles not connected to the selected edge are dimmed
4. Verify that connected nodes and handles maintain full opacity
5. Deselect the edge and confirm all nodes return to full opacity

Additional Comments

This change enhances the visual feedback when exploring connections in complex flows, making it easier to trace data paths through the pipeline.

[Mbeaulne]

• Dim unconnected nodes when edges are selected #1661 👈 (View in Graphite)
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.

[camielvs]

beautiful

[Mbeaulne]

Merge activity

• Jan 20, 2:56 PM UTC: A user started a stack merge that includes this pull request via Graphite.
• Jan 20, 2:57 PM UTC: Graphite rebased this pull request as part of a merge.
• Jan 20, 2:59 PM UTC: @Mbeaulne merged this pull request with Graphite.