Skip to content

Collapsible Projects section in the sidebarΒ #130

Description

@VitorRibeiroCustodio

πŸ—£οΈ Foreword

Thanks for taking the time to read this feature request.

:person_frowning: Problem Statement

In the sidebar, the Projects section (src/components/Sidebar.tsx) is capped to a max-height (40vh, or min(24vh, 180px) when dense) and becomes its own scroll area when there are many projects. The section is always expanded and always takes up that vertical space, even when you are not actively switching projects.

For users who keep many projects but spend most of their time on tasks, this section permanently consumes sidebar space that would be better given to the tasks list.

❔ Possible Solution

Add a collapse/expand toggle to the Projects section header:

  • Clicking the section header (or a chevron next to the "Projects" label) collapses the project list, hiding it entirely and reclaiming the space for the tasks section.
  • A collapsed/expanded indicator (chevron) on the header.
  • Persist the collapsed state so it survives app restarts.

The app already has collapse patterns to reuse β€” e.g. ScrollingDiffView.tsx uses a collapsed signal + toggle, and task collapse is handled via collapsedTaskOrder in src/store/store.ts.

‴️ Describe alternatives you've considered

  • Just relying on the existing scroll area β€” works, but the section still occupies fixed vertical space when collapsed-by-intent isn't possible.
  • Making the section resizable by drag β€” heavier UX change than a simple collapse toggle.

βž• Additional context

Small, UX-focused change scoped to the sidebar. No backend/IPC change required (collapsed state can persist via existing settings persistence).

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions