🏗️ Architecture: How should modules be organized visually in the canvas when ...

📋 Decision Context

Question:

How should modules be organized visually in the canvas when generated by AI?

Task: Session 24.1: Fix AI Generator to Canvas Builder synchronization and intelligent layout

🎯 Decision Made

Chosen:

Intelligent layout with auto-detection of module roles (Navigation→sidebar, Features→content)

Options Considered:

1. Flat vertical stack (all modules as siblings)
2. Intelligent layout (Navigation in sidebar, features in content area)
3. Manual placement required by user

💭 Reasoning

A flat stack doesn't represent a real application layout. By analyzing module types and names, we can auto-assign positions: Navigation modules go to sidebar, feature modules go to content area. This creates a meaningful visual representation immediately after AI generation.

📁 Files Involved

• libs/libs-space/universe-canvas/src/lib/services/canvas-module-converter.service.ts
• libs/libs-structural/vibe-universe/src/lib/components/vibe-universe-generator/vibe-universe-generator.component.ts

🔗 Related

• Decision ID: dev_1767660868108_swxw2o4
• Session: 22
• Workspace: editor2

Auto-generated by MCP Smart Consolidation