Skip to content

Fix (UI): Connector polish and more#9148

Open
ufuksarp wants to merge 3 commits intoinvoke-ai:mainfrom
ufuksarp:ui-connector-polish-and-more
Open

Fix (UI): Connector polish and more#9148
ufuksarp wants to merge 3 commits intoinvoke-ai:mainfrom
ufuksarp:ui-connector-polish-and-more

Conversation

@ufuksarp
Copy link
Copy Markdown
Contributor

Summary

What this PR adds

Makes connectors look and behave more like nodes (except their circle shape).

  • Connector inputs and outputs use the same size and targets as nodes.
  • Their colours and shapes match their connections.
  • Dimming of invalid connections while dragging an edge matches node behaviour.
  • Dragging from an input now applies the same dimming visual feedback correctly (fix for all nodes).

Under the hood

Shared nodeIOHandle styling for nodes and connectors. One resolver derives effective field types for chrome and edges: prefer upstream when it exists, otherwise infer through chains. Dragging from an input now uses the same validation as dragging from an output.

Feedback is very welcome. Let me know if you notice anything off or have ideas to make this more reliable, or look better.

Related Issues / Discussions

--

QA Instructions

  1. Add a connector then confirm its input and output feel like other nodes in size, shape, hitbox and colour.
  2. Chain several connectors starting from both an input of a node and an output. Style should stay consistent through the whole chain for both directions.
  3. Drag both from inputs and outputs and confirm the dim/highlight visual feedback works correctly for available connections.

Merge Plan

Standard merge

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable): connector topology unit tests updated/extended
  • ❗Changes to a redux slice have a corresponding migration
  • Documentation added / updated (if applicable)
  • Updated What's New copy (if doing a release after this PR)

@github-actions github-actions Bot added the frontend PRs that change frontend files label May 10, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend PRs that change frontend files

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant