Implementation: How to fix broken drag-drop between HTML5 palette and Angula...

Documentation for Sessions

⚙️ Implementation: How to fix broken drag-drop between HTML5 palette and Angula...

📋 Decision Context

Question:

How to fix broken drag-drop between HTML5 palette and Angular canvas?

Task: Session 38: Fix drag-drop integration

🎯 Decision Made

Chosen:

UnifiedDragDropService bridge pattern with signals

Options Considered:

UnifiedDragDropService bridge
Convert all to Angular CDK
Keep HTML5 only with custom drop zones

💭 Reasoning

Created service that stores drag data in signals, bridging HTML5 native dragstart events to Angular components. The service exposes: startDrag/startPaletteDrag for sources, getDragData/getDragDataFromEvent for targets, completeDrop for finalization. Uses signal-based reactive state for real-time UI updates.

📁 Files Involved

libs/libs-space/unified-builder/src/lib/services/unified-drag-drop.service.ts
libs/libs-space/unified-builder/src/lib/components/embedded-panels/embedded-node-palette/embedded-node-palette.component.ts
libs/libs-space/unified-builder/src/lib/components/unified-builder/unified-builder.component.ts

🔗 Related

Decision ID: dev_1768073404499_ps86l2t
Session: 35
Workspace: editor2

Auto-generated by MCP Smart Consolidation