Peng Lyu

This commit introduces a **new capability** for the **Agent Host server**, allowing it to bind to a specific network interface using the `--host` command-line option. It enhances the server's startup process by integrating new utility functions to `resolveServerUrls` and `formatWebSocketUrl`, ensuring proper network configuration. Upon readiness, the **Agent Host** will now explicitly print the resolved local and network server URLs, providing clearer feedback for users. This **feature enhancement** improves the flexibility and usability of the **Agent Host startup script** for various deployment scenarios.

This commit **fixes the image loading placeholder** and **improves broken image handling** within the **`imageCarousel` subsystem**. It **refactors** the image loading logic in `src/vs/workbench/contrib/imageCarousel/browser/imageCarouselEditor.ts` to utilize a preloader and introduces a `markBroken` function for more robust error handling. Concurrently, `src/vs/workbench/contrib/imageCarousel/browser/media/imageCarousel.css` is updated to refine the display of broken image icons and remove redundant styling. This **bug fix** ensures a more reliable and visually consistent experience for users interacting with image carousels, preventing issues with placeholder display and image loading failures.

This commit significantly **improves the accessibility** of the **image carousel editor** by integrating ARIA attributes and screen reader announcements. It enhances the user experience for visually impaired users by providing clear status updates and navigable controls within the carousel. The changes include modifications to `imageCarouselEditor.ts` to manage these announcements and new CSS in `imageCarousel.css` for focus visibility and screen reader-only elements. This is a crucial **accessibility enhancement** that makes the image display feature more inclusive and usable for all.

This commit **updates the browser tests** for the **`imageCarousel` contribution** to enhance its media handling verification. It **adds a `.mov` file to the test data**, expanding the range of media types tested by the component. Consequently, the assertions within `src/vs/workbench/contrib/imageCarousel/test/browser/imageCarousel.contribution.test.ts` are updated to reflect the new expected count and order of media files. This is a **test enhancement** that improves the robustness of the `imageCarousel` component by ensuring it correctly processes video formats.

This commit introduces a **new capability** by extending the **Image Carousel** functionality to support `.mov` video files. It updates the context menu integration in `src/vs/workbench/contrib/imageCarousel/browser/imageCarousel.contribution.ts` to recognize and handle `.mov` as a supported media extension. This enhancement allows users to open and view `.mov` files directly within the image carousel, significantly broadening its utility for multimedia content.

This commit introduces a **new capability** to the **image carousel** feature, enabling it to **support video playback** directly within the workbench. Users can now open and view video files alongside images from the explorer context menu, significantly expanding the carousel's utility. The core implementation in `imageCarouselEditor.ts` integrates video rendering via webview, while `imageCarousel.contribution.ts` updates file type recognition to include video formats. This enhancement also includes new styling for video elements and comprehensive tests to ensure proper handling of mixed media content.

This commit introduces a **UI fix** for the **image carousel editor**, specifically addressing the visual presentation of its navigation arrows. It **adjusts the opacity** of disabled navigation arrows, particularly when hovered over, to ensure they are correctly dimmed and non-interactive. This change, implemented in `imageCarousel.css`, removes previous, potentially conflicting, `opacity` and `pointer-events` CSS rules. The overall impact is a more consistent and intuitive **user experience** within the image carousel component by resolving a visual bug related to disabled navigation elements.

This commit **fixes a bug** affecting **mouse click functionality** within the **Element Screenshot** feature. Specifically, it addresses issues in the **VS Code Workbench's Chat Attachments** by modifying `src/vs/workbench/contrib/chat/browser/attachments/chatAttachmentWidgets.ts`. This ensures that users can correctly interact with Element Screenshots when attached in the chat interface, improving the reliability and usability of this specific attachment type.

This commit **fixes a bug** within the **Chat Attachment Widgets** that prevented the image carousel from opening correctly when clicking on Element Screenshots. It **adjusts the condition** in `chatAttachmentWidgets.ts` to properly handle image data and resource availability. This **bug fix** ensures that users can reliably interact with and view **Element Screenshots** within the chat interface by correctly triggering the image carousel on mouse click.

This commit delivers a **bug fix** for the **Chat Image Carousel** feature, specifically addressing an issue where image positions were not accurately detected. It **corrects the logic** within the `_detectImagePosition` method in `src/vs/workbench/contrib/chat/browser/chatImageCarouselService.ts` to ensure precise image placement. This improvement guarantees that images are displayed correctly within the chat interface's carousel, enhancing the user experience. Corresponding tests in `src/vs/workbench/contrib/chat/test/browser/chatImageCarouselService.test.ts` have been updated to validate this fix.

This commit delivers a **bug fix** for the **Image Carousel** feature, specifically enhancing its ability to handle binary image data. It modifies `imageCarouselEditor.ts` to correctly process `Uint8Array` data types in addition to the previously supported `VSBuffer`, resolving an issue where images might not display if provided in a `Uint8Array` format. This ensures greater compatibility and robustness for image display within modules that utilize the carousel, such as the chat feature. Corresponding tests in `chatImageCarouselService.test.ts` have been updated to validate this expanded data handling.

This commit **fixes** an issue in the **Image Carousel editor** that prevented image data from being correctly processed when provided as a raw `Uint8Array`. The change modifies the image data buffer assignment in `src/vs/workbench/contrib/imageCarousel/browser/imageCarouselEditor.ts` to explicitly handle both `VSBuffer` and plain `Uint8Array` types, ensuring broader compatibility. This **bug fix** resolves a problem where images might not display if their data was not encapsulated in a `VSBuffer`. A new test case has also been added to `src/vs/workbench/contrib/chat/test/browser/chatImageCarouselService.test.ts` to validate that `Uint8Array` image data can now be correctly utilized by the `Blob` constructor, improving the overall robustness of image rendering within the workbench.

This commit introduces significant **performance improvements** to the **Image Carousel** feature by implementing a comprehensive **lazy image loading** strategy. It **refactors** the image entry creation in `imageCarousel.contribution.ts` to use URIs instead of eagerly reading file content, and updates `imageCarouselEditor.ts` to handle images on demand. Key optimizations include **blob URL caching**, **image pre-decoding**, and **optimized thumbnail scrolling**, ensuring a smoother user experience. The `ICarouselImage` type was also adjusted to support this lazy approach, resulting in faster initial load times and more responsive navigation within the carousel.

This commit **introduces image carousel support** for attachments within **chat sessions**, enhancing the user experience for image viewing. It **integrates the `IChatImageCarouselService`** and modifies the attachment click handler in `src/vs/sessions/contrib/chat/browser/newChatContextAttachments.ts` to open images in a carousel when enabled. This **new capability** allows users to interactively browse attached images directly from chat context. The functionality is enabled by importing `imageCarousel.contribution.js` into `src/vs/sessions/sessions.common.main.ts`, making the carousel feature available across the sessions module.

This commit introduces a **new capability** to the **Chat UI**, allowing **image pills** representing external resources to remain visible even when the detailed "thinking parts" of a chat response are collapsed. It achieves this by integrating a new `chatThinkingExternalResourcesWidget` into the `chatThinkingContentPart.ts`, which independently manages and renders these visual cues. This enhancement improves the user experience by providing persistent context for tool invocations or external resources, while also ensuring the UI dynamically resizes to accommodate the displayed pills.

This commit **enhances the image carousel component** by introducing the display of image captions and a counter for better context. The **Image Carousel editor** (`imageCarouselEditor.ts`) now renders this additional information, while the **Chat module's image carousel service** (`chatImageCarouselService.ts`) has been updated to support providing captions via the `ICarouselImage` interface. Furthermore, **keyboard accessibility** for the carousel's navigation buttons has been improved with focus border highlights, making the component more user-friendly and informative. This is a **feature enhancement** that improves the overall user experience when interacting with image carousels.

This commit **enables** the image carousel viewer for **chat image attachments** by default. It modifies the `src/vs/workbench/contrib/chat/browser/chat.contribution.ts` file, changing the default value of the `ChatConfiguration.ImageCarouselEnabled` setting from `false` to `true`. This **new capability** significantly enhances the user experience within the **Chat feature** by providing a more interactive and streamlined way to view multiple images attached to chat messages.

This commit introduces a **new capability** by adding **image zoom functionality** to the **Image Carousel** feature. Users can now zoom in and out of images using mouse wheel, click, and keyboard interactions, with the zoom state managed and reset upon image navigation. The implementation involves core logic in `imageCarouselEditor.ts`, new CSS rules in `imageCarousel.css` for styling and cursor changes, and updated documentation in `AGENTS.md` detailing the new gestures and effects. This significantly enhances the user's ability to inspect image details within the carousel.

This commit delivers **bug fixes** and **enhancements** to the **Chat Image Carousel Service**, addressing issues #302202 and #301997. It introduces a new helper function, `deduplicateConsecutiveImages`, to prevent consecutive identical images from appearing in the carousel, improving visual clarity and reducing redundancy. Additionally, the commit **adds a fallback mechanism for carousel section titles** within `collectCarouselSections` and `buildCollectionArgs` to ensure titles are always displayed. These changes enhance the user experience within the **chat feature** by making the image carousel more robust and visually consistent, with new tests in `src/vs/workbench/contrib/chat/test/browser/chatImageCarouselService.test.ts` verifying the deduplication and title fallback logic.

This commit provides a **fix** for the **image carousel** component by updating the CSS hover selector for its navigation arrows. Specifically, it modifies `src/vs/workbench/contrib/imageCarousel/browser/media/imageCarousel.css` to ensure that the hover effect on these navigation elements functions as intended. This **UI improvement** enhances the user experience within the image carousel, making navigation more intuitive and visually responsive.