🏗️ Architecture: How to enhance the Vitto Interactive Brain & Soul plan for p...

Date: 2026-03-02
Time: 15:45:52 UTC
Session: gspace1-165.5
Agent: angular
Confidence: 90%
Status: ✅ Documented

📋 Decision Context

Question:

How to enhance the Vitto Interactive Brain & Soul plan for production readiness?

Task: Enhance Vitto Interactive Brain & Soul plan for session 165.5

🎯 Decision Made

Chosen:

Decomposed monolithic component into 4 sub-components (BrainSvg, RegionDetailPanel, SoulPanel, orchestrator) + BrainStateService. Designed HTML overlay pattern for CDK drag-drop over SVG. Scoped drag-drop v1 to memory forget/reclassify only (API-backed). Added concrete SVG path architecture, accessibility strategy, mobile strategy, and honest scope cuts.

Options Considered:

1. Enhance plan with component decomposition + concrete SVG architecture
2. Keep monolithic plan and iterate during implementation
3. Switch to D3 force-directed graph instead of hand-crafted SVG
4. Use Canvas/WebGL for better animation performance

💭 Reasoning

Original plan had 3 critical issues: (1) SVG path design was hand-waved, (2) CDK+SVG mismatch needed explicit HTML overlay architecture, (3) monolithic component would be 800+ lines of template. Enhanced plan provides concrete solutions: BrainSvgComponent for pure SVG (testable), HTML overlay for CDK drop zones with getBBox+getScreenCTM position sync, lazy data loading per region, and scoped drag-drop to only API-backed operations (deleteMemory, updateMemoryTag). Removed speculative features that had no backend support (memory→soul influence, skill memories).

📁 Files Involved

• docs/english/Plans/vitto-interactive-brain-and-soul.plan.md
• libs/libs-ai/vitto-hub/src/lib/components/brain-interactive/vitto-brain-interactive.component.ts

🔗 Related

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

Auto-generated by MCP Smart Consolidation