Fix file tree scrolling in Changes panel (Vibe Kanban)

[LSRCT]

Summary

• Fixed the file tree in the Changes panel not being scrollable when content exceeds the available height

Problem

The file tree in the Changes panel was not scrollable even when there were many changed files. Users couldn't see all changed files when the list was long, as content was cut off at the bottom of the panel.

Root Cause

The CollapsibleSectionHeader component was missing proper CSS height constraints. In flexbox, items have an implicit min-height: auto which prevents them from shrinking below their content's intrinsic size. Without min-h-0 and h-full, the container grew unbounded to fit all content instead of constraining to its parent's height, preventing the inner overflow-auto div from ever actually overflowing.

Solution

Added min-h-0 h-full to the outer container div in CollapsibleSectionHeader.tsx. This ensures the height constraint flows properly from parent to child, enabling the inner scrollable area to work correctly.

Changes

• frontend/src/components/ui-new/primitives/CollapsibleSectionHeader.tsx: Added min-h-0 h-full classes to the root container

Testing

• tested

---

This PR was written using Vibe Kanban

[vibe-kanban-cloud]

Review Complete

Your review story is ready!

View Story

Comment !reviewfast on this PR to re-generate the story.