Improve Pipeline Canvas Zoom Performance and Responsiveness

[kaushikharsh99]

Description

The pipeline canvas currently feels slow and unresponsive when zooming in and out.

Zoom interactions should be smooth, responsive, and feel natural regardless of the pipeline size. The current implementation introduces noticeable lag, making navigation around large workflows less enjoyable.

Investigate the current canvas zoom implementation, identify the performance bottleneck, and optimize the zoom behavior while maintaining accurate node positioning and rendering.

Current Behavior

• Zooming feels slow and sluggish.
• Canvas navigation is not as responsive as expected.
• Large workflows amplify the issue.

Expected Behavior

• Smooth and responsive zooming.
• Consistent zoom speed across different pipeline sizes.
• No noticeable lag or stuttering during zoom operations.
• Node positions and connections remain accurate while zooming.

Acceptance Criteria

• Identify the source of the zoom performance issue.
• Optimize zoom responsiveness.
• Maintain smooth pan and zoom interactions.
• Verify node rendering remains correct during zoom.
• Test with both small and large pipelines.
• Ensure no regressions in canvas functionality.

Notes

The canvas is the primary workspace of FlowWeaver. Navigation should feel fluid and responsive, providing an experience comparable to professional visual editors such as Figma, React Flow, ComfyUI, or n8n.