🏗️ Architecture: Session 164: How to design the interactive brain exploration...

Date: 2026-03-02
Time: 14:54:08 UTC
Session: gspace1-165.3
Agent: angular
Confidence: 93%
Status: ✅ Documented

📋 Decision Context

Question:

Session 164: How to design the interactive brain exploration component?

Task: Not specified

🎯 Decision Made

Chosen:

Tile-based expandable regions with soul orb sidebar

Options Considered:

1. Static SVG with basic hover (current v1)
2. Tile-based expandable regions with soul orb sidebar
3. Full Canvas/WebGL 3D brain

💭 Reasoning

The v1 SVG brain with anatomical paths was visually interesting but had zero real interactivity -- no expandable content, no navigation links, no live stats per region, no soul interaction. WebGL/Canvas is too complex for this phase and would delay delivery. The tile-based approach gives: (1) Each brain lobe as an expandable card with real stats (memory count, skill count, channel count), (2) Click-to-expand shows sub-navigation links with hover arrows, (3) Soul as a sticky sidebar with a glowing orb, conic-gradient trust ring, and persona name, (4) Immediate navigation from any sub-link, (5) Foundation for drag-and-drop in next iteration (tiles are already distinct zones). This is the right balance of visual appeal, real functionality, and incremental buildability.

📁 Files Involved

• libs/libs-ai/vitto-hub/src/lib/components/brain-interactive/vitto-brain-interactive.component.ts
• libs/libs-ai/vitto-hub/src/lib/components/brain-interactive/vitto-brain-interactive.component.html
• libs/libs-ai/vitto-hub/src/lib/components/brain-interactive/vitto-brain-interactive.component.scss

🔗 Related

• Decision ID: dev_1772463248039_0r2p79o
• Session: 165
• Workspace: gspace1

Auto-generated by MCP Smart Consolidation