⚙️ Implementation: How should modules provide interactive configuration for hie...

📋 Decision Context

Question:

How should modules provide interactive configuration for hierarchy and route management?

Task: Add interactive configuration tabs for module hierarchy and route management

🎯 Decision Made

Chosen:

Tabbed interface within module renderer with Content/Config/Hierarchy/Routes tabs + dedicated Route Flow Connector component

Options Considered:

1. External settings modal for each module
2. Inline property panel always visible
3. Tabbed interface within module renderer with Content/Config/Hierarchy/Routes tabs
4. Separate route builder tool disconnected from modules

💭 Reasoning

User requested that all modules should include configuration for hierarchy and route management, and everything must be very interactive, easy to use, and intuitive. A tabbed interface within the UniversalModuleRenderer provides immediate context - users see the module while editing. The Config tab handles basic settings, the Hierarchy tab manages parent/children relationships with drag-drop reordering, and the Routes tab visualizes connections. For complex route editing, a dedicated RouteFlowConnector component provides a visual canvas with drag-to-connect functionality. This approach is intuitive because: 1) Tabs are a familiar UX pattern, 2) Configuration is contextual (editing while seeing), 3) Visual route builder is more intuitive than code/forms, 4) CDK DragDrop provides native-feeling reordering.

📁 Files Involved

• libs/libs-space/universe-canvas/src/lib/components/universal-module-renderer/universal-module-renderer.component.ts
• libs/libs-space/universe-canvas/src/lib/components/universal-module-renderer/universal-module-renderer.component.scss
• libs/libs-space/universe-canvas/src/lib/components/route-flow-connector/route-flow-connector.component.ts
• libs/libs-space/universe-canvas/src/lib/components/route-flow-connector/route-flow-connector.component.scss

🔗 Related

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

Auto-generated by MCP Smart Consolidation