feat(editor): Highlight nodes in canvas on card hover in setup panel

[RicardoE105]

Summary

• Highlights corresponding canvas nodes when hovering over setup panel cards
• When hovering the "shared nodes" hint on a credential, highlights all nodes sharing that credential
• Uses a spotlight effect (dims non-highlighted nodes/edges) for clear visual feedback

https://linear.app/n8n/issue/ADO-4816

[codecov]

Codecov Report

❌ Patch coverage is 91.30435% with 4 lines in your changes missing coverage. Please review.

Files with missing lines	Patch %	Lines
...tor-ui/src/features/setupPanel/setupPanel.store.ts	69.23%	4 Missing ⚠️

📢 Thoughts on this report? Let us know!

[codecov]

Bundle Report

Changes will increase total bundle size by 2.36kB (0.01%) ⬆️. This is within the configured threshold ✅

Detailed changes

Bundle name	Size	Change
editor-ui-esm	42.21MB	2.36kB (0.01%) ⬆️

Affected Assets, Files, and Routes:

view changes for bundle: editor-ui-esm

Assets Changed:

Asset Name	Size Change	Total Size	Change (%)
assets/index-*.js	41 bytes	1.12MB	0.0%
assets/useCanvasMapping-*.js	345 bytes	439.92kB	0.08%
assets/NodeView-*.js	1.18kB	124.86kB	0.95%
assets/useCanvasMapping-*.css	295 bytes	112.84kB	0.26%
assets/DemoDiffView-*.js	41 bytes	18.71kB	0.22%
assets/setupPanel.store-*.js	455 bytes	997 bytes	83.95% ⚠️

Files in assets/useCanvasMapping-*.js:

• ./src/features/workflows/canvas/components/elements/nodes/CanvasNode.vue → Total Size: 353 bytes

• ./src/features/workflows/canvas/components/Canvas.vue → Total Size: 352 bytes

Files in assets/NodeView-*.js:

• ./src/features/setupPanel/components/NodeSetupCard.vue → Total Size: 344 bytes

• ./src/features/setupPanel/components/SetupCredentialLabel.vue → Total Size: 372 bytes

Files in assets/setupPanel.store-*.js:

• ./src/features/setupPanel/setupPanel.store.ts → Total Size: 746 bytes

[MiloradFilipovic]

Nice work 🙌

[n8n-assistant]

Got released with n8n@2.10.0