[Feature] Vertical Sidebar | Dynamic Project Sub-Menu in Sidebar

[ariefgp]

Related Document

• Document 1
• Document 2

Related issues

• [Feature] Vertical Sidebar | Implement Responsive Vertical Sidebar with Expand/Collapse Functionality #3102
• [Feature] Vertical Sidebar | Role-Based Navigation in Sidebar #3104
• [Feature] Vertical Sidebar | Favorites Menu in Sidebar #3106
• [Feature] Task Detail | Add Task to Favorites from Task Detail Page #3107
• [Feature] Task List | View All Tasks in a Team #3108

---

As a user, I want to see a dynamic list of my projects as a sub-menu in the sidebar, so I can quickly access project-specific tasks.

Detailed Flow

1. User expands the "Projects" item in the sidebar
2. System loads the user's project list
3. Sidebar displays a list of the user's active projects as sub-items
4. Each project item is clickable
5. User clicks on a project
6. System navigates to the project's task list
7. Project list updates dynamically as projects are added, removed, or updated

Wireframe

Acceptance Criteria

• The "Projects" item in the sidebar expands to show a list of user's active projects
• Project list loads asynchronously without blocking the UI
• Each project item is clickable and leads to the project's task list
• Project list updates dynamically when projects are added, removed, or updated
• There's a clear loading indicator while project list is being fetched
• An empty state is shown with appropriate message if user has no projects
• Projects are sorted in a alphabetical order
• Long project names are truncated with ellipsis to maintain sidebar width