Feature: AI-Generated Architecture Visualization for Uploaded Projects

[lele-maxwell]

Description

We want to introduce an AI-powered feature that analyzes uploaded projects and presents a clear, visual representation of the system's architecture. This includes generating diagrams (via Mermaid), summaries, and structured breakdowns to help users understand the system deeply.

The goal is to empower junior developers and learners to grasp how the entire system fits together — not just individual files — using a high-level overview combined with deep dives. This will dramatically improve the learning value of ZipMind.

Goals

• Let users trigger the architecture analysis via a single click.
• Use Mermaid to render structured architecture diagrams.
• Provide structured, multi-layered AI explanations (e.g., system > module > component > file).
• Display this in a clean, educational UI with emphasis on clarity and progressive learning.
• Allow re-generation of architecture after file changes or uploads.

Sub-Issues

• UI: Add “Generate Architecture” Button to Dashboard #22 UI: Add “Generate Architecture” Button to Dashboard
• Backend: Trigger AI Analysis and Architecture Generation #23 Backend: Trigger AI Analysis and Architecture Generation
• Frontend: Render Diagrams and Layered AI Explanations #24 Frontend: Render Diagrams and Layered AI Explanations
• Architecture Regeneration Support on Updates #25 Architecture Regeneration Support on Updates