AI Tagging: Prevent Face Collection Overflow from Pushing Images Below the Fold

[rohan-pandeyy]

Summary

When a user indexes a large photo library, PictoPy can detect a significant number of unique face clusters. While the detection itself is working correctly, the current layout displays every face collection in a single expanding section.

As the number of detected face clusters increases, the Face Collection component continues to grow vertically, pushing the tagged image grid further down the page. In large libraries, this can become a usability issue where users may initially believe that only face collections are being displayed and that no tagged images are available.

Current Behavior

• Every detected face cluster is rendered in the Face Collection section.
• The component expands indefinitely as more clusters are detected.
• The tagged image grid is pushed far below the visible area.
• Users with large libraries need to scroll significantly before reaching the images.

Expected Behavior

The Face Collection component should occupy a fixed amount of vertical space regardless of how many face clusters exist.

One possible implementation is:

• Display only 2–3 rows of face clusters at a time.
• Paginate the remaining clusters within the component.
• Provide Previous / Next arrow controls (or similar navigation) to switch between pages of face clusters.
• Keep the tagged image grid visible without requiring excessive scrolling.

Benefits

• Prevents the Face Collection section from dominating the page.
• Keeps tagged images immediately visible.
• Improves the experience for users with large photo libraries.
• Maintains access to all detected face clusters without overwhelming the layout.

Notes

The exact UI implementation is flexible. Pagination, horizontal sliding, or another compact navigation pattern would all achieve the same goal, provided the Face Collection component maintains a reasonable and consistent height.

[akshajtiwari]

@rohan-pandeyy interested in taking up this one

[MohitPal2005]

hi @rohan-pandeyy, i'd like to work on this if it's up for grabs. i have pictopy fully set up locally already, so i can start right away.
my initial thought: cap the face collection section to 2-3 rows by default and add previous/next controls to page through the rest, keeping the container height fixed so the tagged image grid stays visible without extra scrolling. open to horizontal sliding instead if that fits the existing design better.
happy to go with whichever of your open issues works best for you, just let me know.

[Takitxt]

@MohitPal2005 are you working on this issue or i ask rohan to assign it to me??