@codingame/monaco-vscode-api 5.2.0 → 6.0.0

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

@@ -1,8 +1,9 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { append, setVisibility, clearNode, Dimension, getTotalWidth, $ as $$1 } from '../../../../base/browser/dom.js';
+import { append, clearNode, setVisibility, isKeyboardEvent, Dimension, getTotalWidth, $ as $$1 } from '../../../../base/browser/dom.js';
 import { DEFAULT_FONT_FAMILY } from '../../../../base/browser/fonts.js';
 import { status } from '../../../../base/browser/ui/aria/aria.js';
-import { Checkbox } from '../../../../base/browser/ui/toggle/toggle.js';
+import { Range } from '../../../../editor/common/core/range.js';
+import { Button } from '../../../../base/browser/ui/button/button.js';
 import { Codicon } from '../../../../base/common/codicons.js';
 import { Emitter } from '../../../../base/common/event.js';
 import { HistoryNavigator } from '../../../../base/common/history.js';
@@ -17,30 +18,22 @@ import { localizeWithPath } from '../../../../nls.js';
 import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.service.js';
 import { DropdownWithPrimaryActionViewItem } from '../../../../platform/actions/browser/dropdownWithPrimaryActionViewItem.js';
 import { createAndFillInActionBarActions } from '../../../../platform/actions/browser/menuEntryActionViewItem.js';
-import { MenuWorkbenchToolBar } from '../../../../platform/actions/browser/toolbar.js';
+import { MenuWorkbenchToolBar, HiddenItemStrategy } from '../../../../platform/actions/browser/toolbar.js';
 import { MenuItemAction, MenuId } from '../../../../platform/actions/common/actions.js';
 import { IMenuService } from '../../../../platform/actions/common/actions.service.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.service.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.service.js';
 import { IContextMenuService } from '../../../../platform/contextview/browser/contextView.service.js';
+import { FileKind } from '../../../../platform/files/common/files.js';
 import { registerAndCreateHistoryNavigationContext } from '../../../../platform/history/browser/contextScopedHistoryWidget.js';
 import { IInstantiationService } from '../../../../platform/instantiation/common/instantiation.js';
 import { ServiceCollection } from '../../../../platform/instantiation/common/serviceCollection.js';
 import { IKeybindingService } from '../../../../platform/keybinding/common/keybinding.service.js';
 import { INotificationService } from '../../../../platform/notification/common/notification.service.js';
-import { defaultCheckboxStyles } from '../../../../platform/theme/browser/defaultStyles.js';
-import { asCssVariableWithDefault } from '../../../../platform/theme/common/colorUtils.js';
-import '../../../../platform/theme/common/colors/baseColors.js';
-import '../../../../platform/theme/common/colors/chartsColors.js';
-import '../../../../platform/theme/common/colors/editorColors.js';
-import { inputBackground, checkboxBorder } from '../../../../platform/theme/common/colors/inputColors.js';
-import '../../../../platform/theme/common/colors/listColors.js';
-import '../../../../platform/theme/common/colors/menuColors.js';
-import '../../../../platform/theme/common/colors/minimapColors.js';
-import '../../../../platform/theme/common/colors/miscColors.js';
-import '../../../../platform/theme/common/colors/quickpickColors.js';
-import '../../../../platform/theme/common/colors/searchColors.js';
 import { IThemeService } from '../../../../platform/theme/common/themeService.service.js';
+import { ResourceLabels } from '../../../browser/labels.js';
+import { AccessibilityVerbositySettingId } from '../../accessibility/browser/accessibilityConfiguration.js';
+import { AccessibilityCommandId } from '../../accessibility/common/accessibilityCommands.js';
 import { SubmitAction, CancelAction, ChatSubmitSecondaryAgentAction } from './actions/chatExecuteActions.js';
 import { ChatFollowups } from './chatFollowups.js';
 import { ChatAgentLocation } from '../common/chatAgents.js';
@@ -48,6 +41,9 @@ import { IChatAgentService } from '../common/chatAgents.service.js';
 import { CONTEXT_CHAT_INPUT_HAS_TEXT, CONTEXT_CHAT_INPUT_CURSOR_AT_TOP, CONTEXT_CHAT_INPUT_HAS_FOCUS, CONTEXT_IN_CHAT_INPUT } from '../common/chatContextKeys.js';
 import { IChatWidgetHistoryService } from '../common/chatWidgetHistoryService.service.js';
 import { getSimpleEditorOptions, getSimpleCodeEditorWidgetOptions } from '../../codeEditor/browser/simpleEditorOptions.js';
+import { StandardKeyboardEvent } from '../../../../base/browser/keyboardEvent.js';
+import { KeyCode } from '../../../../base/common/keyCodes.js';
+import { basename, dirname } from '../../../../base/common/path.js';
 var ChatInputPart_1;
 const _moduleId = "vs/workbench/contrib/chat/browser/chatInputPart";
 const $ = $$1;
@@ -56,8 +52,8 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     static { ChatInputPart_1 = this; }
     static { this.INPUT_SCHEME = 'chatSessionInput'; }
     static { this._counter = 0; }
-    get implicitContextEnabled() {
-        return this.implicitContextCheckbox.checked;
+    get attachedContext() {
+        return this._attachedContext;
     }
     get inputPartHeight() {
         return this._inputPartHeight;
@@ -85,34 +81,37 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         this.onDidFocus = this._onDidFocus.event;
         this._onDidBlur = this._register(( (new Emitter())));
         this.onDidBlur = this._onDidBlur.event;
+        this._onDidDeleteContext = this._register(( (new Emitter())));
+        this.onDidDeleteContext = this._onDidDeleteContext.event;
         this._onDidAcceptFollowup = this._register(( (new Emitter())));
         this.onDidAcceptFollowup = this._onDidAcceptFollowup.event;
+        this._indexOfLastAttachedContextDeletedWithKeyboard = -1;
+        this._attachedContext = ( (new Set()));
+        this._onDidChangeVisibility = this._register(( (new Emitter())));
+        this._contextResourceLabels = this.instantiationService.createInstance(ResourceLabels, { onDidChangeVisibility: this._onDidChangeVisibility.event });
         this.inputEditorHeight = 0;
         this.followupsDisposables = this._register(( (new DisposableStore())));
-        this.implicitContextSettingEnabled = false;
+        this.attachedContextDisposables = this._register(( (new DisposableStore())));
         this._inputPartHeight = 0;
         this.onHistoryEntry = false;
         this.inHistoryNavigation = false;
         this.inputUri = ( (URI.parse(`${ChatInputPart_1.INPUT_SCHEME}:input-${ChatInputPart_1._counter++}`)));
+        this.inputEditorMaxHeight = this.options.renderStyle === 'compact' ? INPUT_EDITOR_MAX_HEIGHT / 3 : INPUT_EDITOR_MAX_HEIGHT;
         this.inputEditorHasText = CONTEXT_CHAT_INPUT_HAS_TEXT.bindTo(contextKeyService);
         this.chatCursorAtTop = CONTEXT_CHAT_INPUT_CURSOR_AT_TOP.bindTo(contextKeyService);
         this.inputEditorHasFocus = CONTEXT_CHAT_INPUT_HAS_FOCUS.bindTo(contextKeyService);
         this.history = ( (new HistoryNavigator([], 5)));
         this._register(this.historyService.onDidClearHistory(() => this.history.clear()));
-        this.implicitContextSettingEnabled = this.configurationService.getValue('chat.experimental.implicitContext');
         this._register(this.configurationService.onDidChangeConfiguration(e => {
-            if (e.affectsConfiguration("accessibility.verbosity.panelChat" )) {
+            if (e.affectsConfiguration(AccessibilityVerbositySettingId.Chat)) {
                 this.inputEditor.updateOptions({ ariaLabel: this._getAriaLabel() });
             }
-            if (e.affectsConfiguration('chat.experimental.implicitContext')) {
-                this.implicitContextSettingEnabled = this.configurationService.getValue('chat.experimental.implicitContext');
-            }
         }));
     }
     _getAriaLabel() {
-        const verbose = this.configurationService.getValue("accessibility.verbosity.panelChat" );
+        const verbose = this.configurationService.getValue(AccessibilityVerbositySettingId.Chat);
         if (verbose) {
-            const kbLabel = this.keybindingService.lookupKeybinding("editor.action.accessibilityHelp" )?.getLabel();
+            const kbLabel = this.keybindingService.lookupKeybinding(AccessibilityCommandId.OpenAccessibilityHelp)?.getLabel();
             return kbLabel ? ( localizeWithPath(
                 _moduleId,
                 0,
@@ -127,12 +126,15 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         return ( localizeWithPath(_moduleId, 2, "Chat Input"));
     }
     setState(inputValue) {
-        const history = this.historyService.getHistory();
+        const history = this.historyService.getHistory(this.location);
         this.history = ( (new HistoryNavigator(history, 50)));
         if (typeof inputValue === 'string') {
             this.setValue(inputValue);
         }
     }
+    setVisible(visible) {
+        this._onDidChangeVisibility.fire(visible);
+    }
     get element() {
         return this.container;
     }
@@ -202,12 +204,18 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         this._inputEditorElement.appendChild(domNode);
         this._inputEditor.focus();
     }
+    attachContext(...contentReferences) {
+        for (const reference of contentReferences) {
+            this.attachedContext.add(reference);
+        }
+        this.initAttachedContext(this.attachedContextContainer);
+    }
     render(container, initialValue, widget) {
         this.container = append(container, $('.interactive-input-part'));
         this.container.classList.toggle('compact', this.options.renderStyle === 'compact');
         this.followupsContainer = append(this.container, $('.interactive-input-followups'));
-        this.implicitContextContainer = append(this.container, $('.chat-implicit-context'));
-        this.initImplicitContext(this.implicitContextContainer);
+        this.attachedContextContainer = append(this.container, $('.chat-attached-context'));
+        this.initAttachedContext(this.attachedContextContainer);
         const inputAndSideToolbar = append(this.container, $('.interactive-input-and-side-toolbar'));
         const inputContainer = append(inputAndSideToolbar, $('.interactive-input-and-execute-toolbar'));
         const inputScopedContextKeyService = this._register(this.contextKeyService.createScoped(inputContainer));
@@ -240,7 +248,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         editorOptions.contributions?.push(...EditorExtensionsRegistry.getSomeEditorContributions([HoverController.ID]));
         this._inputEditor = this._register(scopedInstantiationService.createInstance(CodeEditorWidget, this._inputEditorElement, options, editorOptions));
         this._register(this._inputEditor.onDidChangeModelContent(() => {
-            const currentHeight = Math.min(this._inputEditor.getContentHeight(), INPUT_EDITOR_MAX_HEIGHT);
+            const currentHeight = Math.min(this._inputEditor.getContentHeight(), this.inputEditorMaxHeight);
             if (currentHeight !== this.inputEditorHeight) {
                 this.inputEditorHeight = currentHeight;
                 this._onDidChangeHeight.fire();
@@ -283,7 +291,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
             menuOptions: {
                 shouldForwardArgs: true
             },
-            hiddenItemStrategy: 0 ,
+            hiddenItemStrategy: HiddenItemStrategy.Ignore,
             actionViewItemProvider: (action, options) => {
                 if (this.location === ChatAgentLocation.Panel) {
                     if ((action.id === SubmitAction.ID || action.id === CancelAction.ID) && action instanceof MenuItemAction) {
@@ -326,19 +334,64 @@ let ChatInputPart = class ChatInputPart extends Disposable {
             this._inputEditor.setPosition({ lineNumber, column: this.inputModel.getLineMaxColumn(lineNumber) });
         }
     }
-    initImplicitContext(container) {
-        this.implicitContextCheckbox = ( (new Checkbox(
-            '#selection',
-            true,
-            { ...defaultCheckboxStyles, checkboxBorder: asCssVariableWithDefault(checkboxBorder, inputBackground) }
-        )));
-        container.append(this.implicitContextCheckbox.domNode);
-        this.implicitContextLabel = append(container, $('span.chat-implicit-context-label'));
-        this.implicitContextLabel.textContent = '#selection';
-    }
-    setImplicitContextKinds(kinds) {
-        setVisibility(this.implicitContextSettingEnabled && kinds.length > 0, this.implicitContextContainer);
-        this.implicitContextLabel.textContent = ( localizeWithPath(_moduleId, 4, "Use")) + ' ' + ( (kinds.map(k => `#${k}`))).join(', ');
+    initAttachedContext(container) {
+        clearNode(container);
+        this.attachedContextDisposables.clear();
+        setVisibility(Boolean(this.attachedContext.size), this.attachedContextContainer);
+        if (!this.attachedContext.size) {
+            this._indexOfLastAttachedContextDeletedWithKeyboard = -1;
+        }
+        [...( (this.attachedContext.values()))].forEach((attachment, index) => {
+            const widget = append(container, $('.chat-attached-context-attachment.show-file-icons'));
+            const label = this._contextResourceLabels.create(widget, { supportIcons: true });
+            const file = URI.isUri(attachment.value) ? attachment.value : attachment.value && typeof attachment.value === 'object' && 'uri' in attachment.value && URI.isUri(attachment.value.uri) ? attachment.value.uri : undefined;
+            const range = attachment.value && typeof attachment.value === 'object' && 'range' in attachment.value && Range.isIRange(attachment.value.range) ? attachment.value.range : undefined;
+            if (file && attachment.isFile) {
+                const fileBasename = basename(file.path);
+                const fileDirname = dirname(file.path);
+                const friendlyName = `${fileBasename} ${fileDirname}`;
+                const ariaLabel = range ? ( localizeWithPath(
+                    _moduleId,
+                    4,
+                    "Attached file, {0}, line {1} to line {2}",
+                    friendlyName,
+                    range.startLineNumber,
+                    range.endLineNumber
+                )) : ( localizeWithPath(_moduleId, 5, "Attached file, {0}", friendlyName));
+                label.setFile(file, {
+                    fileKind: FileKind.FILE,
+                    hidePath: true,
+                    range,
+                });
+                widget.ariaLabel = ariaLabel;
+                widget.tabIndex = 0;
+            }
+            else {
+                const attachmentLabel = attachment.fullName ?? attachment.name;
+                label.setLabel(attachmentLabel, undefined);
+                widget.ariaLabel = ( localizeWithPath(_moduleId, 6, "Attached context, {0}", attachment.name));
+                widget.tabIndex = 0;
+            }
+            const clearButton = ( (new Button(widget, { supportIcons: true })));
+            if (index === Math.min(this._indexOfLastAttachedContextDeletedWithKeyboard, this.attachedContext.size - 1)) {
+                clearButton.focus();
+            }
+            this.attachedContextDisposables.add(clearButton);
+            clearButton.icon = Codicon.close;
+            const disp = clearButton.onDidClick((e) => {
+                this.attachedContext.delete(attachment);
+                disp.dispose();
+                if (isKeyboardEvent(e)) {
+                    const event = ( (new StandardKeyboardEvent(e)));
+                    if (event.equals(KeyCode.Enter) || event.equals(KeyCode.Space)) {
+                        this._indexOfLastAttachedContextDeletedWithKeyboard = index;
+                    }
+                }
+                this._onDidChangeHeight.fire();
+                this._onDidDeleteContext.fire(attachment);
+            });
+            this.attachedContextDisposables.add(disp);
+        });
     }
     async renderFollowups(items, response) {
         if (!this.options.renderFollowups) {
@@ -359,6 +412,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         return this._layout(height, width);
     }
     _layout(height, width, allowRecurse = true) {
+        this.initAttachedContext(this.attachedContextContainer);
         const data = this.getLayoutData();
         const inputEditorHeight = Math.min(data.inputPartEditorHeight, height - data.followupsHeight - data.inputPartVerticalPadding);
         this._inputPartHeight = data.followupsHeight + inputEditorHeight + data.inputPartVerticalPadding + data.inputEditorBorder + data.implicitContextHeight;
@@ -377,10 +431,10 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         return {
             inputEditorBorder: 2,
             followupsHeight: this.followupsContainer.offsetHeight,
-            inputPartEditorHeight: Math.min(this._inputEditor.getContentHeight(), INPUT_EDITOR_MAX_HEIGHT),
+            inputPartEditorHeight: Math.min(this._inputEditor.getContentHeight(), this.inputEditorMaxHeight),
             inputPartHorizontalPadding: this.options.renderStyle === 'compact' ? 8 : 40,
             inputPartVerticalPadding: this.options.renderStyle === 'compact' ? 12 : 24,
-            implicitContextHeight: this.implicitContextContainer.offsetHeight,
+            implicitContextHeight: this.attachedContextContainer.offsetHeight,
             editorBorder: 2,
             editorPadding: 12,
             toolbarPadding: 4,
@@ -390,7 +444,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     }
     saveState() {
         const inputHistory = this.history.getHistory();
-        this.historyService.saveHistory(inputHistory);
+        this.historyService.saveHistory(this.location, inputHistory);
     }
 };
 ChatInputPart = ChatInputPart_1 = ( (__decorate([
@@ -418,7 +472,7 @@ let ChatSubmitDropdownActionItem = class ChatSubmitDropdownActionItem extends Dr
             if (secondaryAgent) {
                 secondary.forEach(a => {
                     if (a.id === ChatSubmitSecondaryAgentAction.ID) {
-                        a.label = ( localizeWithPath(_moduleId, 5, "Send to @{0}", secondaryAgent.name));
+                        a.label = ( localizeWithPath(_moduleId, 7, "Send to @{0}", secondaryAgent.name));
                     }
                     return a;
                 });