Skip to content

enhance image carousel functionality and UI improvements#301376

Merged
rebornix merged 2 commits intomainfrom
rebornix/cheerful-wolverine
Mar 13, 2026
Merged

enhance image carousel functionality and UI improvements#301376
rebornix merged 2 commits intomainfrom
rebornix/cheerful-wolverine

Conversation

@rebornix
Copy link
Member

No description provided.

Copilot AI review requested due to automatic review settings March 13, 2026 02:45
@rebornix rebornix self-assigned this Mar 13, 2026
Copy link
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

Improves the image carousel experience by flattening the thumbnail UI into a horizontal strip, enhancing navigation behavior, and expanding chat image attachments to open a multi-section carousel spanning multiple chat responses. Also updates modal editor title handling to react to editor label changes.

Changes:

  • Adjust image carousel CSS/UI to use a flat horizontal thumbnail strip with section separators and improved sizing/overflow.
  • Update the image carousel editor to build thumbnails without section sub-containers, auto-scroll the active thumbnail into view, and update the editor title based on the active section.
  • Enhance chat image attachment opening to aggregate images across responses into multiple carousel sections, and update modal editor header labels when the active editor label changes.

Reviewed changes

Copilot reviewed 5 out of 5 changed files in this pull request and generated 4 comments.

Show a summary per file
File Description
src/vs/workbench/contrib/imageCarousel/browser/media/imageCarousel.css Updates layout/overflow for the carousel and changes thumbnails into a horizontal strip with hidden scrollbars and separators.
src/vs/workbench/contrib/imageCarousel/browser/imageCarouselEditorInput.ts Adds mutable editor input name + label-change event firing to support dynamic editor titles.
src/vs/workbench/contrib/imageCarousel/browser/imageCarouselEditor.ts Flattens thumbnail DOM construction, adds active-thumbnail strip scrolling, and updates editor title per section.
src/vs/workbench/contrib/chat/browser/attachments/chatAttachmentWidgets.ts Aggregates images across multiple chat responses into carousel sections when opening from an image attachment.
src/vs/workbench/browser/parts/editor/modalEditorPart.ts Updates modal header label when the active editor’s label changes by subscribing to onDidChangeLabel.

@rebornix rebornix marked this pull request as ready for review March 13, 2026 03:12
@vs-code-engineering
Copy link
Contributor

📬 CODENOTIFY

The following users are being notified based on files changed in this PR:

@bpasero

Matched files:

  • src/vs/workbench/browser/parts/editor/modalEditorPart.ts

disposables.add(Event.runAndSubscribe(modalEditorService.onDidActiveEditorChange, () => {
const labelChangeDisposable = disposables.add(new MutableDisposable());
let trackedEditor: EditorInput | undefined;
const updateLabel = () => {
Copy link
Member Author

Choose a reason for hiding this comment

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

Updating this listener so when the editor updates its title, it can be reflected on the modal editor title.

@rebornix rebornix merged commit ba55361 into main Mar 13, 2026
20 checks passed
@rebornix rebornix deleted the rebornix/cheerful-wolverine branch March 13, 2026 03:29
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants