🏗️ Architecture: How to implement visual connection drawing in Universe Archi...

📋 Decision Context

Question:

How to implement visual connection drawing in Universe Architect?

Task: Session 29.1: Visual Port System & Connection Drawing

🎯 Decision Made

Chosen:

Port-based drag connection (like node editors)

Options Considered:

1. Port-based drag connection (like node editors)
2. Click-to-select two nodes then connect
3. Context menu connection wizard
4. Auto-connect based on hierarchy

💭 Reasoning

Port-based connections provide the best UX for visual builders. Users expect to drag from an output port to an input port, similar to professional tools like Figma, Blender nodes, or Unreal Blueprints. This matches the existing CosmicNode.inputs/outputs data model and enables type-aware connection validation.

📁 Files Involved

• libs/libs-space/universe-architect/src/lib/components/architect-canvas/architect-canvas.component.ts
• libs/libs-space/universe-architect/src/lib/types/cosmic-node.types.ts

🔗 Related

• Decision ID: dev_1767843630835_0vu12lu
• Session: 29
• Workspace: editor2

Auto-generated by MCP Smart Consolidation