@codingame/monaco-vscode-api 37.6.0 → 38.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/attachments/chatAttachmentWidgets.js

@@ -1,6 +1,6 @@
 
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
-import { append, $, addDisposableListener, EventType, addStandardDisposableListener, EventHelper, createTextNode, getWindow } from '../../../../../base/browser/dom.js';
+import { append, $, addDisposableListener, EventType, addStandardDisposableListener, EventHelper, hide, show, createTextNode, getWindow } from '../../../../../base/browser/dom.js';
 import { StandardKeyboardEvent } from '../../../../../base/browser/keyboardEvent.js';
 import { StandardMouseEvent } from '../../../../../base/browser/mouseEvent.js';
 import { Button } from '../../../../../base/browser/ui/button/button.js';
@@ -66,6 +66,7 @@ import { ITerminalService } from '../../../terminal/browser/terminal.service.js'
 import { BrowserViewSharingState } from '../../../browserView/common/browserView.js';
 import { IBrowserViewWorkbenchService } from '../../../browserView/common/browserView.service.js';
 import { buildOpenSessionLinkForChatResource } from '../../../../../platform/agentHost/common/openSessionLink.js';
+import '../../../../../base/common/hash.js';
 import '../../../../../editor/common/languages.js';
 import '../../common/model/chatViewModel.js';
 import '../../common/model/chatModel.js';
@@ -81,7 +82,8 @@ import { getCleanPromptName } from '../../common/promptSyntax/config/promptFileL
 import { IChatResponseResourceFileSystemProvider } from '../../common/widget/chatResponseResourceFileSystemProvider.service.js';
 import { IChatContextService } from '../contextContrib/chatContextService.service.js';
 import { IChatImageCarouselService } from '../chatImageCarouselService.service.js';
-import { getOrCreateImageThumbnail, CHAT_IMAGE_HOVER_THUMBNAIL_MAX_SIZE } from '../chatImageUtils.js';
+import { createChatImageHoverContent } from '../../../../browser/chatImagePreview.js';
+import { ChatImageReveal } from './chatImageReveal.js';
 
 const commonHoverOptions = {
     style: HoverStyle.Pointer,
@@ -156,7 +158,7 @@ let AbstractChatAttachmentWidget = class AbstractChatAttachmentWidget extends Di
         if (!this._hasClearButton) {
             return ariaLabel;
         }
-        return localize(9326, "{0} (Delete)", ariaLabel);
+        return localize(11286, "{0} (Delete)", ariaLabel);
     }
     attachClearButton() {
         if ((this.attachment.range && !isPastedTextArtifact(this.attachment)) || !this.options.supportsDeletion) {
@@ -166,7 +168,7 @@ let AbstractChatAttachmentWidget = class AbstractChatAttachmentWidget extends Di
         const clearButton = ( new Button(this.element, {
             supportIcons: true,
             hoverDelegate: createInstantHoverDelegate(),
-            title: ( localize(9327, "Remove from context"))
+            title: ( localize(11287, "Remove from context"))
         }));
         clearButton.element.tabIndex = -1;
         clearButton.icon = Codicon.closeCompact;
@@ -268,14 +270,14 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         const fileDirname = dirname(resource.path);
         const friendlyName = `${fileBasename} ${fileDirname}`;
         let ariaLabel = range ? ( localize(
-            9328,
+            11288,
             "Attached file, {0}, line {1} to line {2}",
             friendlyName,
             range.startLineNumber,
             range.endLineNumber
-        )) : ( localize(9329, "Attached file, {0}", friendlyName));
+        )) : ( localize(11289, "Attached file, {0}", friendlyName));
         if (attachment.omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(9330, "Omitted this file: {0}", attachment.name));
+            ariaLabel = ( localize(11290, "Omitted this file: {0}", attachment.name));
             this.renderOmittedWarning(friendlyName, ariaLabel);
         } else {
             const fileOptions = {
@@ -316,7 +318,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         const saveButton = ( new Button(this.element, {
             supportIcons: true,
             hoverDelegate: createInstantHoverDelegate(),
-            title: ( localize(9331, "Save As..."))
+            title: ( localize(11291, "Save As..."))
         }));
         saveButton.element.classList.add("chat-attached-context-download-button");
         saveButton.element.tabIndex = -1;
@@ -336,7 +338,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
             try {
                 await this.fileService.copy(resource, target, true);
             } catch (error) {
-                this.notificationService.error(( localize(9332, "Failed to save file: {0}", error)));
+                this.notificationService.error(( localize(11292, "Failed to save file: {0}", error)));
             }
         }));
     }
@@ -353,7 +355,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         hoverElement.setAttribute("aria-label", ariaLabel);
         this.element.classList.add("warning");
         hoverElement.textContent = ( localize(
-            9333,
+            11293,
             "{0} does not support this file type.",
             this.currentLanguageModel ? this.languageModelsService.lookupLanguageModel(this.currentLanguageModel.identifier)?.name : this.currentLanguageModel ?? "This model"
         ));
@@ -366,7 +368,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         this.element.classList.add("warning");
         const hoverElement = $("div.chat-attached-context-hover");
         hoverElement.textContent = ( localize(
-            9334,
+            11294,
             "This folder contains {0} images, which exceeds the maximum of {1} images per request. Older images will not be sent.",
             imageCount,
             limit
@@ -404,7 +406,7 @@ let TerminalCommandAttachmentWidget = class TerminalCommandAttachmentWidget exte
         );
         this.hoverService = hoverService;
         this.terminalService = terminalService;
-        const ariaLabel = ( localize(9335, "Terminal command, {0}", attachment.command));
+        const ariaLabel = ( localize(11295, "Terminal command, {0}", attachment.command));
         const clickHandler = () => this.openResource(attachment.resource, {
             editorOptions: {
                 preserveFocus: true
@@ -458,16 +460,16 @@ function getHoverContent(ariaLabel, attachment) {
         const hoverElement = $("div.chat-attached-context-hover");
         hoverElement.setAttribute("aria-label", ariaLabel);
         const commandTitle = $("div", {}, typeof attachment.exitCode === "number" ? ( localize(
-            9336,
+            11296,
             "Command: {0}, exit code: {1}",
             attachment.command,
             attachment.exitCode
-        )) : ( localize(9337, "Command")));
+        )) : ( localize(11297, "Command")));
         commandTitle.classList.add("attachment-additional-info");
         const commandBlock = $("pre.chat-terminal-command-block");
         hoverElement.append(commandTitle, commandBlock);
         if (attachment.output && attachment.output.trim().length > 0) {
-            const outputTitle = $("div", {}, ( localize(9338, "Output:")));
+            const outputTitle = $("div", {}, ( localize(11298, "Output:")));
             outputTitle.classList.add("attachment-additional-info");
             const outputBlock = $("pre.chat-terminal-command-output");
             const fullOutputLines = attachment.output.split("\n");
@@ -528,6 +530,7 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         );
         this.hoverService = hoverService;
         this.languageModelsService = languageModelsService;
+        this.instantiationService = instantiationService;
         this.labelService = labelService;
         this.chatImageCarouselService = chatImageCarouselService;
         this.fileDialogService = fileDialogService;
@@ -541,25 +544,25 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         let ariaLabel;
         if (omittedState === OmittedState.Full && modelName && !modelSupportsVision(currentLanguageModel)) {
             ariaLabel = ( localize(
-                9339,
+                11299,
                 "Image not sent because {0} does not support images: {1}",
                 modelName,
                 attachment.name
             ));
         } else if (omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(9340, "Omitted this image: {0}", attachment.name));
+            ariaLabel = ( localize(11300, "Omitted this image: {0}", attachment.name));
         } else if (omittedState === OmittedState.Partial) {
-            ariaLabel = ( localize(9341, "Partially omitted this image: {0}", attachment.name));
+            ariaLabel = ( localize(11301, "Partially omitted this image: {0}", attachment.name));
         } else if (omittedState === OmittedState.ImageLimitExceeded) {
-            ariaLabel = ( localize(9342, "Image not sent due to limit: {0}", attachment.name));
+            ariaLabel = ( localize(11302, "Image not sent due to limit: {0}", attachment.name));
         } else if (isAutoModel) {
             ariaLabel = ( localize(
-                9343,
+                11303,
                 "Attached image, {0}. Image support depends on the model selected by Auto.",
                 attachment.name
             ));
         } else {
-            ariaLabel = ( localize(9344, "Attached image, {0}", attachment.name));
+            ariaLabel = ( localize(11304, "Attached image, {0}", attachment.name));
         }
         const ref = attachment.references?.[0]?.reference;
         resource = ref && URI.isUri(ref) ? ref : undefined;
@@ -583,29 +586,41 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         };
         const currentLanguageModelName = this.currentLanguageModel ? this.languageModelsService.lookupLanguageModel(this.currentLanguageModel.identifier)?.name ?? this.currentLanguageModel.identifier : "Current model";
         const fullName = resource ? this.labelService.getUriLabel(resource) : (attachment.fullName || attachment.name);
-        const imageElements = this._register(( new MutableDisposable()));
-        const renderImageElements = buffer => {
-            imageElements.value = createImageElements(
+        if (options.imagePresentation === "inline" && omittedState !== OmittedState.Full && omittedState !== OmittedState.ImageLimitExceeded && (!currentLanguageModel || modelSupportsVision(currentLanguageModel))) {
+            this._register(this.renderInlineImage(
                 resource,
                 attachment.name,
                 fullName,
-                this.element,
-                buffer,
-                attachment.id,
-                this.hoverService,
+                options.imageBase64Data ?? imageData,
                 ariaLabel,
-                currentLanguageModelName,
-                clickHandler,
-                this.currentLanguageModel,
-                omittedState,
-                options.isCurrentInput === true,
-                options.showImageInHover ?? true
-            );
-            this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
-        };
-        renderImageElements(imageData ?? ( new Uint8Array()));
-        if (!imageData && resource && omittedState !== OmittedState.Full && omittedState !== OmittedState.ImageLimitExceeded) {
-            void this.loadImageBytes(resource, renderImageElements);
+                options.imageReveal,
+                options.imageDimensions
+            ));
+        } else {
+            const imageElements = this._register(( new MutableDisposable()));
+            const renderImageElements = buffer => {
+                imageElements.value = createImageElements(
+                    resource,
+                    attachment.name,
+                    fullName,
+                    this.element,
+                    buffer,
+                    attachment.id,
+                    this.hoverService,
+                    ariaLabel,
+                    currentLanguageModelName,
+                    clickHandler,
+                    this.currentLanguageModel,
+                    omittedState,
+                    options.isCurrentInput === true,
+                    options.showImageInHover ?? true
+                );
+                this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
+            };
+            renderImageElements(imageData ?? ( new Uint8Array()));
+            if (!imageData && resource && omittedState !== OmittedState.Full && omittedState !== OmittedState.ImageLimitExceeded) {
+                void this.loadImageBytes(resource, renderImageElements);
+            }
         }
         this.attachSaveButton(resource, imageData, attachment.name, options.supportsDeletion);
         const canOpenCarousel = !!imageData && configurationService.getValue(ChatConfiguration.ImageCarouselEnabled);
@@ -623,11 +638,124 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
             });
         }
     }
-    async loadImageBytes(resource, render) {
+    renderInlineImage(
+        resource,
+        name,
+        fullName,
+        imageData,
+        ariaLabel,
+        imageReveal,
+        imageDimensions
+    ) {
+        const store = ( new DisposableStore());
+        const image = $("img.chat-attached-context-pill-image", {
+            alt: ""
+        });
+        const status = $("span.chat-attached-context-image-status", undefined, ( localize(11305, "Loading image...")));
+        const imageContainer = imageReveal ? $("div", undefined, image) : image;
+        const preview = append(
+            this.element,
+            $(".chat-attached-context-pill", undefined, imageContainer, status)
+        );
+        const reveal = imageReveal ? store.add(
+            this.instantiationService.createInstance(ChatImageReveal, imageContainer, image, imageReveal)
+        ) : undefined;
+        if (reveal) {
+            hide(status);
+        }
+        const hover = $(".chat-attached-context-hover", {
+            "aria-label": ariaLabel
+        }, $(".chat-attached-context-url", undefined, fullName));
+        const imageUrl = store.add(( new MutableDisposable()));
+        const dimensions = resource && !imageReveal ? imageDimensions?.get(resource) : undefined;
+        if (dimensions) {
+            image.style.width = `${dimensions.width}px`;
+            image.style.aspectRatio = `${dimensions.width} / ${dimensions.height}`;
+            image.style.maxWidth = `min(100%, calc(var(--chat-generated-image-max-height) * ${dimensions.width} / ${dimensions.height}))`;
+            image.style.visibility = "hidden";
+            hide(status);
+        } else {
+            hide(image);
+        }
+        const clearSizeHint = () => {
+            image.style.width = "";
+            image.style.aspectRatio = "";
+            image.style.maxWidth = "";
+            image.style.visibility = "";
+        };
+        this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
+        this.element.setAttribute("aria-busy", "true");
+        store.add(this.hoverService.setupDelayedHover(this.element, {
+            ...commonHoverOptions,
+            content: hover
+        }));
+        store.add(toDisposable(() => {
+            image.removeAttribute("src");
+            preview.remove();
+        }));
+        const showError = detail => {
+            if (store.isDisposed) {
+                return;
+            }
+            const message = ( localize(11306, "Unable to load image: {0}", name));
+            this.element.classList.add("image-load-error");
+            this.element.setAttribute("aria-busy", "false");
+            this.element.ariaLabel = this.appendDeletionHint(message);
+            status.textContent = message;
+            hover.textContent = detail ? ( localize(11307, "{0}\n{1}", message, detail)) : message;
+            if (resource) {
+                imageDimensions?.delete(resource);
+            }
+            clearSizeHint();
+            reveal?.dispose();
+            show(status);
+            hide(image);
+        };
+        store.add(addDisposableListener(image, EventType.LOAD, event => {
+            this.element.setAttribute("aria-busy", "false");
+            status.remove();
+            if (resource && image.naturalWidth > 0 && image.naturalHeight > 0) {
+                imageDimensions?.set(resource, {
+                    width: image.naturalWidth,
+                    height: image.naturalHeight
+                });
+            }
+            clearSizeHint();
+            show(image);
+            reveal?.reveal(event.timeStamp);
+        }));
+        store.add(addDisposableListener(image, EventType.ERROR, () => showError()));
+        const render = buffer => {
+            if (store.isDisposed) {
+                return;
+            }
+            if (!buffer.byteLength) {
+                showError();
+                return;
+            }
+            const url = URL.createObjectURL(( new Blob([buffer])));
+            imageUrl.value = toDisposable(() => URL.revokeObjectURL(url));
+            image.src = url;
+        };
+        if (imageData && !(imageData instanceof Uint8Array)) {
+            image.src = `data:${imageData.mimeType};base64,${imageData.data}`;
+        } else if (imageData) {
+            render(imageData);
+        } else if (resource) {
+            void this.loadImageBytes(resource, render, showError);
+        } else {
+            showError();
+        }
+        return store;
+    }
+    async loadImageBytes(resource, render, onError) {
         let content;
         try {
             content = (await this.fileService.readFile(resource)).value;
-        } catch {
+        } catch (error) {
+            if (!this._store.isDisposed) {
+                onError?.(toErrorMessage(error));
+            }
             return;
         }
         if (this._store.isDisposed) {
@@ -651,7 +779,7 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         const saveButton = ( new Button(this.element, {
             supportIcons: true,
             hoverDelegate: createInstantHoverDelegate(),
-            title: ( localize(9345, "Save Image As..."))
+            title: ( localize(11308, "Save Image As..."))
         }));
         saveButton.element.classList.add("chat-attached-context-download-button");
         saveButton.element.tabIndex = -1;
@@ -674,69 +802,12 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
                     await this.fileService.writeFile(target, VSBuffer.wrap(imageData));
                 }
             } catch (error) {
-                this.notificationService.error(( localize(9346, "Failed to save image: {0}", error)));
+                this.notificationService.error(( localize(11309, "Failed to save image: {0}", error)));
             }
         }));
     }
 };
 ImageAttachmentWidget = ( __decorate([( __param(6, ICommandService)), ( __param(7, IOpenerService)), ( __param(8, IConfigurationService)), ( __param(9, IHoverService)), ( __param(10, ILanguageModelsService)), ( __param(11, IInstantiationService)), ( __param(12, ILabelService)), ( __param(13, IChatImageCarouselService)), ( __param(14, IFileDialogService)), ( __param(15, IFileService)), ( __param(16, INotificationService))], ImageAttachmentWidget));
-function createImageHoverContent(
-    resource,
-    fullName,
-    buffer,
-    cacheKey,
-    onContentsChanged,
-    clickHandler,
-    onImageUrl,
-    imageAlt = "",
-    showImageInHover = true
-) {
-    const disposable = ( new DisposableStore());
-    const hoverElement = $("div.chat-attached-context-hover");
-    const hoverImage = $("img.chat-attached-context-image", {
-        alt: imageAlt
-    });
-    if (showImageInHover) {
-        const imageContainer = $("div.chat-attached-context-image-container", {}, hoverImage);
-        hoverElement.appendChild(imageContainer);
-        if (clickHandler) {
-            imageContainer.classList.add("clickable");
-            imageContainer.tabIndex = 0;
-            imageContainer.role = "button";
-            imageContainer.ariaLabel = ( localize(9347, "Open in Images Preview"));
-            disposable.add(registerOpenEditorListeners(imageContainer, async () => {
-                await clickHandler();
-            }));
-        }
-    }
-    if (resource) {
-        const urlContainer = clickHandler ? $("a.chat-attached-context-url", {}, fullName) : $("div.chat-attached-context-url", {}, fullName);
-        const separator = $("div.chat-attached-context-url-separator");
-        if (clickHandler) {
-            disposable.add(addDisposableListener(urlContainer, "click", clickHandler));
-        }
-        hoverElement.append(separator, urlContainer);
-    }
-    const data = buffer instanceof Uint8Array ? buffer : ( new Uint8Array(buffer));
-    const previewImageUrl = disposable.add(( new MutableDisposable()));
-    const renderPreviewImage = async () => {
-        const thumbnail = await getOrCreateImageThumbnail(cacheKey, data, CHAT_IMAGE_HOVER_THUMBNAIL_MAX_SIZE);
-        if (disposable.isDisposed) {
-            return;
-        }
-        const source = thumbnail ?? ( new Blob([data]));
-        const url = URL.createObjectURL(source);
-        previewImageUrl.value = toDisposable(() => URL.revokeObjectURL(url));
-        hoverImage.onload = () => onContentsChanged?.();
-        hoverImage.src = url;
-        onImageUrl?.(url, !!thumbnail, hoverImage);
-    };
-    void renderPreviewImage();
-    return {
-        element: hoverElement,
-        disposable
-    };
-}
 function createImageElements(
     resource,
     name,
@@ -783,7 +854,7 @@ function createImageElements(
     if ((!supportsVision && currentLanguageModel) || omittedState === OmittedState.Full) {
         element.classList.add("warning");
         hoverElement.textContent = ( localize(
-            9348,
+            11310,
             "{0} does not support images.",
             currentLanguageModelName ?? "This model"
         ));
@@ -795,11 +866,11 @@ function createImageElements(
         element.classList.add("warning");
         const maxImagesPerRequest = getImageAttachmentLimit(currentLanguageModel?.metadata);
         hoverElement.textContent = maxImagesPerRequest !== undefined ? ( localize(
-            9349,
+            11311,
             "This image was not sent because the maximum of {0} images per request was exceeded.",
             maxImagesPerRequest
         )) : ( localize(
-            9350,
+            11312,
             "This image was not sent because this model's image limit was exceeded."
         ));
         disposable.add(hoverService.setupDelayedHover(element, {
@@ -811,8 +882,8 @@ function createImageElements(
             const pillIcon = createPillIcon(Codicon.fileMediaCompact);
             replacePill(pillIcon);
         };
-        const hoverFullName = omittedState === OmittedState.Partial ? ( localize(9351, "This GIF was partially omitted - current frame will be sent.")) : fullName;
-        const hoverContent = createImageHoverContent(
+        const hoverFullName = omittedState === OmittedState.Partial ? ( localize(11313, "This GIF was partially omitted - current frame will be sent.")) : fullName;
+        const hoverContent = createChatImageHoverContent(
             resource,
             hoverFullName,
             buffer,
@@ -841,7 +912,7 @@ function createImageElements(
             style: HoverStyle.Pointer
         }));
         if (isAutoLanguageModel(currentLanguageModel)) {
-            hoverElement.appendChild($("div", undefined, ( localize(9352, "Image support depends on the model selected by Auto."))));
+            hoverElement.appendChild($("div", undefined, ( localize(11314, "Image support depends on the model selected by Auto."))));
         }
     }
     disposable.add(toDisposable(() => {
@@ -899,7 +970,7 @@ let PasteAttachmentWidget = class PasteAttachmentWidget extends AbstractChatAtta
         );
         this.hoverService = hoverService;
         this.instantiationService = instantiationService;
-        const ariaLabel = ( localize(9353, "Attached context, {0}", attachment.name));
+        const ariaLabel = ( localize(11315, "Attached context, {0}", attachment.name));
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
         const classNames = ["file-icon", `${attachment.language}-lang-file-icon`];
         let resource;
@@ -993,7 +1064,7 @@ let DefaultChatAttachmentWidget = class DefaultChatAttachmentWidget extends Abst
                 this.themeService.onDidColorThemeChange(() => this._applyLabel(attachment, attachmentLabel, description, iconPath))
             );
         }
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", attachment.name)));
         if (attachment.kind === "diagnostic") {
             if (attachment.filterUri) {
                 resource = attachment.filterUri ? URI.revive(attachment.filterUri) : undefined;
@@ -1111,8 +1182,8 @@ let PromptFileAttachmentWidget = class PromptFileAttachmentWidget extends Abstra
         const fileDirname = dirname(resource.path);
         const friendlyName = `${fileBasename} ${fileDirname}`;
         const isPrompt = attachment.id.startsWith(PromptFileVariableKind.PromptFile);
-        const ariaLabel = isPrompt ? ( localize(9354, "Prompt file, {0}", friendlyName)) : ( localize(9355, "Instructions attachment, {0}", friendlyName));
-        const typeLabel = isPrompt ? ( localize(9356, "Prompt")) : ( localize(9357, "Instructions"));
+        const ariaLabel = isPrompt ? ( localize(11316, "Prompt file, {0}", friendlyName)) : ( localize(11317, "Instructions attachment, {0}", friendlyName));
+        const typeLabel = isPrompt ? ( localize(11318, "Prompt")) : ( localize(11319, "Instructions"));
         const title = this.labelService.getUriLabel(resource) + (attachment.originLabel ? `\n${attachment.originLabel}` : "");
         this.element.classList.remove("warning", "error");
         const fileWithoutExtension = getCleanPromptName(resource);
@@ -1172,8 +1243,8 @@ let PromptTextAttachmentWidget = class PromptTextAttachmentWidget extends Abstra
                 })
             );
         }
-        this.label.setLabel(( localize(9358, "Additional Instructions")), undefined, undefined);
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", attachment.name)));
+        this.label.setLabel(( localize(11320, "Additional Instructions")), undefined, undefined);
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", attachment.name)));
         this._register(hoverService.setupDelayedHover(this.element, {
             ...commonHoverOptions,
             content: attachment.value
@@ -1220,18 +1291,18 @@ let ToolSetOrToolItemAttachmentWidget = class ToolSetOrToolItemAttachmentWidget
         }
         this.label.setLabel(`$(${icon.id})\u00A0${name}`, undefined);
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", name)));
         let hoverContent;
         if (isToolSet(toolOrToolSet)) {
             hoverContent = ( localize(
-                9359,
+                11321,
                 "{0} - {1}",
                 toolOrToolSet.description ?? toolOrToolSet.referenceName,
                 toolOrToolSet.source.label
             ));
         } else if (toolOrToolSet) {
             hoverContent = ( localize(
-                9360,
+                11322,
                 "{0} - {1}",
                 toolOrToolSet.userDescription ?? toolOrToolSet.modelDescription,
                 toolOrToolSet.source.label
@@ -1272,10 +1343,10 @@ let ChatReferenceAttachmentWidget = class ChatReferenceAttachmentWidget extends
         const chatResource = attachment.value;
         this.label.setLabel(`$(${Codicon.commentDiscussion.id})\u00A0${title}`, undefined);
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9361, "Link to chat {0}", title)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11323, "Link to chat {0}", title)));
         this._register(hoverService.setupDelayedHover(this.element, {
             ...commonHoverOptions,
-            content: ( localize(9362, "Open chat \"{0}\"", title))
+            content: ( localize(11324, "Open chat \"{0}\"", title))
         }, commonHoverLifecycleOptions));
         this._register(addDisposableListener(this.element, EventType.CLICK, e => {
             EventHelper.stop(e, true);
@@ -1326,10 +1397,10 @@ let TranscriptContextAttachmentWidget = class TranscriptContextAttachmentWidget
             undefined
         );
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9363, "Open {0} in Browser", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11325, "Open {0} in Browser", attachment.name)));
         this._register(hoverService.setupDelayedHover(this.element, {
             ...commonHoverOptions,
-            content: attachment.tooltip ?? ( localize(9364, "Open {0} in Browser", attachment.name))
+            content: attachment.tooltip ?? ( localize(11326, "Open {0} in Browser", attachment.name))
         }, commonHoverLifecycleOptions));
         this._register(registerOpenEditorListeners(this.element, async () => {
             await openTranscriptContextAttachment(this.openerService, attachment);
@@ -1398,7 +1469,7 @@ let NotebookCellOutputChatAttachmentWidget = class NotebookCellOutputChatAttachm
         this.addResourceOpenHandlers(resource, undefined);
     }
     getAriaLabel(attachment) {
-        return localize(9365, "Attached Notebook output, {0}", attachment.name);
+        return localize(11327, "Attached Notebook output, {0}", attachment.name);
     }
     renderErrorOutput(resource, attachment) {
         const attachmentLabel = attachment.name;
@@ -1426,9 +1497,9 @@ let NotebookCellOutputChatAttachmentWidget = class NotebookCellOutputChatAttachm
     renderImageOutput(resource, attachment, useCompactWarningIcon) {
         let ariaLabel;
         if (attachment.omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(9366, "Omitted this Notebook ouput: {0}", attachment.name));
+            ariaLabel = ( localize(11328, "Omitted this Notebook ouput: {0}", attachment.name));
         } else if (attachment.omittedState === OmittedState.Partial) {
-            ariaLabel = ( localize(9367, "Partially omitted this Notebook output: {0}", attachment.name));
+            ariaLabel = ( localize(11329, "Partially omitted this Notebook output: {0}", attachment.name));
         } else {
             ariaLabel = this.getAriaLabel(attachment);
         }
@@ -1507,7 +1578,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         this.logService = logService;
         this.markdownRendererService = markdownRendererService;
         this.chatImageCarouselService = chatImageCarouselService;
-        const ariaLabel = ( localize(9368, "Attached element, {0}", attachment.name));
+        const ariaLabel = ( localize(11330, "Attached element, {0}", attachment.name));
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
         this.element.style.position = "relative";
         this.element.style.cursor = "pointer";
@@ -1535,7 +1606,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         }
         {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9369, "ELEMENT")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11331, "ELEMENT")));
             section.appendChild(header);
             const elementPre = $("pre.chat-element-hover-code");
             const elementCode = $("code");
@@ -1553,7 +1624,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         const computedStyleEntries = this.getComputedStyleEntriesForHover(attachment.computedStyles);
         if (computedStyleEntries.length > 0) {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9370, "KEY COMPUTED STYLES")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11332, "KEY COMPUTED STYLES")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             for (const [name, value] of computedStyleEntries) {
@@ -1572,7 +1643,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
             section.appendChild(table);
             const showMoreButton = $("button.chat-element-hover-show-more", {
                 type: "button"
-            }, ( localize(9371, "Show More...")));
+            }, ( localize(11333, "Show More...")));
             this._register(
                 addDisposableListener(showMoreButton, EventType.CLICK, async e => {
                     EventHelper.stop(e, true);
@@ -1584,7 +1655,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         }
         if (attachment.ancestors && attachment.ancestors.length > 1) {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9372, "HTML PATH")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11334, "HTML PATH")));
             section.appendChild(header);
             const lines = [];
             for (let i = 0; i < attachment.ancestors.length; i++) {
@@ -1607,7 +1678,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         }
         if (attachment.attributes && ( Object.keys(attachment.attributes)).length > 0) {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9373, "ATTRIBUTES")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11335, "ATTRIBUTES")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             for (const [name, value] of Object.entries(attachment.attributes)) {
@@ -1621,7 +1692,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         }
         if (attachment.dimensions) {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9374, "POSITION & SIZE")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11336, "POSITION & SIZE")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             const dims = [
@@ -1641,7 +1712,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         }
         if (attachment.innerText) {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(9375, "INNER TEXT")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(11337, "INNER TEXT")));
             section.appendChild(header);
             section.appendChild($("div.chat-element-hover-text", {}, attachment.innerText));
             scrollableContent.appendChild(section);
@@ -1683,7 +1754,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
     }
     appendImagePreview(attachment, container, onContentsChanged) {
         const section = $("div.chat-element-hover-section.chat-element-hover-screenshot");
-        section.appendChild($("div.chat-element-hover-header", {}, ( localize(9376, "SCREENSHOT"))));
+        section.appendChild($("div.chat-element-hover-header", {}, ( localize(11338, "SCREENSHOT"))));
         container.appendChild(section);
         const previewDisposables = this._register(( new DisposableStore()));
         const appendPreview = data => {
@@ -1695,7 +1766,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
                 path: `${attachment.id}/${encodeURIComponent(attachment.name)}`
             }));
             const clickHandler = this.configurationService.getValue(ChatConfiguration.ImageCarouselEnabled) ? async () => this.chatImageCarouselService.openCarouselAtResource(resource, data) : undefined;
-            const preview = createImageHoverContent(
+            const preview = createChatImageHoverContent(
                 undefined,
                 attachment.name,
                 data,
@@ -1703,7 +1774,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
                 onContentsChanged,
                 clickHandler,
                 undefined,
-                ( localize(9377, "Screenshot of attached element {0}", attachment.name))
+                ( localize(11339, "Screenshot of attached element {0}", attachment.name))
             );
             previewDisposables.add(preview.disposable);
             section.appendChild(preview.element);
@@ -1850,7 +1921,7 @@ let SCMHistoryItemAttachmentWidget = class SCMHistoryItemAttachmentWidget extend
         );
         this.label.setLabel(attachment.name, undefined);
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", attachment.name)));
         const {
             content,
             disposables
@@ -1912,7 +1983,7 @@ let SCMHistoryItemChangeAttachmentWidget = class SCMHistoryItemChangeAttachmentW
             hidePath: true,
             nameSuffix
         });
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", attachment.name)));
         const {
             content,
             disposables
@@ -1968,7 +2039,7 @@ let SCMHistoryItemChangeRangeAttachmentWidget = class SCMHistoryItemChangeRangeA
             hidePath: true,
             nameSuffix
         });
-        this.element.ariaLabel = this.appendDeletionHint(( localize(9353, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(11315, "Attached context, {0}", attachment.name)));
         this.addResourceOpenHandlers(attachment.value, undefined);
     }
     async openResource(resource, options, isDirectory, range) {
@@ -2035,13 +2106,13 @@ let BrowserViewAttachmentWidget = class BrowserViewAttachmentWidget extends Abst
             ...commonHoverOptions,
             content: this._input ? {
                 [BrowserViewSharingState.Shared]: this._input.getTitle() ?? "",
-                [BrowserViewSharingState.Available]: ( localize(9378, "This browser page is not shared with the agent.")),
+                [BrowserViewSharingState.Available]: ( localize(11340, "This browser page is not shared with the agent.")),
                 [BrowserViewSharingState.BlockedByNetworkPolicy]: ( localize(
-                    9379,
+                    11341,
                     "This browser page cannot be shared because its address is blocked by network policy."
                 )),
-                [BrowserViewSharingState.Unavailable]: ( localize(9380, "Browser tools are not enabled."))
-            }[this._input.model?.sharingState ?? BrowserViewSharingState.Shared] : ( localize(9381, "This browser page is no longer open."))
+                [BrowserViewSharingState.Unavailable]: ( localize(11342, "Browser tools are not enabled."))
+            }[this._input.model?.sharingState ?? BrowserViewSharingState.Shared] : ( localize(11343, "This browser page is no longer open."))
         }), commonHoverLifecycleOptions));
         this._instantiationService.invokeFunction(accessor => {
             this._register(
@@ -2087,11 +2158,11 @@ let BrowserViewAttachmentWidget = class BrowserViewAttachmentWidget extends Abst
             strikethrough: !isAvailable
         });
         this.element.ariaLabel = this.appendDeletionHint(this._input ? {
-            [BrowserViewSharingState.Shared]: ( localize(9382, "Attached browser page, {0}", name)),
-            [BrowserViewSharingState.Available]: ( localize(9383, "Browser page not shared with agent, {0}", name)),
-            [BrowserViewSharingState.BlockedByNetworkPolicy]: ( localize(9384, "Browser page blocked by network policy, {0}", name)),
-            [BrowserViewSharingState.Unavailable]: ( localize(9385, "Browser tools are not enabled, {0}", name))
-        }[sharingState] : ( localize(9386, "Browser page unavailable, {0}", name)));
+            [BrowserViewSharingState.Shared]: ( localize(11344, "Attached browser page, {0}", name)),
+            [BrowserViewSharingState.Available]: ( localize(11345, "Browser page not shared with agent, {0}", name)),
+            [BrowserViewSharingState.BlockedByNetworkPolicy]: ( localize(11346, "Browser page blocked by network policy, {0}", name)),
+            [BrowserViewSharingState.Unavailable]: ( localize(11347, "Browser tools are not enabled, {0}", name))
+        }[sharingState] : ( localize(11348, "Browser page unavailable, {0}", name)));
     }
     async openResource(_resource, options, _isDirectory, _range) {
         if (this._input) {
@@ -2244,9 +2315,9 @@ function addBasicContextMenu(accessor, widget, scopedContextKeyService, menuId,
 const chatAttachmentResourceContextKey = new RawContextKey("chatAttachmentResource", undefined, {
     type: "URI",
     description: ( localize(
-        9387,
+        11349,
         "The full value of the chat attachment resource, including scheme and path"
     ))
 });
 
-export { BrowserViewAttachmentWidget, ChatReferenceAttachmentWidget, DefaultChatAttachmentWidget, ElementChatAttachmentWidget, FileAttachmentWidget, ImageAttachmentWidget, NotebookCellOutputChatAttachmentWidget, PasteAttachmentWidget, PromptFileAttachmentWidget, PromptTextAttachmentWidget, SCMHistoryItemAttachmentWidget, SCMHistoryItemChangeAttachmentWidget, SCMHistoryItemChangeRangeAttachmentWidget, TerminalCommandAttachmentWidget, ToolSetOrToolItemAttachmentWidget, TranscriptContextAttachmentWidget, chatAttachmentResourceContextKey, createImageHoverContent, getEffectiveImageOmittedState, hookUpResourceAttachmentDragAndContextMenu, hookUpSymbolAttachmentDragAndContextMenu, openPastedTextArtifact, openTranscriptContextAttachment };
+export { BrowserViewAttachmentWidget, ChatReferenceAttachmentWidget, DefaultChatAttachmentWidget, ElementChatAttachmentWidget, FileAttachmentWidget, ImageAttachmentWidget, NotebookCellOutputChatAttachmentWidget, PasteAttachmentWidget, PromptFileAttachmentWidget, PromptTextAttachmentWidget, SCMHistoryItemAttachmentWidget, SCMHistoryItemChangeAttachmentWidget, SCMHistoryItemChangeRangeAttachmentWidget, TerminalCommandAttachmentWidget, ToolSetOrToolItemAttachmentWidget, TranscriptContextAttachmentWidget, chatAttachmentResourceContextKey, getEffectiveImageOmittedState, hookUpResourceAttachmentDragAndContextMenu, hookUpSymbolAttachmentDragAndContextMenu, openPastedTextArtifact, openTranscriptContextAttachment };