Vue Flow Nested Nodes & Parent-Child Debugging

🎯 Capabilities

• Coordinate Debugging: Understanding position vs computedPosition.
• Relationship Fixes: Diagnosing parent-child linkage issues.
• Event Handling: Correct implementation of drag/drop for nested nodes.
• Containment Logic: Advanced geometry checks for "node inside group".

⚡ Action: Debug Protocol

1. Analyze: Determine if the issue is visual (rendering), logical (state), or persistent (store).
2. Verify: Use the checklists below to validate parent-child integrity.
3. Implement: Apply the robust patterns provided for parent assignment.

expert-knowledge.md

1. Vue Flow Coordinate System {#coordinate-system}