Skip to content

Feat(UI): Reintroduce paged gallery view as option#8772

Merged
lstein merged 9 commits intoinvoke-ai:mainfrom
DustyShoe:Feat(UI)/gallery/paged_view_toggle
Feb 1, 2026
Merged

Feat(UI): Reintroduce paged gallery view as option#8772
lstein merged 9 commits intoinvoke-ai:mainfrom
DustyShoe:Feat(UI)/gallery/paged_view_toggle

Conversation

@DustyShoe
Copy link
Copy Markdown
Collaborator

@DustyShoe DustyShoe commented Jan 17, 2026 •
edited
Loading

Summary

This PR reinroduces gallery pagination layout, that was removed in v6.x
image

User can choose either infinite scroll or paged layout in the "Gallery Setting" popover.
image

Related Issues / Discussions

Few occasions where users on Discord were asking if it is possible to switch back to paged gallery view.

QA Instructions

  • Have or generate board of images that require more than one page of space (ideally 50+).
  • Verify that "Use Paged Gallery View" checkbox activates paged gallery layout.
  • Switching checkbox off returns back to infinite scrolling.
  • Arrows switch to adjacent to current page.
  • "Jump" button allows numeric input and actually jumps to required page either by clicking "Go" or hitting Enter. Esc closes "Jump" popover.
  • Resizing image thumbnails and gallery window change amount of pages accordingly.

Merge Plan

uiSlice.ts + uiTypes.ts bump state version; if main has new UI state migrations, merging the versioning logic might be needed.
Other than that, PR should not introduce any problem when merging.

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable)
  • ❗Changes to a redux slice have a corresponding migration
  • Documentation added / updated (if applicable)
  • Updated What's New copy (if doing a release after this PR)

@github-actions github-actions bot added the frontend PRs that change frontend files label Jan 17, 2026
@lstein lstein self-assigned this Jan 20, 2026
@dunkeroni
Copy link
Copy Markdown
Collaborator

dunkeroni commented Jan 26, 2026

Can we find a way to make "Locate in Gallery" work with this? I think that was one of the reasons for switching over to the infinite scroll in the first place.

@DustyShoe
Copy link
Copy Markdown
Collaborator Author

DustyShoe commented Jan 27, 2026 •
edited
Loading

Can we find a way to make "Locate in Gallery" work with this? I think that was one of the reasons for switching over to the infinite scroll in the first place.

It is working in both modes. Old style was using server side pagination, new one is on client side.
Th UI is aware of all images in gallery but renders only visible on page + small buffer. So technically under the hood no change to gallery structure.
Also TBH i barely used this feature and never thought to see if it is working in this PR.

lstein
lstein requested changes Jan 28, 2026
View reviewed changes
Copy link
Copy Markdown
Collaborator

@lstein lstein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works well. I only have a little nit. I was on page 1 and opened the "Jump" dialog. I wanted to jump to page 6, but the dialog wouldn't let me backspace over the "1" and I kept typing 16 inadvertently. I was only able to jump to page 6 by selecting the 1 and deleting it.

@github-actions github-actions bot added the CI-CD Continuous integration / Continuous delivery label Jan 28, 2026
@DustyShoe DustyShoe force-pushed the Feat(UI)/gallery/paged_view_toggle branch 2 times, most recently from f44aa95 to 110d1c8 Compare January 28, 2026 03:37
@DustyShoe
Copy link
Copy Markdown
Collaborator Author

DustyShoe commented Jan 28, 2026

Works well. I only have a little nit. I was on page 1 and opened the "Jump" dialog. I wanted to jump to page 6, but the dialog wouldn't let me backspace over the "1" and I kept typing 16 inadvertently. I was only able to jump to page 6 by selecting the 1 and deleting it.

Changed to auto-select input text so it is ready for user input.

@lstein lstein added the v6.12.0 Intended for 6.12.0 release label Jan 29, 2026
lstein
lstein approved these changes Feb 1, 2026
View reviewed changes
Copy link
Copy Markdown
Collaborator

@lstein lstein left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works well!

@lstein lstein enabled auto-merge (squash) February 1, 2026 21:35
@lstein lstein merged commit 9566f9a into invoke-ai:main Feb 1, 2026
13 checks passed
dunkeroni pushed a commit to dunkeroni/InvokeAI that referenced this pull request Feb 2, 2026
@DustyShoe @dunkeroni
Feat(UI): Reintroduce paged gallery view as option (invoke-ai#8772)
11da387 
* Switched to use v5.x gallery pagination design.

* Improved pagination UX and gallery grid calculation

* Minor bug fix

* Formatting...

* Fixed Jump to page input behavior and "Locate in gallery" logic.

* Changed Jump input field to select text on click for better UX.
danielteeny added a commit to danielteeny/InvokeAI that referenced this pull request Feb 4, 2026
@danielteeny @claude
Merge upstream/main and remove downstream pagination
4f5333e 
Merged upstream features:
- Gradient tools (invoke-ai#8774)
- Paged gallery view (invoke-ai#8772)
- Encoder CPU toggle (invoke-ai#8777)
- Various bug fixes

Removed downstream pagination implementation in favor of upstream:
- Deleted PaginatedGrid.tsx
- Deleted GalleryModeCombobox.tsx
- Deleted PageSizeCombobox.tsx
- Removed galleryMode, paginationPageSize, currentPage from gallery state
- Updated GallerySettingsPopover to use upstream's UsePagedGalleryViewCheckbox

Kept downstream features:
- LoRA category system
- Folder hierarchy (recursiveFolderView)
- Layout mode

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@lstein lstein lstein approved these changes

@blessedcoolant blessedcoolant Awaiting requested review from blessedcoolant blessedcoolant is a code owner

@dunkeroni dunkeroni Awaiting requested review from dunkeroni dunkeroni is a code owner

@Pfannkuchensack Pfannkuchensack Awaiting requested review from Pfannkuchensack Pfannkuchensack is a code owner

Assignees

@lstein lstein

Labels

CI-CD Continuous integration / Continuous delivery frontend PRs that change frontend files v6.12.0 Intended for 6.12.0 release

Projects

Invoke - Community Roadmap
Status: 6.12.x

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@DustyShoe @dunkeroni @lstein