Skip to content

Conversation

@Mbeaulne
Copy link
Collaborator

@Mbeaulne Mbeaulne commented Jan 9, 2026

Description

Enhanced edge selection and highlighting in the flow canvas to improve visual feedback when working with connections. This PR adds:

  1. Visual highlighting of nodes connected to selected edges
  2. Automatic zooming to fit selected edge connections
  3. Handle-based edge selection (clicking an input/output handle selects all connected edges)
  4. Improved edge styling with muted appearance for non-selected edges when any edge is selected
  5. Updated edge colors for better visibility and contrast
  6. Edge rendering order optimization to ensure selected edges appear on top

Type of Change

  • New feature
  • Improvement

Checklist

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

Test Instructions

  1. Create a flow with multiple connected nodes
  2. Click on an edge to select it and observe:
    • Connected nodes highlight with a purple border and ring
    • View automatically zooms to show the connection
    • Other edges appear muted
  3. Click on an input or output handle to select all edges connected to that handle
  4. Verify that selected edges appear on top of other edges

Copy link
Collaborator Author

Mbeaulne commented Jan 9, 2026

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

@Mbeaulne Mbeaulne changed the title edge selection and highlight Add edge selection highlighting and zoom to connected nodes Jan 9, 2026
@Mbeaulne Mbeaulne force-pushed the 01-09-edge_selection_and_highlight branch from 8f51ce7 to db658e9 Compare January 9, 2026 21:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants