@codingame/monaco-vscode-katex-common 33.0.9 → 34.0.0

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

@@ -1,9 +1,10 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { append, $, addDisposableListener, EventType, addStandardDisposableListener, EventHelper, createTextNode, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { append, $, addDisposableListener, EventType, addStandardDisposableListener, EventHelper, getWindow, createTextNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { StandardKeyboardEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/keyboardEvent';
 import { StandardMouseEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/mouseEvent';
 import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { VSBuffer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/buffer';
 import { HoverStyle } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hover';
 import { createInstantHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
 import { HoverPosition } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverWidget';
@@ -13,9 +14,10 @@ import { Emitter, Event } from '@codingame/monaco-vscode-api/vscode/vs/base/comm
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
 import { Iterable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/iterator';
 import { KeyCode } from '@codingame/monaco-vscode-api/vscode/vs/base/common/keyCodes';
-import { Disposable, DisposableStore, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { Disposable, DisposableStore, MutableDisposable, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { Schemas } from '@codingame/monaco-vscode-api/vscode/vs/base/common/network';
 import { basename, dirname } from '@codingame/monaco-vscode-api/vscode/vs/base/common/path';
+import { joinPath } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
@@ -34,6 +36,7 @@ import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/pl
 import { RawContextKey } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey';
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
+import { IFileDialogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/dialogs/common/dialogs.service';
 import { fillInSymbolsDragData } from '@codingame/monaco-vscode-api/vscode/vs/platform/dnd/browser/dnd';
 import { registerOpenEditorListeners } from '../../../../../platform/editor/browser/editor.js';
 import { FileKind } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files';
@@ -42,6 +45,7 @@ import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/h
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { ILabelService } from '@codingame/monaco-vscode-api/vscode/vs/platform/label/common/label.service';
 import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
 import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
 import { FolderThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService';
 import { IThemeService } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service';
@@ -68,6 +72,7 @@ import { ILanguageModelToolsService } from '@codingame/monaco-vscode-api/vscode/
 import { getCleanPromptName } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/config/promptFileLocations';
 import { IChatContextService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/contextContrib/chatContextService.service';
 import { IChatImageCarouselService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatImageCarouselService.service';
+import { getOrCreateImageThumbnail } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatImageUtils';
 
 const commonHoverOptions = {
     style: HoverStyle.Pointer,
@@ -142,7 +147,7 @@ let AbstractChatAttachmentWidget = class AbstractChatAttachmentWidget extends Di
         if (!this._hasClearButton) {
             return ariaLabel;
         }
-        return localize(5742, "{0} (Delete)", ariaLabel);
+        return localize(5812, "{0} (Delete)", ariaLabel);
     }
     attachClearButton() {
         if (this.attachment.range || !this.options.supportsDeletion) {
@@ -152,7 +157,7 @@ let AbstractChatAttachmentWidget = class AbstractChatAttachmentWidget extends Di
         const clearButton = ( new Button(this.element, {
             supportIcons: true,
             hoverDelegate: createInstantHoverDelegate(),
-            title: ( localize(5743, "Remove from context"))
+            title: ( localize(5813, "Remove from context"))
         }));
         clearButton.element.tabIndex = -1;
         clearButton.icon = Codicon.close;
@@ -225,7 +230,10 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         themeService,
         hoverService,
         languageModelsService,
-        instantiationService
+        instantiationService,
+        fileDialogService,
+        fileService,
+        notificationService
     ) {
         super(
             attachment,
@@ -241,18 +249,21 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         this.hoverService = hoverService;
         this.languageModelsService = languageModelsService;
         this.instantiationService = instantiationService;
+        this.fileDialogService = fileDialogService;
+        this.fileService = fileService;
+        this.notificationService = notificationService;
         const fileBasename = basename(resource.path);
         const fileDirname = dirname(resource.path);
         const friendlyName = `${fileBasename} ${fileDirname}`;
         let ariaLabel = range ? ( localize(
-            5744,
+            5814,
             "Attached file, {0}, line {1} to line {2}",
             friendlyName,
             range.startLineNumber,
             range.endLineNumber
-        )) : ( localize(5745, "Attached file, {0}", friendlyName));
+        )) : ( localize(5815, "Attached file, {0}", friendlyName));
         if (attachment.omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(5746, "Omitted this file: {0}", attachment.name));
+            ariaLabel = ( localize(5816, "Omitted this file: {0}", attachment.name));
             this.renderOmittedWarning(friendlyName, ariaLabel);
         } else {
             const fileOptions = {
@@ -276,6 +287,9 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
             }
         }
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
+        if (attachment.kind === "file") {
+            this.attachSaveButton(resource, fileBasename, options.supportsDeletion);
+        }
         this.instantiationService.invokeFunction(accessor => {
             this._register(
                 hookUpResourceAttachmentDragAndContextMenu(accessor, this.element, resource)
@@ -283,6 +297,37 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         });
         this.addResourceOpenHandlers(resource, range);
     }
+    attachSaveButton(resource, name, supportsDeletion) {
+        if (supportsDeletion) {
+            return;
+        }
+        const saveButton = ( new Button(this.element, {
+            supportIcons: true,
+            hoverDelegate: createInstantHoverDelegate(),
+            title: ( localize(5817, "Save As..."))
+        }));
+        saveButton.element.classList.add("chat-attached-context-download-button");
+        saveButton.element.tabIndex = -1;
+        saveButton.icon = Codicon.cloudDownload;
+        this.element.insertBefore(saveButton.element, this.label.element);
+        this._register(saveButton);
+        this._register(saveButton.onDidClick(async e => {
+            e.preventDefault();
+            e.stopPropagation();
+            const defaultUri = joinPath(await this.fileDialogService.defaultFilePath(), name);
+            const target = await this.fileDialogService.showSaveDialog({
+                defaultUri
+            });
+            if (!target) {
+                return;
+            }
+            try {
+                await this.fileService.copy(resource, target, true);
+            } catch (error) {
+                this.notificationService.error(( localize(5818, "Failed to save file: {0}", error)));
+            }
+        }));
+    }
     renderOmittedWarning(friendlyName, ariaLabel) {
         const pillIcon = $(
             "div.chat-attached-context-pill",
@@ -296,7 +341,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         hoverElement.setAttribute("aria-label", ariaLabel);
         this.element.classList.add("warning");
         hoverElement.textContent = ( localize(
-            5747,
+            5819,
             "{0} does not support this file type.",
             this.currentLanguageModel ? this.languageModelsService.lookupLanguageModel(this.currentLanguageModel.identifier)?.name : this.currentLanguageModel ?? "This model"
         ));
@@ -309,7 +354,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         this.element.classList.add("warning");
         const hoverElement = $("div.chat-attached-context-hover");
         hoverElement.textContent = ( localize(
-            5748,
+            5820,
             "This folder contains {0} images, which exceeds the maximum of {1} images per request. Older images will not be sent.",
             imageCount,
             limit
@@ -320,7 +365,7 @@ let FileAttachmentWidget = class FileAttachmentWidget extends AbstractChatAttach
         }, commonHoverLifecycleOptions));
     }
 };
-FileAttachmentWidget = ( __decorate([( __param(8, ICommandService)), ( __param(9, IOpenerService)), ( __param(10, IConfigurationService)), ( __param(11, IThemeService)), ( __param(12, IHoverService)), ( __param(13, ILanguageModelsService)), ( __param(14, IInstantiationService))], FileAttachmentWidget));
+FileAttachmentWidget = ( __decorate([( __param(8, ICommandService)), ( __param(9, IOpenerService)), ( __param(10, IConfigurationService)), ( __param(11, IThemeService)), ( __param(12, IHoverService)), ( __param(13, ILanguageModelsService)), ( __param(14, IInstantiationService)), ( __param(15, IFileDialogService)), ( __param(16, IFileService)), ( __param(17, INotificationService))], FileAttachmentWidget));
 let TerminalCommandAttachmentWidget = class TerminalCommandAttachmentWidget extends AbstractChatAttachmentWidget {
     constructor(
         attachment,
@@ -347,7 +392,7 @@ let TerminalCommandAttachmentWidget = class TerminalCommandAttachmentWidget exte
         );
         this.hoverService = hoverService;
         this.terminalService = terminalService;
-        const ariaLabel = ( localize(5749, "Terminal command, {0}", attachment.command));
+        const ariaLabel = ( localize(5821, "Terminal command, {0}", attachment.command));
         const clickHandler = () => this.openResource(attachment.resource, {
             editorOptions: {
                 preserveFocus: true
@@ -401,16 +446,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(
-            5750,
+            5822,
             "Command: {0}, exit code: {1}",
             attachment.command,
             attachment.exitCode
-        )) : ( localize(5751, "Command")));
+        )) : ( localize(5823, "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(5752, "Output:")));
+            const outputTitle = $("div", {}, ( localize(5824, "Output:")));
             outputTitle.classList.add("attachment-additional-info");
             const outputBlock = $("pre.chat-terminal-command-output");
             const fullOutputLines = attachment.output.split("\n");
@@ -455,7 +500,10 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         instantiationService,
         labelService,
         chatEntitlementService,
-        chatImageCarouselService
+        chatImageCarouselService,
+        fileDialogService,
+        fileService,
+        notificationService
     ) {
         super(
             attachment,
@@ -472,15 +520,19 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         this.labelService = labelService;
         this.chatEntitlementService = chatEntitlementService;
         this.chatImageCarouselService = chatImageCarouselService;
+        this.fileDialogService = fileDialogService;
+        this.fileService = fileService;
+        this.notificationService = notificationService;
+        this.element.classList.add("image-attachment");
         let ariaLabel;
         if (attachment.omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(5753, "Omitted this image: {0}", attachment.name));
+            ariaLabel = ( localize(5825, "Omitted this image: {0}", attachment.name));
         } else if (attachment.omittedState === OmittedState.Partial) {
-            ariaLabel = ( localize(5754, "Partially omitted this image: {0}", attachment.name));
+            ariaLabel = ( localize(5826, "Partially omitted this image: {0}", attachment.name));
         } else if (attachment.omittedState === OmittedState.ImageLimitExceeded) {
-            ariaLabel = ( localize(5755, "Image not sent due to limit: {0}", attachment.name));
+            ariaLabel = ( localize(5827, "Image not sent due to limit: {0}", attachment.name));
         } else {
-            ariaLabel = ( localize(5756, "Attached image, {0}", attachment.name));
+            ariaLabel = ( localize(5828, "Attached image, {0}", attachment.name));
         }
         const ref = attachment.references?.[0]?.reference;
         resource = ref && URI.isUri(ref) ? ref : undefined;
@@ -504,6 +556,7 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
             fullName,
             this.element,
             imageData ?? attachment.value,
+            attachment.id,
             this.hoverService,
             ariaLabel,
             currentLanguageModelName,
@@ -512,6 +565,7 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
             attachment.omittedState,
             this.chatEntitlementService.previewFeaturesDisabled
         ));
+        this.attachSaveButton(resource, imageData, attachment.name, options.supportsDeletion);
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
         const canOpenCarousel = !!imageData && configurationService.getValue(ChatConfiguration.ImageCarouselEnabled);
         if (canOpenCarousel || resource) {
@@ -535,14 +589,50 @@ let ImageAttachmentWidget = class ImageAttachmentWidget extends AbstractChatAtta
         }));
         await this.chatImageCarouselService.openCarouselAtResource(resource, data);
     }
+    attachSaveButton(resource, imageData, name, supportsDeletion) {
+        if (supportsDeletion || (!resource && !imageData)) {
+            return;
+        }
+        const saveButton = ( new Button(this.element, {
+            supportIcons: true,
+            hoverDelegate: createInstantHoverDelegate(),
+            title: ( localize(5829, "Save Image As..."))
+        }));
+        saveButton.element.classList.add("chat-attached-context-download-button");
+        saveButton.element.tabIndex = -1;
+        saveButton.icon = Codicon.cloudDownload;
+        this._register(saveButton);
+        this._register(saveButton.onDidClick(async e => {
+            e.preventDefault();
+            e.stopPropagation();
+            const defaultUri = joinPath(await this.fileDialogService.defaultFilePath(), name);
+            const target = await this.fileDialogService.showSaveDialog({
+                defaultUri
+            });
+            if (!target) {
+                return;
+            }
+            try {
+                if (resource) {
+                    await this.fileService.copy(resource, target, true);
+                } else if (imageData) {
+                    await this.fileService.writeFile(target, VSBuffer.wrap(imageData));
+                }
+            } catch (error) {
+                this.notificationService.error(( localize(5830, "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, IChatEntitlementService)), ( __param(14, IChatImageCarouselService))], ImageAttachmentWidget));
+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, IChatEntitlementService)), ( __param(14, IChatImageCarouselService)), ( __param(15, IFileDialogService)), ( __param(16, IFileService)), ( __param(17, INotificationService))], ImageAttachmentWidget));
+const IMAGE_HOVER_THUMBNAIL_MAX_SIZE = 768;
 function createImageElements(
     resource,
     name,
     fullName,
     element,
     buffer,
+    cacheKey,
     hoverService,
     ariaLabel,
     currentLanguageModelName,
@@ -567,11 +657,16 @@ function createImageElements(
     const textLabel = $("span.chat-attached-context-custom-text", {}, name);
     element.appendChild(pillIcon);
     element.appendChild(textLabel);
+    let currentPill = pillIcon;
+    const replacePill = pill => {
+        currentPill.replaceWith(pill);
+        currentPill = pill;
+    };
     const hoverElement = $("div.chat-attached-context-hover");
     hoverElement.setAttribute("aria-label", ariaLabel);
     if (previewFeaturesDisabled) {
         element.classList.add("warning");
-        hoverElement.textContent = ( localize(5757, "Vision is disabled by your organization."));
+        hoverElement.textContent = ( localize(5831, "Vision is disabled by your organization."));
         disposable.add(hoverService.setupDelayedHover(element, {
             content: hoverElement,
             style: HoverStyle.Pointer
@@ -579,7 +674,7 @@ function createImageElements(
     } else if ((!supportsVision && currentLanguageModel) || omittedState === OmittedState.Full) {
         element.classList.add("warning");
         hoverElement.textContent = ( localize(
-            5758,
+            5832,
             "{0} does not support images.",
             currentLanguageModelName ?? "This model"
         ));
@@ -591,11 +686,11 @@ function createImageElements(
         element.classList.add("warning");
         const maxImagesPerRequest = getImageAttachmentLimit(currentLanguageModel?.metadata);
         hoverElement.textContent = maxImagesPerRequest !== undefined ? ( localize(
-            5759,
+            5833,
             "This image was not sent because the maximum of {0} images per request was exceeded.",
             maxImagesPerRequest
         )) : ( localize(
-            5760,
+            5834,
             "This image was not sent because this model's image limit was exceeded."
         ));
         disposable.add(hoverService.setupDelayedHover(element, {
@@ -607,21 +702,7 @@ function createImageElements(
             content: hoverElement,
             style: HoverStyle.Pointer
         }));
-        const blob = ( new Blob([buffer], {
-            type: "image/png"
-        }));
-        const url = URL.createObjectURL(blob);
-        const pillImg = $("img.chat-attached-context-pill-image", {
-            src: url,
-            alt: ""
-        });
-        const pill = $("div.chat-attached-context-pill", {}, pillImg);
-        const existingPill = element.querySelector(".chat-attached-context-pill");
-        if (existingPill) {
-            existingPill.replaceWith(pill);
-        }
         const hoverImage = $("img.chat-attached-context-image", {
-            src: url,
             alt: ""
         });
         const imageContainer = $("div.chat-attached-context-image-container", {}, hoverImage);
@@ -630,27 +711,42 @@ function createImageElements(
             const urlContainer = $(
                 "a.chat-attached-context-url",
                 {},
-                omittedState === OmittedState.Partial ? ( localize(5761, "This GIF was partially omitted - current frame will be sent.")) : fullName
+                omittedState === OmittedState.Partial ? ( localize(5835, "This GIF was partially omitted - current frame will be sent.")) : fullName
             );
             const separator = $("div.chat-attached-context-url-separator");
             disposable.add(addDisposableListener(urlContainer, "click", () => clickHandler()));
             hoverElement.append(separator, urlContainer);
         }
-        hoverImage.onload = () => {
-            URL.revokeObjectURL(url);
-        };
-        hoverImage.onerror = () => {
+        const onImageFailed = () => {
             const pillIcon = $(
                 "div.chat-attached-context-pill",
                 {},
                 $("span.codicon.codicon-file-media")
             );
-            const pill = $("div.chat-attached-context-pill", {}, pillIcon);
-            const existingPill = element.querySelector(".chat-attached-context-pill");
-            if (existingPill) {
-                existingPill.replaceWith(pill);
+            replacePill(pillIcon);
+        };
+        const data = buffer instanceof Uint8Array ? buffer : ( new Uint8Array(buffer));
+        const previewImageUrl = disposable.add(( new MutableDisposable()));
+        const renderPreviewImage = async () => {
+            const thumbnail = await getOrCreateImageThumbnail(cacheKey, data, IMAGE_HOVER_THUMBNAIL_MAX_SIZE, getWindow(element));
+            if (disposable.isDisposed) {
+                return;
+            }
+            const source = thumbnail ?? ( new Blob([data]));
+            const url = URL.createObjectURL(source);
+            previewImageUrl.value = toDisposable(() => URL.revokeObjectURL(url));
+            if (thumbnail) {
+                const pillImg = $("img.chat-attached-context-pill-image", {
+                    src: url,
+                    alt: ""
+                });
+                const pill = $("div.chat-attached-context-pill", {}, pillImg);
+                replacePill(pill);
             }
+            hoverImage.onerror = onImageFailed;
+            hoverImage.src = url;
         };
+        void renderPreviewImage();
     }
     return disposable;
 }
@@ -679,7 +775,7 @@ let PasteAttachmentWidget = class PasteAttachmentWidget extends AbstractChatAtta
         );
         this.hoverService = hoverService;
         this.instantiationService = instantiationService;
-        const ariaLabel = ( localize(5762, "Attached context, {0}", attachment.name));
+        const ariaLabel = ( localize(5836, "Attached context, {0}", attachment.name));
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
         const classNames = ["file-icon", `${attachment.language}-lang-file-icon`];
         let resource;
@@ -772,7 +868,7 @@ let DefaultChatAttachmentWidget = class DefaultChatAttachmentWidget extends Abst
             const withIcon = attachment.icon?.id ? `$(${attachment.icon.id})\u00A0${attachmentLabel}` : attachmentLabel;
             this.label.setLabel(withIcon, correspondingContentReference?.options?.status?.description);
         }
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", attachment.name)));
         if (attachment.kind === "diagnostic") {
             if (attachment.filterUri) {
                 resource = attachment.filterUri ? URI.revive(attachment.filterUri) : undefined;
@@ -873,8 +969,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(5763, "Prompt file, {0}", friendlyName)) : ( localize(5764, "Instructions attachment, {0}", friendlyName));
-        const typeLabel = isPrompt ? ( localize(5765, "Prompt")) : ( localize(5766, "Instructions"));
+        const ariaLabel = isPrompt ? ( localize(5837, "Prompt file, {0}", friendlyName)) : ( localize(5838, "Instructions attachment, {0}", friendlyName));
+        const typeLabel = isPrompt ? ( localize(5839, "Prompt")) : ( localize(5840, "Instructions"));
         const title = this.labelService.getUriLabel(resource) + (attachment.originLabel ? `\n${attachment.originLabel}` : "");
         this.element.classList.remove("warning", "error");
         const fileWithoutExtension = getCleanPromptName(resource);
@@ -934,8 +1030,8 @@ let PromptTextAttachmentWidget = class PromptTextAttachmentWidget extends Abstra
                 })
             );
         }
-        this.label.setLabel(( localize(5767, "Additional Instructions")), undefined, undefined);
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", attachment.name)));
+        this.label.setLabel(( localize(5841, "Additional Instructions")), undefined, undefined);
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", attachment.name)));
         this._register(hoverService.setupDelayedHover(this.element, {
             ...commonHoverOptions,
             content: attachment.value
@@ -982,18 +1078,18 @@ let ToolSetOrToolItemAttachmentWidget = class ToolSetOrToolItemAttachmentWidget
         }
         this.label.setLabel(`$(${icon.id})\u00A0${name}`, undefined);
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", name)));
         let hoverContent;
         if (isToolSet(toolOrToolSet)) {
             hoverContent = ( localize(
-                5768,
+                5842,
                 "{0} - {1}",
                 toolOrToolSet.description ?? toolOrToolSet.referenceName,
                 toolOrToolSet.source.label
             ));
         } else if (toolOrToolSet) {
             hoverContent = ( localize(
-                5769,
+                5843,
                 "{0} - {1}",
                 toolOrToolSet.userDescription ?? toolOrToolSet.modelDescription,
                 toolOrToolSet.source.label
@@ -1066,7 +1162,7 @@ let NotebookCellOutputChatAttachmentWidget = class NotebookCellOutputChatAttachm
         this.addResourceOpenHandlers(resource, undefined);
     }
     getAriaLabel(attachment) {
-        return localize(5770, "Attached Notebook output, {0}", attachment.name);
+        return localize(5844, "Attached Notebook output, {0}", attachment.name);
     }
     renderErrorOutput(resource, attachment) {
         const attachmentLabel = attachment.name;
@@ -1094,9 +1190,9 @@ let NotebookCellOutputChatAttachmentWidget = class NotebookCellOutputChatAttachm
     renderImageOutput(resource, attachment) {
         let ariaLabel;
         if (attachment.omittedState === OmittedState.Full) {
-            ariaLabel = ( localize(5771, "Omitted this Notebook ouput: {0}", attachment.name));
+            ariaLabel = ( localize(5845, "Omitted this Notebook ouput: {0}", attachment.name));
         } else if (attachment.omittedState === OmittedState.Partial) {
-            ariaLabel = ( localize(5772, "Partially omitted this Notebook output: {0}", attachment.name));
+            ariaLabel = ( localize(5846, "Partially omitted this Notebook output: {0}", attachment.name));
         } else {
             ariaLabel = this.getAriaLabel(attachment);
         }
@@ -1113,6 +1209,7 @@ let NotebookCellOutputChatAttachmentWidget = class NotebookCellOutputChatAttachm
             attachment.name,
             this.element,
             buffer,
+            attachment.id,
             this.hoverService,
             ariaLabel,
             currentLanguageModelName,
@@ -1166,14 +1263,14 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         );
         this.editorService = editorService;
         this.hoverService = hoverService;
-        const ariaLabel = ( localize(5773, "Attached element, {0}", attachment.name));
+        const ariaLabel = ( localize(5847, "Attached element, {0}", attachment.name));
         this.element.ariaLabel = this.appendDeletionHint(ariaLabel);
         this.element.style.position = "relative";
         this.element.style.cursor = "pointer";
         const attachmentLabel = attachment.name;
         const withIcon = attachment.icon?.id ? `$(${attachment.icon.id})\u00A0${attachmentLabel}` : attachmentLabel;
         this.label.setLabel(withIcon, undefined, {
-            title: ( localize(5774, "Click to view the contents of: {0}", attachmentLabel))
+            title: ( localize(5848, "Click to view the contents of: {0}", attachmentLabel))
         });
         this._register(this.hoverService.setupDelayedHover(
             this.element,
@@ -1193,7 +1290,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
         const innerScrollables = [];
         {
             const section = $("div.chat-element-hover-section");
-            const header = $("div.chat-element-hover-header", {}, ( localize(5775, "ELEMENT")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5849, "ELEMENT")));
             section.appendChild(header);
             const elementPre = $("pre.chat-element-hover-code");
             const elementCode = $("code");
@@ -1211,7 +1308,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(5776, "KEY COMPUTED STYLES")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5850, "KEY COMPUTED STYLES")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             for (const [name, value] of computedStyleEntries) {
@@ -1230,7 +1327,7 @@ let ElementChatAttachmentWidget = class ElementChatAttachmentWidget extends Abst
             section.appendChild(table);
             const showMoreButton = $("button.chat-element-hover-show-more", {
                 type: "button"
-            }, ( localize(5777, "Show More...")));
+            }, ( localize(5851, "Show More...")));
             this._register(
                 addDisposableListener(showMoreButton, EventType.CLICK, async e => {
                     EventHelper.stop(e, true);
@@ -1242,7 +1339,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(5778, "HTML PATH")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5852, "HTML PATH")));
             section.appendChild(header);
             const lines = [];
             for (let i = 0; i < attachment.ancestors.length; i++) {
@@ -1265,7 +1362,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(5779, "ATTRIBUTES")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5853, "ATTRIBUTES")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             for (const [name, value] of Object.entries(attachment.attributes)) {
@@ -1279,7 +1376,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(5780, "POSITION & SIZE")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5854, "POSITION & SIZE")));
             section.appendChild(header);
             const table = $("div.chat-element-hover-table");
             const dims = [
@@ -1299,7 +1396,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(5781, "INNER TEXT")));
+            const header = $("div.chat-element-hover-header", {}, ( localize(5855, "INNER TEXT")));
             section.appendChild(header);
             section.appendChild($("div.chat-element-hover-text", {}, attachment.innerText));
             scrollableContent.appendChild(section);
@@ -1445,7 +1542,7 @@ let SCMHistoryItemAttachmentWidget = class SCMHistoryItemAttachmentWidget extend
         );
         this.label.setLabel(attachment.name, undefined);
         this.element.style.cursor = "pointer";
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", attachment.name)));
         const {
             content,
             disposables
@@ -1507,7 +1604,7 @@ let SCMHistoryItemChangeAttachmentWidget = class SCMHistoryItemChangeAttachmentW
             hidePath: true,
             nameSuffix
         });
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", attachment.name)));
         const {
             content,
             disposables
@@ -1563,7 +1660,7 @@ let SCMHistoryItemChangeRangeAttachmentWidget = class SCMHistoryItemChangeRangeA
             hidePath: true,
             nameSuffix
         });
-        this.element.ariaLabel = this.appendDeletionHint(( localize(5762, "Attached context, {0}", attachment.name)));
+        this.element.ariaLabel = this.appendDeletionHint(( localize(5836, "Attached context, {0}", attachment.name)));
         this.addResourceOpenHandlers(attachment.value, undefined);
     }
     async openResource(resource, options, isDirectory, range) {
@@ -1630,9 +1727,9 @@ let BrowserViewAttachmentWidget = class BrowserViewAttachmentWidget extends Abst
             ...commonHoverOptions,
             content: this._input ? {
                 [BrowserViewSharingState.Shared]: this._input.getTitle() ?? "",
-                [BrowserViewSharingState.NotShared]: ( localize(5782, "This browser page is not shared with the agent.")),
-                [BrowserViewSharingState.Unavailable]: ( localize(5783, "Browser tools are not enabled."))
-            }[this._input.model?.sharingState ?? BrowserViewSharingState.Shared] : ( localize(5784, "This browser page is no longer open."))
+                [BrowserViewSharingState.NotShared]: ( localize(5856, "This browser page is not shared with the agent.")),
+                [BrowserViewSharingState.Unavailable]: ( localize(5857, "Browser tools are not enabled."))
+            }[this._input.model?.sharingState ?? BrowserViewSharingState.Shared] : ( localize(5858, "This browser page is no longer open."))
         }), commonHoverLifecycleOptions));
         this._instantiationService.invokeFunction(accessor => {
             this._register(
@@ -1678,10 +1775,10 @@ let BrowserViewAttachmentWidget = class BrowserViewAttachmentWidget extends Abst
             strikethrough: !isAvailable
         });
         this.element.ariaLabel = this.appendDeletionHint(this._input ? {
-            [BrowserViewSharingState.Shared]: ( localize(5785, "Attached browser page, {0}", name)),
-            [BrowserViewSharingState.NotShared]: ( localize(5786, "Browser page not shared with agent, {0}", name)),
-            [BrowserViewSharingState.Unavailable]: ( localize(5787, "Browser tools are not enabled, {0}", name))
-        }[sharingState] : ( localize(5788, "Browser page unavailable, {0}", name)));
+            [BrowserViewSharingState.Shared]: ( localize(5859, "Attached browser page, {0}", name)),
+            [BrowserViewSharingState.NotShared]: ( localize(5860, "Browser page not shared with agent, {0}", name)),
+            [BrowserViewSharingState.Unavailable]: ( localize(5861, "Browser tools are not enabled, {0}", name))
+        }[sharingState] : ( localize(5862, "Browser page unavailable, {0}", name)));
     }
     async openResource(_resource, options, _isDirectory, _range) {
         if (this._input) {
@@ -1832,7 +1929,7 @@ function addBasicContextMenu(accessor, widget, scopedContextKeyService, menuId,
 const chatAttachmentResourceContextKey = ( new RawContextKey("chatAttachmentResource", undefined, {
     type: "URI",
     description: ( localize(
-        5789,
+        5863,
         "The full value of the chat attachment resource, including scheme and path"
     ))
 }));