@codingame/monaco-vscode-katex-common 25.1.2 → 26.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/chatEditing/media/chatEditingExplanationWidget.css

@@ -0,0 +1,276 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Main widget container - speech bubble style */
+.chat-explanation-widget {
+	position: absolute;
+	max-width: 280px;
+	min-width: 180px;
+	background-color: var(--vscode-editorWidget-background);
+	border: 1px solid var(--vscode-editorWidget-border, var(--vscode-contrastBorder));
+	border-radius: 8px;
+	box-shadow: 0 2px 8px var(--vscode-widget-shadow);
+	font-size: 12px;
+	line-height: 1.4;
+	opacity: 0;
+	transition: opacity 0.2s ease-in-out;
+	z-index: 10;
+}
+
+.chat-explanation-widget.visible {
+	opacity: 1;
+}
+
+.chat-explanation-widget.fadeOut {
+	animation: chatExplanationFadeOut 150ms ease-out forwards;
+}
+
+@keyframes chatExplanationFadeOut {
+	from { opacity: 1; }
+	to { opacity: 0; }
+}
+
+/* Arrow pointer pointing left toward the code */
+.chat-explanation-arrow {
+	position: absolute;
+	left: -8px;
+	top: 12px;
+	width: 0;
+	height: 0;
+	border-top: 8px solid transparent;
+	border-bottom: 8px solid transparent;
+	border-right: 8px solid var(--vscode-editorWidget-border, var(--vscode-contrastBorder));
+}
+
+.chat-explanation-arrow::after {
+	content: '';
+	position: absolute;
+	left: 2px;
+	top: -7px;
+	width: 0;
+	height: 0;
+	border-top: 7px solid transparent;
+	border-bottom: 7px solid transparent;
+	border-right: 7px solid var(--vscode-editorWidget-background);
+}
+
+/* Header */
+.chat-explanation-header {
+	display: flex;
+	align-items: center;
+	padding: 8px 10px;
+	border-bottom: 1px solid var(--vscode-editorWidget-border, var(--vscode-widget-border));
+	cursor: pointer;
+	gap: 6px;
+}
+
+.chat-explanation-header:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+/* Read indicator - GitHub notification style */
+.chat-explanation-read-indicator {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 18px;
+	height: 18px;
+	border-radius: 4px;
+	cursor: pointer;
+	color: var(--vscode-foreground);
+	opacity: 0.4;
+	transition: opacity 0.1s;
+}
+
+.chat-explanation-read-indicator:hover {
+	opacity: 0.8;
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.chat-explanation-read-indicator.unread {
+	color: var(--vscode-textLink-foreground);
+	opacity: 1;
+}
+
+.chat-explanation-read-indicator.unread .codicon {
+	color: var(--vscode-textLink-foreground) !important;
+}
+
+.chat-explanation-read-indicator.partial {
+	color: var(--vscode-textLink-foreground);
+	opacity: 0.6;
+}
+
+.chat-explanation-read-indicator.partial .codicon {
+	color: var(--vscode-textLink-foreground) !important;
+}
+
+.chat-explanation-read-indicator.read {
+	color: var(--vscode-foreground);
+	opacity: 0.4;
+}
+
+/* Title */
+.chat-explanation-title {
+	font-weight: 500;
+	color: var(--vscode-foreground);
+	white-space: nowrap;
+}
+
+/* Spacer to push buttons to the right */
+.chat-explanation-spacer {
+	flex: 1;
+}
+
+/* Toggle button */
+.chat-explanation-toggle {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 18px;
+	height: 18px;
+	border-radius: 4px;
+	cursor: pointer;
+	color: var(--vscode-foreground);
+	opacity: 0.7;
+	transition: opacity 0.1s;
+}
+
+.chat-explanation-toggle:hover {
+	opacity: 1;
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+/* Dismiss button */
+.chat-explanation-dismiss {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 18px;
+	height: 18px;
+	border-radius: 4px;
+	cursor: pointer;
+	color: var(--vscode-foreground);
+	opacity: 0.7;
+	transition: opacity 0.1s;
+}
+
+.chat-explanation-dismiss:hover {
+	opacity: 1;
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+/* Body - collapsible */
+.chat-explanation-body {
+	transition: max-height 0.2s ease-in-out, padding 0.2s ease-in-out;
+}
+
+.chat-explanation-body.collapsed {
+	max-height: 0;
+	overflow: hidden;
+	padding: 0;
+}
+
+/* Individual explanation item */
+.chat-explanation-item {
+	display: flex;
+	flex-direction: column;
+	padding: 8px 10px;
+	border-bottom: 1px solid var(--vscode-editorWidget-border, var(--vscode-widget-border));
+	cursor: pointer;
+	position: relative;
+}
+
+.chat-explanation-item:last-child {
+	border-bottom: none;
+}
+
+.chat-explanation-item:hover {
+	background-color: var(--vscode-list-hoverBackground);
+}
+
+/* Line info */
+.chat-explanation-line-info {
+	font-size: 10px;
+	font-weight: 600;
+	color: var(--vscode-descriptionForeground);
+	margin-bottom: 4px;
+	text-transform: uppercase;
+	letter-spacing: 0.5px;
+}
+
+/* Explanation text */
+.chat-explanation-text {
+	color: var(--vscode-foreground);
+	word-wrap: break-word;
+	padding-right: 24px; /* Space for read indicator */
+}
+
+/* Item read indicator - GitHub notification style */
+.chat-explanation-item-read {
+	position: absolute;
+	top: 8px;
+	right: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 16px;
+	height: 16px;
+	border-radius: 3px;
+	color: var(--vscode-foreground);
+	opacity: 0.3;
+	font-size: 12px;
+}
+
+.chat-explanation-item:hover .chat-explanation-item-read {
+	opacity: 0.6;
+}
+
+.chat-explanation-item-read.unread {
+	color: var(--vscode-textLink-foreground);
+	opacity: 1;
+}
+
+.chat-explanation-item-read.unread .codicon {
+	color: var(--vscode-textLink-foreground) !important;
+}
+
+.chat-explanation-item-read.read {
+	color: var(--vscode-foreground);
+	opacity: 0.3;
+}
+
+/* Reply button */
+.chat-explanation-reply-button {
+	position: absolute;
+	bottom: 8px;
+	right: 8px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	border-radius: 4px;
+	cursor: pointer;
+	color: var(--vscode-foreground);
+	opacity: 0;
+	transition: opacity 0.1s, background-color 0.1s;
+}
+
+.chat-explanation-item:hover .chat-explanation-reply-button {
+	opacity: 0.6;
+}
+
+.chat-explanation-reply-button:hover {
+	opacity: 1 !important;
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+/* Gutter decoration for range indicator on hover */
+.chat-explanation-range-glyph {
+	margin-left: 8px;
+	z-index: 5;
+	border-left: 2px solid var(--vscode-editorGutter-modifiedBackground);
+}

package/vscode/src/vs/workbench/contrib/chat/browser/chatSessions/chatSessionPickerActionItem.d.ts

@@ -1,31 +1,48 @@
 import { IAction } from "@codingame/monaco-vscode-api/vscode/vs/base/common/actions";
 import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
 import { IActionWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service";
+import { IActionWidgetDropdownAction } from "../../../../../platform/actionWidget/browser/actionWidgetDropdown.js";
 import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
-import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
 import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service";
-import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
-import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
 import { ActionWidgetDropdownActionViewItem } from "../../../../../platform/actions/browser/actionWidgetDropdownActionViewItem.js";
 import { IChatSessionProviderOptionGroup, IChatSessionProviderOptionItem } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService";
+import { ICommandService } from "@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service";
+import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
 import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 export interface IChatSessionPickerDelegate {
     readonly onDidChangeOption: Event<IChatSessionProviderOptionItem>;
     getCurrentOption(): IChatSessionProviderOptionItem | undefined;
     setOption(option: IChatSessionProviderOptionItem): void;
-    getAllOptions(): IChatSessionProviderOptionItem[];
+    getOptionGroup(): IChatSessionProviderOptionGroup | undefined;
+    getSessionResource: () => URI | undefined;
 }
 /**
  * Action view item for making an option selection for a contributed chat session
  * These options are provided by the relevant ChatSession Provider
  */
 export declare class ChatSessionPickerActionItem extends ActionWidgetDropdownActionViewItem {
-    private readonly delegate;
-    currentOption: IChatSessionProviderOptionItem | undefined;
+    protected readonly delegate: IChatSessionPickerDelegate;
+    protected readonly commandService: ICommandService;
+    protected currentOption: IChatSessionProviderOptionItem | undefined;
+    protected container: HTMLElement | undefined;
     constructor(action: IAction, initialState: {
         group: IChatSessionProviderOptionGroup;
         item: IChatSessionProviderOptionItem | undefined;
-    }, delegate: IChatSessionPickerDelegate, actionWidgetService: IActionWidgetService, contextKeyService: IContextKeyService, commandService: ICommandService, chatEntitlementService: IChatEntitlementService, keybindingService: IKeybindingService, telemetryService: ITelemetryService);
+    }, delegate: IChatSessionPickerDelegate, actionWidgetService: IActionWidgetService, contextKeyService: IContextKeyService, keybindingService: IKeybindingService, commandService: ICommandService, telemetryService: ITelemetryService);
+    /**
+     * Returns the actions to show in the dropdown. Can be overridden by subclasses.
+     */
+    protected getDropdownActions(): IActionWidgetDropdownAction[];
+    /**
+     * Creates a disabled action for a locked option.
+     */
+    protected createLockedOptionAction(option: IChatSessionProviderOptionItem): IActionWidgetDropdownAction;
     protected renderLabel(element: HTMLElement): IDisposable | null;
     render(container: HTMLElement): void;
+    /**
+     * Returns the CSS class to add to the container. Can be overridden by subclasses.
+     */
+    protected getContainerClass(): string;
+    protected updateEnabled(): void;
 }

package/vscode/src/vs/workbench/contrib/chat/browser/chatSessions/chatSessionPickerActionItem.js

@@ -5,97 +5,173 @@ import * as chatSessionPickerActionItem from './media/chatSessionPickerActionIte
 import { $, reset } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { IActionWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service';
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
-import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
-import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
-import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
 import { ActionWidgetDropdownActionViewItem } from '../../../../../platform/actions/browser/actionWidgetDropdownActionViewItem.js';
+import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
+import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
 import { renderIcon, renderLabelWithIcons } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 
 registerCss(chatSessionPickerActionItem);
 let ChatSessionPickerActionItem = class ChatSessionPickerActionItem extends ActionWidgetDropdownActionViewItem {
-    constructor(action, initialState, delegate, actionWidgetService, contextKeyService, commandService, chatEntitlementService, keybindingService, telemetryService) {
-        const { group, item } = initialState;
+    constructor(
+        action,
+        initialState,
+        delegate,
+        actionWidgetService,
+        contextKeyService,
+        keybindingService,
+        commandService,
+        telemetryService
+    ) {
+        const {
+            group,
+            item
+        } = initialState;
         const actionWithLabel = {
             ...action,
             label: item?.name || group.name,
             tooltip: item?.description ?? group.description ?? group.name,
-            run: () => { }
+            run: () => {}
         };
         const sessionPickerActionWidgetOptions = {
             actionProvider: {
-                getActions: () => {
-                    const currentOption = this.delegate.getCurrentOption();
-                    if (currentOption?.locked) {
-                        return [{
-                                id: currentOption.id,
-                                enabled: false,
-                                icon: currentOption.icon,
-                                checked: true,
-                                class: undefined,
-                                description: undefined,
-                                tooltip: currentOption.description ?? currentOption.name,
-                                label: currentOption.name,
-                                run: () => { }
-                            }];
-                    }
-                    else {
-                        return ( this.delegate.getAllOptions().map(optionItem => {
-                            const isCurrent = optionItem.id === this.delegate.getCurrentOption()?.id;
-                            return {
-                                id: optionItem.id,
-                                enabled: true,
-                                icon: optionItem.icon,
-                                checked: isCurrent,
-                                class: undefined,
-                                description: undefined,
-                                tooltip: optionItem.description ?? optionItem.name,
-                                label: optionItem.name,
-                                run: () => {
-                                    this.delegate.setOption(optionItem);
-                                }
-                            };
-                        }));
-                    }
-                }
+                getActions: () => this.getDropdownActions()
             },
             actionBarActionProvider: undefined,
+            reporter: {
+                name: `ChatSession:${group.name}`,
+                includeOptions: false
+            }
         };
-        super(actionWithLabel, sessionPickerActionWidgetOptions, actionWidgetService, keybindingService, contextKeyService);
+        super(
+            actionWithLabel,
+            sessionPickerActionWidgetOptions,
+            actionWidgetService,
+            keybindingService,
+            contextKeyService,
+            telemetryService
+        );
         this.delegate = delegate;
+        this.commandService = commandService;
         this.currentOption = item;
         this._register(this.delegate.onDidChangeOption(newOption => {
             this.currentOption = newOption;
             if (this.element) {
                 this.renderLabel(this.element);
             }
+            this.updateEnabled();
         }));
     }
+    getDropdownActions() {
+        const currentOption = this.delegate.getCurrentOption();
+        if (currentOption?.locked) {
+            return [this.createLockedOptionAction(currentOption)];
+        }
+        const group = this.delegate.getOptionGroup();
+        if (!group) {
+            return [];
+        }
+        const actions = ( group.items.map(optionItem => {
+            const isCurrent = optionItem.id === currentOption?.id;
+            return {
+                id: optionItem.id,
+                enabled: !optionItem.locked,
+                icon: optionItem.icon,
+                checked: isCurrent,
+                class: undefined,
+                description: optionItem.description,
+                tooltip: optionItem.description ?? optionItem.name,
+                label: optionItem.name,
+                run: () => {
+                    this.delegate.setOption(optionItem);
+                }
+            };
+        }));
+        if (group.commands?.length) {
+            const addSeparator = actions.length > 0;
+            for (const command of group.commands) {
+                const args = command.arguments ? [...command.arguments] : [];
+                const sessionResource = this.delegate.getSessionResource();
+                if (sessionResource) {
+                    args.unshift(sessionResource);
+                }
+                actions.push({
+                    id: command.command,
+                    enabled: true,
+                    checked: false,
+                    class: undefined,
+                    description: undefined,
+                    tooltip: command.tooltip ?? command.title,
+                    label: command.title,
+                    category: addSeparator ? {
+                        label: "",
+                        order: Number.MAX_SAFE_INTEGER
+                    } : undefined,
+                    run: () => {
+                        this.commandService.executeCommand(command.command, ...args);
+                    }
+                });
+            }
+        }
+        return actions;
+    }
+    createLockedOptionAction(option) {
+        return {
+            id: option.id,
+            enabled: false,
+            icon: option.icon,
+            checked: true,
+            class: undefined,
+            description: option.description,
+            tooltip: option.description ?? option.name,
+            label: option.name,
+            run: () => {}
+        };
+    }
     renderLabel(element) {
         const domChildren = [];
-        element.classList.add('chat-session-option-picker');
+        element.classList.add("chat-session-option-picker");
+        const group = this.delegate.getOptionGroup();
+        const isDefaultWithIcon = this.currentOption?.default && this.currentOption?.icon;
         if (this.currentOption?.icon) {
             domChildren.push(renderIcon(this.currentOption.icon));
         }
-        domChildren.push($('span.chat-session-option-label', undefined, this.currentOption?.name ?? ( localize(5292, "Pick Option"))));
+        if (!isDefaultWithIcon) {
+            domChildren.push($(
+                "span.chat-session-option-label",
+                undefined,
+                this.currentOption?.name ?? group?.description ?? ( localize(5473, "Pick Option"))
+            ));
+        }
         domChildren.push(...renderLabelWithIcons(`$(chevron-down)`));
         reset(element, ...domChildren);
         this.setAriaLabelAttributes(element);
         return null;
     }
     render(container) {
+        this.container = container;
         super.render(container);
-        container.classList.add('chat-sessionPicker-item');
+        container.classList.add(this.getContainerClass());
+        if (this.currentOption?.locked) {
+            container.classList.add("locked");
+        }
+    }
+    getContainerClass() {
+        return "chat-sessionPicker-item";
+    }
+    updateEnabled() {
+        const originalEnabled = this.action.enabled;
+        if (this.currentOption?.locked) {
+            this.action.enabled = false;
+        }
+        super.updateEnabled();
+        this.action.enabled = originalEnabled;
+        if (this.container) {
+            this.container.classList.toggle("locked", !!this.currentOption?.locked);
+        }
     }
 };
-ChatSessionPickerActionItem = ( __decorate([
-    ( __param(3, IActionWidgetService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, ICommandService)),
-    ( __param(6, IChatEntitlementService)),
-    ( __param(7, IKeybindingService)),
-    ( __param(8, ITelemetryService))
-], ChatSessionPickerActionItem));
+ChatSessionPickerActionItem = ( __decorate([( __param(3, IActionWidgetService)), ( __param(4, IContextKeyService)), ( __param(5, IKeybindingService)), ( __param(6, ICommandService)), ( __param(7, ITelemetryService))], ChatSessionPickerActionItem));
 
 export { ChatSessionPickerActionItem };