Added a new Block Diagram

[AbdurRafay-Qureshi]

Added a new Block Diagram:

To view to make the repo architecture easier to understand. It creates a Mermaid-based diagram from the existing CodeFlow analysis results. The diagram groups files into higher-level sections instead of showing every file one by one, such as:

Application Entry
Frontend Routes / Views
Frontend Components
Backend / API Layer
Services / Business Logic
Shared / Utilities
Configuration
Content / Data
Uses:

Mermaid.js for rendering the diagram.
Reuses the existing CodeFlow analysis pipeline and file metadata instead of adding a separate analyzer from scratch.
Adds web-app and Next.js route detection for pages, layouts, routes, and framework-specific files.
Works best with web app projects, especially Next.js, React/Vite, and full-stack JavaScript/TypeScript repos.
Should work well with common project folders like:

src/app
pages
components
api
routes
services
middleware
config
Current limitations:

The classification works best for JavaScript/TypeScript web app structures.
Other languages and frameworks may still render, but the grouping may be less accurate.
Dynamic routes, custom aliases, generated files, or unusual folder structures may not always be detected perfectly.

[vercel]

@AbdurRafay-Qureshi is attempting to deploy a commit to the braedonsaunders' projects Team on Vercel.

A member of the Team first needs to authorize it.