# Project Page Architecture

> **Note:** The UI was heavily refactored. The primary surfaces for a project are now:

1. **The Plan Tab (`/plan`):** Contains the project's vision/objective document, tasks, decisions, and raw ideas. The AI acts as a scribe here.
2. **The Product Tab (`/product`):** Lists the live codebases (Gitea) and running images (Docker containers).
3. **The Infrastructure Tab (`/infrastructure`):** Lists the underlying resources (PostgreSQL databases, Redis, etc.) managed by Coolify.
4. **The Hosting Tab (`/hosting`):** Lists live runtime environments, logs, and preview URLs.
5. **The Chat Panel:** Available on all project surfaces as a slide-out, used to orchestrate work.

*(Refer to `vibn-frontend/app/[workspace]/project/[projectId]` for the UI implementation).*