@codingame/monaco-vscode-api 3.2.2 → 4.0.0

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

@@ -1,35 +1,52 @@
 import { __decorate, __param } from '../../../../../../../external/tslib/tslib.es6.js';
-import { append, clearNode, Dimension, $ as $$1 } from '../../../../base/browser/dom.js';
-import { ActionViewItem } from '../../../../base/browser/ui/actionbar/actionViewItems.js';
+import { append, setVisibility, clearNode, 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 { Codicon } from '../../../../base/common/codicons.js';
 import { Emitter } from '../../../../base/common/event.js';
 import { HistoryNavigator } from '../../../../base/common/history.js';
 import { Disposable, DisposableStore } from '../../../../base/common/lifecycle.js';
 import { isMacintosh } from '../../../../base/common/platform.js';
 import { URI } from '../../../../base/common/uri.js';
 import { EditorExtensionsRegistry } from '../../../../editor/browser/editorExtensions.js';
-import { CodeEditorWidget } from '../../../../editor/browser/widget/codeEditorWidget.js';
+import { CodeEditorWidget } from '../../../../editor/browser/widget/codeEditor/codeEditorWidget.js';
 import { IModelService } from '../../../../editor/common/services/model.js';
 import { HoverController } from '../../../../editor/contrib/hover/browser/hover.js';
 import { localizeWithPath } from '../../../../nls.js';
 import { IAccessibilityService } from '../../../../platform/accessibility/common/accessibility.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 { MenuId } from '../../../../platform/actions/common/actions.js';
+import { MenuItemAction, MenuId, IMenuService } from '../../../../platform/actions/common/actions.js';
 import { IConfigurationService } from '../../../../platform/configuration/common/configuration.js';
 import { IContextKeyService } from '../../../../platform/contextkey/common/contextkey.js';
+import { IContextMenuService } from '../../../../platform/contextview/browser/contextView.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.js';
-import { DEFAULT_FONT_FAMILY } from '../../../browser/style.js';
-import { SubmitAction } from './actions/chatExecuteActions.js';
+import { INotificationService } from '../../../../platform/notification/common/notification.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.js';
+import { ChatSubmitSecondaryAgentEditorAction } from './actions/chatActions.js';
+import { SubmitAction, CancelAction } from './actions/chatExecuteActions.js';
 import { ChatFollowups } from './chatFollowups.js';
-import { IChatAgentService } from '../common/chatAgents.js';
-import { CONTEXT_CHAT_INPUT_HAS_TEXT, CONTEXT_CHAT_INPUT_CURSOR_AT_TOP, CONTEXT_IN_CHAT_INPUT } from '../common/chatContextKeys.js';
-import { chatAgentLeader } from '../common/chatParserTypes.js';
+import { ChatAgentLocation, IChatAgentService } from '../common/chatAgents.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.js';
 import { getSimpleEditorOptions, getSimpleCodeEditorWidgetOptions } from '../../codeEditor/browser/simpleEditorOptions.js';
-import { ChatSubmitEditorAction, ChatSubmitSecondaryAgentEditorAction } from './actions/chatActions.js';
 var ChatInputPart_1;
 const $ = $$1;
 const INPUT_EDITOR_MAX_HEIGHT = 250;
@@ -37,12 +54,19 @@ 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 inputPartHeight() {
+        return this._inputPartHeight;
+    }
     get inputEditor() {
         return this._inputEditor;
     }
     constructor(
-    options, historyService, modelService, instantiationService, contextKeyService, configurationService, keybindingService, accessibilityService) {
+    location, options, historyService, modelService, instantiationService, contextKeyService, configurationService, keybindingService, accessibilityService) {
         super();
+        this.location = location;
         this.options = options;
         this.historyService = historyService;
         this.modelService = modelService;
@@ -63,17 +87,24 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         this.onDidAcceptFollowup = this._onDidAcceptFollowup.event;
         this.inputEditorHeight = 0;
         this.followupsDisposables = this._register(( new DisposableStore()));
+        this.implicitContextSettingEnabled = false;
+        this._inputPartHeight = 0;
         this.onHistoryEntry = false;
         this.inHistoryNavigation = false;
         this.inputUri = ( URI.parse(`${ChatInputPart_1.INPUT_SCHEME}:input-${ChatInputPart_1._counter++}`));
         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" )) {
                 this.inputEditor.updateOptions({ ariaLabel: this._getAriaLabel() });
             }
+            if (e.affectsConfiguration('chat.experimental.implicitContext')) {
+                this.implicitContextSettingEnabled = this.configurationService.getValue('chat.experimental.implicitContext');
+            }
         }));
     }
     _getAriaLabel() {
@@ -147,7 +178,14 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     }
     async acceptInput(userQuery, inputState) {
         if (userQuery) {
-            this.history.add({ text: userQuery, state: inputState });
+            let element = this.history.getHistory().find(candidate => candidate.text === userQuery);
+            if (!element) {
+                element = { text: userQuery, state: inputState };
+            }
+            else {
+                element.state = inputState;
+            }
+            this.history.add(element);
         }
         if (this.accessibilityService.isScreenReaderOptimized() && isMacintosh) {
             this._acceptInputForVoiceover();
@@ -169,7 +207,10 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     }
     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);
         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));
@@ -179,6 +220,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         this.historyNavigationBackwardsEnablement = historyNavigationBackwardsEnablement;
         this.historyNavigationForewardsEnablement = historyNavigationForwardsEnablement;
         const options = getSimpleEditorOptions(this.configurationService);
+        options.overflowWidgetsDomNode = this.options.editorOverflowWidgetsDomNode;
         options.readOnly = false;
         options.ariaLabel = this._getAriaLabel();
         options.fontFamily = DEFAULT_FONT_FAMILY;
@@ -207,7 +249,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
                 this._onDidChangeHeight.fire();
             }
             const model = this._inputEditor.getModel();
-            const inputHasText = !!model && model.getValueLength() > 0;
+            const inputHasText = !!model && model.getValue().trim().length > 0;
             this.inputEditorHasText.set(inputHasText);
             if (!this.inHistoryNavigation) {
                 this.onHistoryEntry = false;
@@ -218,10 +260,12 @@ let ChatInputPart = class ChatInputPart extends Disposable {
             }
         }));
         this._register(this._inputEditor.onDidFocusEditorText(() => {
+            this.inputEditorHasFocus.set(true);
             this._onDidFocus.fire();
             inputContainer.classList.toggle('focused', true);
         }));
         this._register(this._inputEditor.onDidBlurEditorText(() => {
+            this.inputEditorHasFocus.set(false);
             inputContainer.classList.toggle('focused', false);
             this._onDidBlur.fire();
         }));
@@ -237,14 +281,22 @@ let ChatInputPart = class ChatInputPart extends Disposable {
                 this.historyNavigationForewardsEnablement.set(e.position.equals(getLastPosition(model)));
             }
         }));
-        this.toolbar = this._register(this.instantiationService.createInstance(MenuWorkbenchToolBar, inputContainer, MenuId.ChatExecute, {
+        this.toolbar = this._register(this.instantiationService.createInstance(MenuWorkbenchToolBar, inputContainer, this.options.menus.executeToolbar, {
+            telemetrySource: this.options.menus.telemetrySource,
             menuOptions: {
                 shouldForwardArgs: true
             },
             hiddenItemStrategy: 0 ,
             actionViewItemProvider: (action, options) => {
-                if (action.id === SubmitAction.ID) {
-                    return this.instantiationService.createInstance(SubmitButtonActionViewItem, { widget }, action, options);
+                if (this.location === ChatAgentLocation.Panel) {
+                    if ((action.id === SubmitAction.ID || action.id === CancelAction.ID) && action instanceof MenuItemAction) {
+                        const dropdownAction = this.instantiationService.createInstance(MenuItemAction, { id: 'chat.moreExecuteActions', title: ( localizeWithPath(
+                            'vs/workbench/contrib/chat/browser/chatInputPart',
+                            'notebook.moreExecuteActionsLabel',
+                            "More..."
+                        )), icon: Codicon.chevronDown }, undefined, undefined, undefined);
+                        return this.instantiationService.createInstance(ChatSubmitDropdownActionItem, action, dropdownAction);
+                    }
                 }
                 return undefined;
             }
@@ -256,16 +308,23 @@ let ChatInputPart = class ChatInputPart extends Disposable {
                 this.layout(this.cachedDimensions.height, this.cachedDimensions.width);
             }
         }));
-        if (this.options.renderStyle === 'compact') {
-            const toolbarSide = this._register(this.instantiationService.createInstance(MenuWorkbenchToolBar, inputAndSideToolbar, MenuId.ChatInputSide, {
+        if (this.options.menus.inputSideToolbar) {
+            const toolbarSide = this._register(this.instantiationService.createInstance(MenuWorkbenchToolBar, inputAndSideToolbar, this.options.menus.inputSideToolbar, {
+                telemetrySource: this.options.menus.telemetrySource,
                 menuOptions: {
                     shouldForwardArgs: true
                 }
             }));
+            this.inputSideToolbarContainer = toolbarSide.getElement();
             toolbarSide.getElement().classList.add('chat-side-toolbar');
             toolbarSide.context = { widget };
         }
-        this.inputModel = this.modelService.getModel(this.inputUri) || this.modelService.createModel('', null, this.inputUri, true);
+        let inputModel = this.modelService.getModel(this.inputUri);
+        if (!inputModel) {
+            inputModel = this.modelService.createModel('', null, this.inputUri, true);
+            this._register(inputModel);
+        }
+        this.inputModel = inputModel;
         this.inputModel.updateOptions({ bracketColorizationOptions: { enabled: false, independentColorPoolPerBracketType: false } });
         this._inputEditor.setModel(this.inputModel);
         if (initialValue) {
@@ -274,6 +333,20 @@ 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('vs/workbench/contrib/chat/browser/chatInputPart', 'use', "Use")) + ' ' + ( kinds.map(k => `#${k}`)).join(', ');
+    }
     async renderFollowups(items, response) {
         if (!this.options.renderFollowups) {
             return;
@@ -281,7 +354,7 @@ let ChatInputPart = class ChatInputPart extends Disposable {
         this.followupsDisposables.clear();
         clearNode(this.followupsContainer);
         if (items && items.length > 0) {
-            this.followupsDisposables.add(this.instantiationService.createInstance(ChatFollowups, this.followupsContainer, items, undefined, followup => this._onDidAcceptFollowup.fire({ followup, response })));
+            this.followupsDisposables.add(this.instantiationService.createInstance(ChatFollowups, this.followupsContainer, items, this.location, undefined, followup => this._onDidAcceptFollowup.fire({ followup, response })));
         }
     }
     layout(height, width) {
@@ -290,22 +363,28 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     }
     _layout(height, width, allowRecurse = true) {
         const followupsHeight = this.followupsContainer.offsetHeight;
-        const inputPartBorder = 1;
-        const inputPartHorizontalPadding = 40;
-        const inputPartVerticalPadding = 24;
-        const inputEditorHeight = Math.min(this._inputEditor.getContentHeight(), height - followupsHeight - inputPartHorizontalPadding - inputPartBorder, INPUT_EDITOR_MAX_HEIGHT);
+        const inputPartBorder = 0;
+        const inputPartHorizontalPadding = this.options.renderStyle === 'compact' ? 8 : 40;
+        const inputPartVerticalPadding = this.options.renderStyle === 'compact' ? 12 : 24;
+        const inputEditorHeight = Math.min(this._inputEditor.getContentHeight(), height - followupsHeight - inputPartVerticalPadding - inputPartBorder, INPUT_EDITOR_MAX_HEIGHT);
+        const implicitContextHeight = this.implicitContextContainer.offsetHeight;
         const inputEditorBorder = 2;
-        const inputPartHeight = followupsHeight + inputEditorHeight + inputPartVerticalPadding + inputPartBorder + inputEditorBorder;
+        this._inputPartHeight = followupsHeight + inputEditorHeight + inputPartVerticalPadding + inputPartBorder + inputEditorBorder + implicitContextHeight;
         const editorBorder = 2;
-        const editorPadding = 8;
+        const editorPadding = 12;
         const executeToolbarWidth = this.cachedToolbarWidth = this.toolbar.getItemsWidth();
-        const sideToolbarWidth = this.options.renderStyle === 'compact' ? 20 : 0;
+        const toolbarPadding = 4;
+        const sideToolbarWidth = this.inputSideToolbarContainer ? getTotalWidth(this.inputSideToolbarContainer) + 4  : 0;
         const initialEditorScrollWidth = this._inputEditor.getScrollWidth();
-        this._inputEditor.layout({ width: width - inputPartHorizontalPadding - editorBorder - editorPadding - executeToolbarWidth - sideToolbarWidth, height: inputEditorHeight });
+        const newEditorWidth = width - inputPartHorizontalPadding - editorBorder - editorPadding - executeToolbarWidth - sideToolbarWidth - toolbarPadding;
+        const newDimension = { width: newEditorWidth, height: inputEditorHeight };
+        if (!this.previousInputEditorDimension || (this.previousInputEditorDimension.width !== newDimension.width || this.previousInputEditorDimension.height !== newDimension.height)) {
+            this._inputEditor.layout(newDimension);
+            this.previousInputEditorDimension = newDimension;
+        }
         if (allowRecurse && initialEditorScrollWidth < 10) {
             return this._layout(height, width, false);
         }
-        return inputPartHeight;
     }
     saveState() {
         const inputHistory = this.history.getHistory();
@@ -313,40 +392,54 @@ let ChatInputPart = class ChatInputPart extends Disposable {
     }
 };
 ChatInputPart = ChatInputPart_1 = ( __decorate([
-    ( __param(1, IChatWidgetHistoryService)),
-    ( __param(2, IModelService)),
-    ( __param(3, IInstantiationService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, IConfigurationService)),
-    ( __param(6, IKeybindingService)),
-    ( __param(7, IAccessibilityService))
+    ( __param(2, IChatWidgetHistoryService)),
+    ( __param(3, IModelService)),
+    ( __param(4, IInstantiationService)),
+    ( __param(5, IContextKeyService)),
+    ( __param(6, IConfigurationService)),
+    ( __param(7, IKeybindingService)),
+    ( __param(8, IAccessibilityService))
 ], ChatInputPart));
-let SubmitButtonActionViewItem = class SubmitButtonActionViewItem extends ActionViewItem {
-    constructor(context, action, options, keybindingService, chatAgentService) {
-        super(context, action, options);
-        const primaryKeybinding = keybindingService.lookupKeybinding(ChatSubmitEditorAction.ID)?.getLabel();
-        let tooltip = action.label;
-        if (primaryKeybinding) {
-            tooltip += ` (${primaryKeybinding})`;
-        }
-        const secondaryAgent = chatAgentService.getSecondaryAgent();
-        if (secondaryAgent) {
-            const secondaryKeybinding = keybindingService.lookupKeybinding(ChatSubmitSecondaryAgentEditorAction.ID)?.getLabel();
-            if (secondaryKeybinding) {
-                tooltip += `\n${chatAgentLeader}${secondaryAgent.id} (${secondaryKeybinding})`;
-            }
-        }
-        this._tooltip = tooltip;
-    }
-    getTooltip() {
-        return this._tooltip;
-    }
-};
-SubmitButtonActionViewItem = ( __decorate([
-    ( __param(3, IKeybindingService)),
-    ( __param(4, IChatAgentService))
-], SubmitButtonActionViewItem));
 function getLastPosition(model) {
     return { lineNumber: model.getLineCount(), column: model.getLineLength(model.getLineCount()) + 1 };
 }
+let ChatSubmitDropdownActionItem = class ChatSubmitDropdownActionItem extends DropdownWithPrimaryActionViewItem {
+    constructor(action, dropdownAction, menuService, contextMenuService, chatAgentService, contextKeyService, keybindingService, notificationService, themeService, accessibilityService) {
+        super(action, dropdownAction, [], '', contextMenuService, {
+            getKeyBinding: (action) => keybindingService.lookupKeybinding(action.id, contextKeyService)
+        }, keybindingService, notificationService, contextKeyService, themeService, accessibilityService);
+        const menu = menuService.createMenu(MenuId.ChatExecuteSecondary, contextKeyService);
+        const setActions = () => {
+            const secondary = [];
+            createAndFillInActionBarActions(menu, { shouldForwardArgs: true }, secondary);
+            const secondaryAgent = chatAgentService.getSecondaryAgent();
+            if (secondaryAgent) {
+                secondary.forEach(a => {
+                    if (a.id === ChatSubmitSecondaryAgentEditorAction.ID) {
+                        a.label = ( localizeWithPath(
+                            'vs/workbench/contrib/chat/browser/chatInputPart',
+                            'chat.submitToSecondaryAgent',
+                            "Send to @{0}",
+                            secondaryAgent.name
+                        ));
+                    }
+                    return a;
+                });
+            }
+            this.update(dropdownAction, secondary);
+        };
+        setActions();
+        this._register(menu.onDidChange(() => setActions()));
+    }
+};
+ChatSubmitDropdownActionItem = ( __decorate([
+    ( __param(2, IMenuService)),
+    ( __param(3, IContextMenuService)),
+    ( __param(4, IChatAgentService)),
+    ( __param(5, IContextKeyService)),
+    ( __param(6, IKeybindingService)),
+    ( __param(7, INotificationService)),
+    ( __param(8, IThemeService)),
+    ( __param(9, IAccessibilityService))
+], ChatSubmitDropdownActionItem));
 export { ChatInputPart };