@codingame/monaco-vscode-api 9.0.2 → 10.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/chatContentParts/chatProgressContentPart.js

@@ -6,9 +6,9 @@ import { Disposable } from '../../../../../base/common/lifecycle.js';
 import { ThemeIcon } from '../../../../../base/common/themables.js';
 import { isResponseVM } from '../../common/chatViewModel.js';
 class ChatProgressContentPart extends Disposable {
-    constructor(progress, renderer, context, forceShowSpinner, forceShowMessage) {
+    constructor(progress, renderer, context, forceShowSpinner, forceShowMessage, icon) {
         super();
-        const followingContent = context.content.slice(context.index + 1);
+        const followingContent = context.content.slice(context.contentIndex + 1);
         this.showSpinner = forceShowSpinner ?? shouldShowSpinner(followingContent, context.element);
         const hideMessage = forceShowMessage !== true && ( followingContent.some(part => part.kind !== 'progressMessage'));
         if (hideMessage) {
@@ -18,7 +18,7 @@ class ChatProgressContentPart extends Disposable {
         if (this.showSpinner) {
             alert(progress.content.value);
         }
-        const codicon = this.showSpinner ? ThemeIcon.modify(Codicon.loading, 'spin').id : Codicon.check.id;
+        const codicon = icon ? icon.id : this.showSpinner ? ThemeIcon.modify(Codicon.loading, 'spin').id : Codicon.check.id;
         const markdown = ( new MarkdownString(`$(${codicon}) ${progress.content.value}`, {
             supportThemeIcons: true
         }));

package/vscode/src/vs/workbench/contrib/chat/browser/chatContentParts/chatReferencesContentPart.js

@@ -1,6 +1,7 @@
 import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
 import { $ as $$1 } from '../../../../../base/browser/dom.js';
 import { Button } from '../../../../../base/browser/ui/button/button.js';
+import { coalesce } from '../../../../../base/common/arrays.js';
 import { Codicon } from '../../../../../base/common/codicons.js';
 import { Emitter } from '../../../../../base/common/event.js';
 import { Disposable, DisposableStore } from '../../../../../base/common/lifecycle.js';
@@ -10,30 +11,37 @@ import { basenameOrAuthority, isEqualAuthority } from '../../../../../base/commo
 import { ThemeIcon } from '../../../../../base/common/themables.js';
 import { URI } from '../../../../../base/common/uri.js';
 import { localize } from '../../../../../nls.js';
+import { MenuWorkbenchToolBar } from '../../../../../platform/actions/browser/toolbar.js';
+import { IClipboardService } from '../../../../../platform/clipboard/common/clipboardService.service.js';
+import { IContextMenuService } from '../../../../../platform/contextview/browser/contextView.service.js';
 import { FileKind } from '../../../../../platform/files/common/files.js';
 import { IInstantiationService } from '../../../../../platform/instantiation/common/instantiation.js';
+import { ILabelService } from '../../../../../platform/label/common/label.service.js';
 import { WorkbenchList } from '../../../../../platform/list/browser/listService.js';
 import { IOpenerService } from '../../../../../platform/opener/common/opener.service.js';
 import { IProductService } from '../../../../../platform/product/common/productService.service.js';
 import { IThemeService } from '../../../../../platform/theme/common/themeService.service.js';
+import { fillEditorsDragData } from '../../../../browser/dnd.js';
 import { ResourceLabels } from '../../../../browser/labels.js';
 import { ColorScheme } from '../../../../browser/web.api.js';
-import { ResourcePool } from './chatCollections.js';
+import { SETTINGS_AUTHORITY } from '../../../../services/preferences/common/preferences.js';
+import { createFileIconThemableTreeContainerScope } from '../../../files/browser/views/explorerView.js';
 import { ChatResponseReferencePartStatusKind } from '../../common/chatService.js';
 import { IChatVariablesService } from '../../common/chatVariables.service.js';
-import { createFileIconThemableTreeContainerScope } from '../../../files/browser/views/explorerView.js';
-import { SETTINGS_AUTHORITY } from '../../../../services/preferences/common/preferences.js';
+import { ResourcePool } from './chatCollections.js';
 var CollapsibleListRenderer_1;
 const $ = $$1;
 let ChatCollapsibleListContentPart = class ChatCollapsibleListContentPart extends Disposable {
-    constructor(data, labelOverride, element, contentReferencesListPool, openerService) {
+    constructor(data, labelOverride, element, contentReferencesListPool, openerService, contextMenuService, clipboardService) {
         super();
         this.data = data;
+        this.contextMenuService = contextMenuService;
+        this.clipboardService = clipboardService;
         this._onDidChangeHeight = this._register(( (new Emitter())));
         this.onDidChangeHeight = this._onDidChangeHeight.event;
         const referencesLabel = labelOverride ?? (data.length > 1 ?
-            ( localize(10616, "Used {0} references", data.length)) :
-            ( localize(10617, "Used {0} reference", 1)));
+            ( localize(10687, "Used {0} references", data.length)) :
+            ( localize(10688, "Used {0} reference", 1)));
         const iconElement = $('.chat-used-context-icon');
         const icon = (element) => element.usedReferencesExpanded ? Codicon.chevronDown : Codicon.chevronRight;
         iconElement.classList.add(...ThemeIcon.asClassNameArray(icon(element)));
@@ -85,6 +93,29 @@ let ChatCollapsibleListContentPart = class ChatCollapsibleListContentPart extend
         this._register(list.onContextMenu((e) => {
             e.browserEvent.preventDefault();
             e.browserEvent.stopPropagation();
+            if (e.element && 'reference' in e.element && typeof e.element.reference === 'object') {
+                const uriOrLocation = 'variableName' in e.element.reference ? e.element.reference.value : e.element.reference;
+                const uri = URI.isUri(uriOrLocation) ? uriOrLocation :
+                    uriOrLocation?.uri;
+                if (uri) {
+                    this.contextMenuService.showContextMenu({
+                        getAnchor: () => e.anchor,
+                        getActions: () => {
+                            return [{
+                                    id: 'workbench.action.chat.copyReference',
+                                    title: ( localize(10689, "Copy")),
+                                    label: ( localize(10689, "Copy")),
+                                    tooltip: ( localize(10689, "Copy")),
+                                    enabled: e.element?.kind === 'reference',
+                                    class: undefined,
+                                    run: () => {
+                                        void this.clipboardService.writeResources([uri]);
+                                    }
+                                }];
+                        }
+                    });
+                }
+            }
         }));
         const maxItemsShown = 6;
         const itemsShown = Math.min(data.length, maxItemsShown);
@@ -98,31 +129,51 @@ let ChatCollapsibleListContentPart = class ChatCollapsibleListContentPart extend
             other.kind === 'codeCitations' && other.citations.length === this.data.length;
     }
     updateAriaLabel(element, label, expanded) {
-        element.ariaLabel = expanded ? ( localize(10618, "{0}, expanded", label)) : ( localize(10619, "{0}, collapsed", label));
+        element.ariaLabel = expanded ? ( localize(10690, "{0}, expanded", label)) : ( localize(10691, "{0}, collapsed", label));
     }
     addDisposable(disposable) {
         this._register(disposable);
     }
 };
 ChatCollapsibleListContentPart = ( (__decorate([
-    ( (__param(4, IOpenerService)))
+    ( (__param(4, IOpenerService))),
+    ( (__param(5, IContextMenuService))),
+    ( (__param(6, IClipboardService)))
 ], ChatCollapsibleListContentPart)));
 let CollapsibleListPool = class CollapsibleListPool extends Disposable {
     get inUse() {
         return this._pool.inUse;
     }
-    constructor(_onDidChangeVisibility, instantiationService, themeService) {
+    constructor(_onDidChangeVisibility, menuId, options, instantiationService, themeService, labelService) {
         super();
         this._onDidChangeVisibility = _onDidChangeVisibility;
+        this.menuId = menuId;
+        this.options = options;
         this.instantiationService = instantiationService;
         this.themeService = themeService;
+        this.labelService = labelService;
         this._pool = this._register(( (new ResourcePool(() => this.listFactory()))));
     }
     listFactory() {
         const resourceLabels = this._register(this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility }));
         const container = $('.chat-used-context-list');
         this._register(createFileIconThemableTreeContainerScope(container, this.themeService));
-        const list = this.instantiationService.createInstance((WorkbenchList), 'ChatListRenderer', container, ( (new CollapsibleListDelegate())), [this.instantiationService.createInstance(CollapsibleListRenderer, resourceLabels)], {
+        const getDragURI = (element) => {
+            if (element.kind === 'warning') {
+                return null;
+            }
+            const { reference } = element;
+            if (typeof reference === 'string' || 'variableName' in reference) {
+                return null;
+            }
+            else if (URI.isUri(reference)) {
+                return reference;
+            }
+            else {
+                return reference.uri;
+            }
+        };
+        const list = this.instantiationService.createInstance((WorkbenchList), 'ChatListRenderer', container, ( (new CollapsibleListDelegate())), [this.instantiationService.createInstance(CollapsibleListRenderer, resourceLabels, this.menuId, this.options)], {
             alwaysConsumeMouseWheel: false,
             accessibilityProvider: {
                 getAriaLabel: (element) => {
@@ -143,31 +194,34 @@ let CollapsibleListPool = class CollapsibleListPool extends Disposable {
                         return basename(reference.uri.path);
                     }
                 },
-                getWidgetAriaLabel: () => ( localize(10620, "Collapsible Chat List"))
+                getWidgetAriaLabel: () => ( localize(10692, "Collapsible Chat List"))
             },
             dnd: {
-                getDragURI: (element) => {
-                    if (element.kind === 'warning') {
-                        return null;
+                getDragURI: (element) => getDragURI(element)?.toString() ?? null,
+                getDragLabel: (elements, originalEvent) => {
+                    const uris = coalesce(( (elements.map(getDragURI))));
+                    if (!uris.length) {
+                        return undefined;
                     }
-                    const { reference } = element;
-                    if (typeof reference === 'string' || 'variableName' in reference) {
-                        return null;
-                    }
-                    else if (URI.isUri(reference)) {
-                        return (
-                             (reference.toString())
-                        );
+                    else if (uris.length === 1) {
+                        return this.labelService.getUriLabel(uris[0], { relative: true });
                     }
                     else {
-                        return (
-                             (reference.uri.toString())
-                        );
+                        return `${uris.length}`;
                     }
                 },
                 dispose: () => { },
                 onDragOver: () => false,
                 drop: () => { },
+                onDragStart: (data, originalEvent) => {
+                    try {
+                        const elements = data.getData();
+                        const uris = coalesce(( (elements.map(getDragURI))));
+                        this.instantiationService.invokeFunction(accessor => fillEditorsDragData(accessor, uris, originalEvent));
+                    }
+                    catch {
+                    }
+                },
             },
         });
         return list;
@@ -186,8 +240,9 @@ let CollapsibleListPool = class CollapsibleListPool extends Disposable {
     }
 };
 CollapsibleListPool = ( (__decorate([
-    ( (__param(1, IInstantiationService))),
-    ( (__param(2, IThemeService)))
+    ( (__param(3, IInstantiationService))),
+    ( (__param(4, IThemeService))),
+    ( (__param(5, ILabelService)))
 ], CollapsibleListPool)));
 class CollapsibleListDelegate {
     getHeight(element) {
@@ -200,17 +255,20 @@ class CollapsibleListDelegate {
 let CollapsibleListRenderer = class CollapsibleListRenderer {
     static { CollapsibleListRenderer_1 = this; }
     static { this.TEMPLATE_ID = 'chatCollapsibleListRenderer'; }
-    constructor(labels, themeService, chatVariablesService, productService) {
+    constructor(labels, menuId, options, themeService, chatVariablesService, productService, instantiationService) {
         this.labels = labels;
+        this.menuId = menuId;
+        this.options = options;
         this.themeService = themeService;
         this.chatVariablesService = chatVariablesService;
         this.productService = productService;
+        this.instantiationService = instantiationService;
         this.templateId = CollapsibleListRenderer_1.TEMPLATE_ID;
     }
     renderTemplate(container) {
         const templateDisposables = ( (new DisposableStore()));
         const label = templateDisposables.add(this.labels.create(container, { supportHighlights: true, supportIcons: true }));
-        return { templateDisposables, label };
+        return { templateDisposables, label, toolbar: undefined };
     }
     getReferenceIcon(data) {
         if (ThemeIcon.isThemeIcon(data.iconPath)) {
@@ -223,6 +281,7 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
         }
     }
     renderElement(data, index, templateData, height) {
+        templateData.toolbar?.dispose();
         if (data.kind === 'warning') {
             templateData.label.setResource({ name: data.content.value }, { icon: Codicon.warning });
             return;
@@ -230,6 +289,7 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
         const reference = data.reference;
         const icon = this.getReferenceIcon(data);
         templateData.label.element.style.display = 'flex';
+        let arg;
         if (typeof reference === 'object' && 'variableName' in reference) {
             if (reference.value) {
                 const uri = URI.isUri(reference.value) ? reference.value : reference.value.uri;
@@ -240,6 +300,12 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
                     range: 'range' in reference.value ? reference.value.range : undefined,
                 }, { icon, title: data.options?.status?.description ?? data.title });
             }
+            else if (reference.variableName.startsWith('kernelVariable')) {
+                const variable = reference.variableName.split(':')[1];
+                const asVariableName = `${variable}`;
+                const label = `Kernel variable`;
+                templateData.label.setLabel(label, asVariableName, { title: data.options?.status?.description });
+            }
             else {
                 const variable = this.chatVariablesService.getVariable(reference.variableName);
                 const asThemeIcon = variable?.icon ? `$(${variable.icon.id}) ` : '';
@@ -253,6 +319,7 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
         }
         else {
             const uri = 'uri' in reference ? reference.uri : reference;
+            arg = uri;
             if (uri.scheme === 'https' && isEqualAuthority(uri.authority, 'github.com') && uri.path.includes('/tree/')) {
                 const label = uri.path.split('/').slice(1, 3).join('/');
                 const description = uri.path.split('/').slice(5).join('/');
@@ -260,7 +327,7 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
             }
             else if (uri.scheme === this.productService.urlProtocol && isEqualAuthority(uri.authority, SETTINGS_AUTHORITY)) {
                 const settingId = uri.path.substring(1);
-                templateData.label.setResource({ resource: uri, name: settingId }, { icon: Codicon.settingsGear, title: ( localize(10621, "Open setting '{0}'", settingId)) });
+                templateData.label.setResource({ resource: uri, name: settingId }, { icon: Codicon.settingsGear, title: ( localize(10693, "Open setting '{0}'", settingId)) });
             }
             else if (matchesSomeScheme(uri, Schemas.mailto, Schemas.http, Schemas.https)) {
                 templateData.label.setResource({ resource: uri, name: ( (uri.toString())) }, { icon: icon ?? Codicon.globe, title: data.options?.status?.description ?? data.title ?? ( (uri.toString())) });
@@ -268,7 +335,7 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
             else {
                 templateData.label.setFile(uri, {
                     fileKind: FileKind.FILE,
-                    fileDecorations: { badges: false, colors: false },
+                    fileDecorations: this.options?.enableFileDecorations ? { badges: true, colors: true } : { badges: false, colors: false },
                     range: 'range' in reference ? reference.range : undefined,
                     title: data.options?.status?.description ?? data.title
                 });
@@ -285,14 +352,20 @@ let CollapsibleListRenderer = class CollapsibleListRenderer {
                 }
             }
         }
+        if (this.menuId) {
+            const actionBarContainer = $('.chat-collapsible-list-action-bar');
+            templateData.toolbar = templateData.templateDisposables.add(this.instantiationService.createInstance(MenuWorkbenchToolBar, actionBarContainer, this.menuId, { menuOptions: { shouldForwardArgs: true, arg: arg } }));
+            templateData.label.element.appendChild(actionBarContainer);
+        }
     }
     disposeTemplate(templateData) {
         templateData.templateDisposables.dispose();
     }
 };
 CollapsibleListRenderer = CollapsibleListRenderer_1 = ( (__decorate([
-    ( (__param(1, IThemeService))),
-    ( (__param(2, IChatVariablesService))),
-    ( (__param(3, IProductService)))
+    ( (__param(3, IThemeService))),
+    ( (__param(4, IChatVariablesService))),
+    ( (__param(5, IProductService))),
+    ( (__param(6, IInstantiationService)))
 ], CollapsibleListRenderer)));
 export { ChatCollapsibleListContentPart, CollapsibleListPool };

package/vscode/src/vs/workbench/contrib/chat/browser/chatContentParts/chatTextEditContentPart.js

@@ -6,8 +6,6 @@ import { Disposable, toDisposable } from '../../../../../base/common/lifecycle.j
 import '../../../../../base/common/network.js';
 import '../../../../../base/common/resources.js';
 import { assertType } from '../../../../../base/common/types.js';
-import '../../../../../base/common/charCode.js';
-import '../../../../../base/common/marshallingIds.js';
 import '../../../../../base/common/path.js';
 import '../../../../../base/common/platform.js';
 import '../../../../../editor/common/languages.js';
@@ -16,7 +14,6 @@ import { IInstantiationService } from '../../../../../platform/instantiation/com
 import '../../../../../editor/common/services/modelService.js';
 import { localize } from '../../../../../nls.js';
 import { MenuId } from '../../../../../platform/actions/common/actions.js';
-import '../../../../../platform/instantiation/common/extensions.js';
 import { ResourcePool } from './chatCollections.js';
 import { CodeCompareBlockPart } from '../codeBlockPart.js';
 import { isResponseVM } from '../../common/chatViewModel.js';
@@ -35,8 +32,8 @@ let ChatTextEditContentPart = class ChatTextEditContentPart extends Disposable {
                 this.domNode = $('.interactive-edits-summary', undefined, !element.isComplete
                     ? ''
                     : element.isCanceled
-                        ? ( localize(10622, "Making changes was aborted."))
-                        : ( localize(10623, "Made changes.")));
+                        ? ( localize(10709, "Making changes was aborted."))
+                        : ( localize(10710, "Made changes.")));
             }
             else {
                 this.domNode = $('div');

package/vscode/src/vs/workbench/contrib/chat/browser/chatContentParts/chatToolInvocationPart.js

@@ -0,0 +1,68 @@
+import { __decorate, __param } from '../../../../../../../../external/tslib/tslib.es6.js';
+import { $, clearNode } from '../../../../../base/browser/dom.js';
+import { Codicon } from '../../../../../base/common/codicons.js';
+import { Emitter } from '../../../../../base/common/event.js';
+import { Disposable, DisposableStore } from '../../../../../base/common/lifecycle.js';
+import { localize } from '../../../../../nls.js';
+import { IInstantiationService } from '../../../../../platform/instantiation/common/instantiation.js';
+import { ChatConfirmationWidget } from './chatConfirmationWidget.js';
+import { ChatProgressContentPart } from './chatProgressContentPart.js';
+let ChatToolInvocationPart = class ChatToolInvocationPart extends Disposable {
+    constructor(toolInvocation, context, renderer, instantiationService) {
+        super();
+        this._onDidChangeHeight = this._register(( (new Emitter())));
+        this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this.domNode = $('.chat-tool-invocation-part');
+        const partStore = this._register(( (new DisposableStore())));
+        const render = () => {
+            clearNode(this.domNode);
+            const subPart = partStore.add(instantiationService.createInstance(ChatToolInvocationSubPart, toolInvocation, context, renderer));
+            this.domNode.appendChild(subPart.domNode);
+            partStore.add(subPart.onNeedsRerender(() => {
+                render();
+                this._onDidChangeHeight.fire();
+            }));
+        };
+        render();
+    }
+    hasSameContent(other, followingContent, element) {
+        return other.kind === 'toolInvocation' || other.kind === 'toolInvocationSerialized';
+    }
+    addDisposable(disposable) {
+        this._register(disposable);
+    }
+};
+ChatToolInvocationPart = ( (__decorate([
+    ( (__param(3, IInstantiationService)))
+], ChatToolInvocationPart)));
+let ChatToolInvocationSubPart = class ChatToolInvocationSubPart extends Disposable {
+    constructor(toolInvocation, context, renderer, instantiationService) {
+        super();
+        this._onNeedsRerender = this._register(( (new Emitter())));
+        this.onNeedsRerender = this._onNeedsRerender.event;
+        if (toolInvocation.kind === 'toolInvocation' && toolInvocation.confirmationMessages) {
+            const title = toolInvocation.confirmationMessages.title;
+            const message = toolInvocation.confirmationMessages.message;
+            const confirmWidget = this._register(instantiationService.createInstance(ChatConfirmationWidget, title, message, [{ label: ( localize(10711, "Continue")), data: true }, { label: ( localize(10712, "Cancel")), data: false, isSecondary: true }]));
+            this.domNode = confirmWidget.domNode;
+            this._register(confirmWidget.onDidClick(button => {
+                toolInvocation.confirmed.complete(button.data);
+            }));
+            toolInvocation.confirmed.p.then(() => this._onNeedsRerender.fire());
+        }
+        else {
+            const message = toolInvocation.invocationMessage + '…';
+            const progressMessage = {
+                kind: 'progressMessage',
+                content: { value: message }
+            };
+            const iconOverride = toolInvocation.isConfirmed === false ? Codicon.error : undefined;
+            const progressPart = this._register(instantiationService.createInstance(ChatProgressContentPart, progressMessage, renderer, context, undefined, true, iconOverride));
+            this.domNode = progressPart.domNode;
+        }
+    }
+};
+ChatToolInvocationSubPart = ( (__decorate([
+    ( (__param(3, IInstantiationService)))
+], ChatToolInvocationSubPart)));
+export { ChatToolInvocationPart };

package/vscode/src/vs/workbench/contrib/chat/browser/chatContentParts/chatTreeContentPart.js

@@ -79,7 +79,7 @@ let TreePool = class TreePool extends Disposable {
             },
             accessibilityProvider: {
                 getAriaLabel: (element) => element.label,
-                getWidgetAriaLabel: () => ( localize(10624, "File Tree"))
+                getWidgetAriaLabel: () => ( localize(10713, "File Tree"))
             },
             alwaysConsumeMouseWheel: false
         });

package/vscode/src/vs/workbench/contrib/chat/browser/chatDragAndDrop.js

@@ -0,0 +1,206 @@
+import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
+import { DataTransfers } from '../../../../base/browser/dnd.js';
+import { DragAndDropObserver, $ } from '../../../../base/browser/dom.js';
+import { renderLabelWithIcons } from '../../../../base/browser/ui/iconLabel/iconLabels.js';
+import { coalesce } from '../../../../base/common/arrays.js';
+import { Codicon } from '../../../../base/common/codicons.js';
+import { basename } from '../../../../base/common/resources.js';
+import { localize } from '../../../../nls.js';
+import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
+import { containsDragType, extractEditorsDropData } from '../../../../platform/dnd/browser/dnd.js';
+import { Themable } from '../../../../platform/theme/common/themeService.js';
+import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
+var ChatDragAndDropType;
+( ((function(ChatDragAndDropType) {
+    ChatDragAndDropType[ChatDragAndDropType["FILE"] = 0] = "FILE";
+    ChatDragAndDropType[ChatDragAndDropType["IMAGE"] = 1] = "IMAGE";
+})(ChatDragAndDropType || (ChatDragAndDropType = {}))));
+let ChatDragAndDrop = class ChatDragAndDrop extends Themable {
+    constructor(contianer, inputPart, styles, themeService, configurationService) {
+        super(themeService);
+        this.contianer = contianer;
+        this.inputPart = inputPart;
+        this.styles = styles;
+        this.configurationService = configurationService;
+        this.overlayTextBackground = '';
+        let mouseInside = false;
+        this._register(( (new DragAndDropObserver(this.contianer, {
+            onDragEnter: (e) => {
+                if (!mouseInside) {
+                    mouseInside = true;
+                    this.onDragEnter(e);
+                }
+            },
+            onDragOver: (e) => {
+                e.stopPropagation();
+            },
+            onDragLeave: (e) => {
+                this.onDragLeave(e);
+                mouseInside = false;
+            },
+            onDrop: (e) => {
+                this.onDrop(e);
+                mouseInside = false;
+            },
+        }))));
+        this.overlay = document.createElement('div');
+        this.overlay.classList.add('chat-dnd-overlay');
+        this.contianer.appendChild(this.overlay);
+        this.updateStyles();
+    }
+    onDragEnter(e) {
+        const estimatedDropType = this.guessDropType(e);
+        if (estimatedDropType !== undefined) {
+            e.stopPropagation();
+            e.preventDefault();
+        }
+        this.updateDropFeedback(e, estimatedDropType);
+    }
+    onDragLeave(e) {
+        this.updateDropFeedback(e, undefined);
+    }
+    onDrop(e) {
+        this.updateDropFeedback(e, undefined);
+        const contexts = this.getAttachContext(e);
+        if (contexts.length === 0) {
+            return;
+        }
+        e.stopPropagation();
+        e.preventDefault();
+        const currentContextIds = ( (new Set(
+             (Array.from(this.inputPart.attachedContext).map(context => context.id))
+        )));
+        const filteredContext = [];
+        for (const context of contexts) {
+            if (!( (currentContextIds.has(context.id)))) {
+                currentContextIds.add(context.id);
+                filteredContext.push(context);
+            }
+        }
+        this.inputPart.attachContext(false, ...filteredContext);
+    }
+    updateDropFeedback(e, dropType) {
+        const showOverlay = dropType !== undefined;
+        if (e.dataTransfer) {
+            e.dataTransfer.dropEffect = showOverlay ? 'copy' : 'none';
+        }
+        this.setOverlay(dropType);
+    }
+    isImageDnd(e) {
+        if (containsDragType(e, 'image')) {
+            return true;
+        }
+        if (containsDragType(e, DataTransfers.FILES)) {
+            const files = e.dataTransfer?.files;
+            if (files && files.length > 0) {
+                const file = files[0];
+                return file.type.startsWith('image/');
+            }
+            const items = e.dataTransfer?.items;
+            if (items && items.length > 0) {
+                const item = items[0];
+                return item.type.startsWith('image/');
+            }
+        }
+        return false;
+    }
+    guessDropType(e) {
+        if (this.isImageDnd(e)) {
+            const imageDndSupported = this.configurationService.getValue('chat.experimental.imageAttachments');
+            return imageDndSupported ? ChatDragAndDropType.IMAGE : undefined;
+        }
+        else if (containsDragType(e, DataTransfers.FILES, DataTransfers.INTERNAL_URI_LIST)) {
+            return ChatDragAndDropType.FILE;
+        }
+        return undefined;
+    }
+    isDragEventSupported(e) {
+        const dropType = this.guessDropType(e);
+        return dropType !== undefined;
+    }
+    getDropTypeName(type) {
+        switch (type) {
+            case ChatDragAndDropType.FILE: return ( localize(7171, 'File'));
+            case ChatDragAndDropType.IMAGE: return ( localize(7172, 'Image'));
+        }
+    }
+    getAttachContext(e) {
+        if (!this.isDragEventSupported(e)) {
+            return [];
+        }
+        const data = extractEditorsDropData(e);
+        return coalesce(( (data.map(editorInput => {
+            return this.resolveAttachContext(editorInput);
+        }))));
+    }
+    resolveAttachContext(editorInput) {
+        const imageContext = getImageAttachContext(editorInput);
+        if (imageContext) {
+            const isImageDndSupported = this.configurationService.getValue('chat.experimental.imageAttachments');
+            return isImageDndSupported ? imageContext : undefined;
+        }
+        return getEditorAttachContext(editorInput);
+    }
+    setOverlay(type) {
+        this.overlayText?.remove();
+        this.overlayText = undefined;
+        if (type !== undefined) {
+            const typeName = this.getDropTypeName(type);
+            const iconAndtextElements = renderLabelWithIcons(`$(${Codicon.attach.id}) ${( localize(7173, 'Attach {0} as Context', typeName))}`);
+            const htmlElements = ( (iconAndtextElements.map(element => {
+                if (typeof element === 'string') {
+                    return $('span.overlay-text', undefined, element);
+                }
+                return element;
+            })));
+            this.overlayText = $('span.attach-context-overlay-text', undefined, ...htmlElements);
+            this.overlayText.style.backgroundColor = this.overlayTextBackground;
+            this.overlay.appendChild(this.overlayText);
+        }
+        this.overlay.classList.toggle('visible', type !== undefined);
+    }
+    updateStyles() {
+        this.overlay.style.backgroundColor = this.getColor(this.styles.overlayBackground) || '';
+        this.overlay.style.color = this.getColor(this.styles.listForeground) || '';
+        this.overlayTextBackground = this.getColor(this.styles.listBackground) || '';
+    }
+};
+ChatDragAndDrop = ( (__decorate([
+    ( (__param(3, IThemeService))),
+    ( (__param(4, IConfigurationService)))
+], ChatDragAndDrop)));
+function getEditorAttachContext(editor) {
+    if (!editor.resource) {
+        return undefined;
+    }
+    return getFileAttachContext(editor.resource);
+}
+function getFileAttachContext(resource) {
+    return {
+        value: resource,
+        id: ( (resource.toString())),
+        name: basename(resource),
+        isFile: true,
+        isDynamic: true
+    };
+}
+function getImageAttachContext(editor) {
+    if (!editor.resource) {
+        return undefined;
+    }
+    if (/\.(png|jpg|jpeg|bmp|gif|tiff)$/i.test(editor.resource.path)) {
+        const fileName = basename(editor.resource);
+        return {
+            id: ( (editor.resource.toString())),
+            name: fileName,
+            fullName: editor.resource.path,
+            value: editor.resource,
+            icon: Codicon.fileMedia,
+            isDynamic: true,
+            isImage: true,
+            isFile: false
+        };
+    }
+    return undefined;
+}
+export { ChatDragAndDrop };