@codingame/monaco-vscode-chat-service-override 30.0.0 → 31.0.0

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

@@ -1,443 +0,0 @@
-
-import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import * as simpleBrowserOverlay from './media/simpleBrowserOverlay.css';
-import { DisposableStore, toDisposable, DisposableMap, combinedDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
-import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
-import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
-import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { IEditorGroupsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorGroupsService.service';
-import { EditorGroupView } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/editor/editorGroupView';
-import { Event } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
-import { ServiceCollection } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/serviceCollection';
-import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
-import { joinPath } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
-import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
-import { IHostService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service';
-import { IChatWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service';
-import { ButtonWithDropdown, Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
-import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
-import { createElement, addDisposableListener } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
-import { cleanupOldImages, createFileForMedia } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatImageUtils';
-import { IFileService } from '@codingame/monaco-vscode-api/vscode/vs/platform/files/common/files.service';
-import { IEnvironmentService } from '@codingame/monaco-vscode-api/vscode/vs/platform/environment/common/environment.service';
-import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
-import { IPreferencesService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/preferences/common/preferences.service';
-import { IBrowserElementsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/browserElements/browser/browserElementsService.service';
-import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
-import { toAction } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
-import { getDisplayNameFromOuterHTML } from '../../../../../platform/browserElements/common/browserElements.js';
-import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
-import { ChatContextKeys } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/actions/chatContextKeys';
-import { observableContextKey, observableConfigValue } from '@codingame/monaco-vscode-api/vscode/vs/platform/observable/common/platformObservableUtils';
-import { observableFromEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableFromEvent';
-import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
-import { observableSignalFromEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableSignalFromEvent';
-import { derivedOpts } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
-
-registerCss(simpleBrowserOverlay);
-let SimpleBrowserOverlayWidget = class SimpleBrowserOverlayWidget {
-    constructor(
-        _editor,
-        _container,
-        _hostService,
-        _chatWidgetService,
-        fileService,
-        environmentService,
-        logService,
-        configurationService,
-        _preferencesService,
-        _browserElementsService,
-        contextMenuService,
-        telemetryService
-    ) {
-        this._editor = _editor;
-        this._container = _container;
-        this._hostService = _hostService;
-        this._chatWidgetService = _chatWidgetService;
-        this.fileService = fileService;
-        this.environmentService = environmentService;
-        this.logService = logService;
-        this.configurationService = configurationService;
-        this._preferencesService = _preferencesService;
-        this._browserElementsService = _browserElementsService;
-        this.contextMenuService = contextMenuService;
-        this.telemetryService = telemetryService;
-        this._showStore = ( new DisposableStore());
-        this._timeout = undefined;
-        this._activeLocator = undefined;
-        this._browserType = undefined;
-        this._showStore.add(this.configurationService.onDidChangeConfiguration(e => {
-            if (e.affectsConfiguration("chat.sendElementsToChat.enabled")) {
-                if (this.configurationService.getValue("chat.sendElementsToChat.enabled")) {
-                    this.showElement(this._domNode);
-                } else {
-                    this.hideElement(this._domNode);
-                }
-            }
-        }));
-        this.imagesFolder = joinPath(this.environmentService.workspaceStorageHome, "vscode-chat-images");
-        cleanupOldImages(this.fileService, this.logService, this.imagesFolder);
-        this._domNode = createElement("div");
-        this._domNode.className = "element-selection-message";
-        const mainContent = createElement("div");
-        mainContent.className = "element-selection-main-content";
-        const message = createElement("span");
-        const startSelectionMessage = ( localize(5564, "Add element to chat"));
-        message.textContent = startSelectionMessage;
-        mainContent.appendChild(message);
-        let cts;
-        const actions = [];
-        actions.push(toAction({
-            id: "singleSelection",
-            label: ( localize(5565, "Select an Element")),
-            enabled: true,
-            run: async () => {
-                await startElementSelection();
-            }
-        }), toAction({
-            id: "continuousSelection",
-            label: ( localize(5566, "Continuous Selection")),
-            enabled: true,
-            run: async () => {
-                this._editor.focus();
-                cts = ( new CancellationTokenSource());
-                message.textContent = ( localize(5567, "Selecting element..."));
-                this.hideElement(startButton.element);
-                this.showElement(cancelButton.element);
-                cancelButton.label = ( localize(5568, "Done"));
-                while (!cts.token.isCancellationRequested) {
-                    try {
-                        await this.addElementToChat(cts);
-                    } catch (err) {
-                        this.logService.error("Failed to select this element.", err);
-                        cts.cancel();
-                        break;
-                    }
-                }
-                message.textContent = ( localize(5569, "Element added to chat"));
-                finishedSelecting();
-            }
-        }));
-        const startButton = this._showStore.add(( new ButtonWithDropdown(mainContent, {
-            actions: actions,
-            addPrimaryActionToDropdown: false,
-            contextMenuProvider: this.contextMenuService,
-            supportShortLabel: true,
-            title: ( localize(5570, "Click to select an element.")),
-            supportIcons: true,
-            ...defaultButtonStyles
-        })));
-        startButton.primaryButton.label = ( localize(5571, "Start"));
-        startButton.element.classList.add("element-selection-start");
-        const cancelButton = this._showStore.add(( new Button(mainContent, {
-            ...defaultButtonStyles,
-            supportIcons: true,
-            title: ( localize(5572, "Click to cancel selection."))
-        })));
-        cancelButton.element.className = "element-selection-cancel hidden";
-        const cancelButtonLabel = ( localize(5573, "Cancel"));
-        cancelButton.label = cancelButtonLabel;
-        const configure = this._showStore.add(( new Button(mainContent, {
-            supportIcons: true,
-            title: ( localize(5574, "Configure Attachments Sent"))
-        })));
-        configure.icon = Codicon.gear;
-        const collapseOverlay = this._showStore.add(( new Button(mainContent, {
-            supportIcons: true,
-            title: ( localize(5575, "Collapse Overlay"))
-        })));
-        collapseOverlay.icon = Codicon.chevronRight;
-        const nextSelection = this._showStore.add(( new Button(mainContent, {
-            supportIcons: true,
-            title: ( localize(5576, "Select Again"))
-        })));
-        nextSelection.icon = Codicon.close;
-        nextSelection.element.classList.add("hidden");
-        const expandContainer = createElement("div");
-        expandContainer.className = "element-expand-container hidden";
-        const expandOverlay = this._showStore.add(( new Button(expandContainer, {
-            supportIcons: true,
-            title: ( localize(5577, "Expand Overlay"))
-        })));
-        expandOverlay.icon = Codicon.layout;
-        this._domNode.appendChild(mainContent);
-        this._domNode.appendChild(expandContainer);
-        const resetButtons = () => {
-            this.hideElement(nextSelection.element);
-            this.showElement(startButton.element);
-            this.showElement(collapseOverlay.element);
-        };
-        const finishedSelecting = () => {
-            this.hideElement(cancelButton.element);
-            cancelButton.label = cancelButtonLabel;
-            this.hideElement(collapseOverlay.element);
-            this.showElement(nextSelection.element);
-            this._timeout = setTimeout(() => {
-                message.textContent = startSelectionMessage;
-                resetButtons();
-            }, 3000);
-        };
-        const startElementSelection = async () => {
-            cts = ( new CancellationTokenSource());
-            this._editor.focus();
-            message.textContent = ( localize(5567, "Selecting element..."));
-            this.hideElement(startButton.element);
-            this.showElement(cancelButton.element);
-            await this.addElementToChat(cts);
-            message.textContent = ( localize(5569, "Element added to chat"));
-            finishedSelecting();
-        };
-        this._showStore.add(
-            addDisposableListener(startButton.primaryButton.element, "click", async () => {
-                await startElementSelection();
-            })
-        );
-        this._showStore.add(addDisposableListener(cancelButton.element, "click", () => {
-            cts.cancel();
-            message.textContent = ( localize(5578, "Selection canceled"));
-            finishedSelecting();
-        }));
-        this._showStore.add(addDisposableListener(collapseOverlay.element, "click", () => {
-            this.hideElement(mainContent);
-            this.showElement(expandContainer);
-        }));
-        this._showStore.add(addDisposableListener(expandOverlay.element, "click", () => {
-            this.showElement(mainContent);
-            this.hideElement(expandContainer);
-        }));
-        this._showStore.add(addDisposableListener(nextSelection.element, "click", () => {
-            clearTimeout(this._timeout);
-            message.textContent = startSelectionMessage;
-            resetButtons();
-        }));
-        this._showStore.add(addDisposableListener(configure.element, "click", () => {
-            this._preferencesService.openSettings({
-                jsonEditor: false,
-                query: "@id:chat.sendElementsToChat.enabled,chat.sendElementsToChat.attachCSS,chat.sendElementsToChat.attachImages"
-            });
-        }));
-    }
-    setActiveLocator(locator, browserType) {
-        this._activeLocator = locator;
-        this._browserType = browserType;
-    }
-    hideElement(element) {
-        if (element.classList.contains("hidden")) {
-            return;
-        }
-        element.classList.add("hidden");
-    }
-    showElement(element) {
-        if (!element.classList.contains("hidden")) {
-            return;
-        }
-        element.classList.remove("hidden");
-    }
-    async addElementToChat(cts) {
-        this.telemetryService.publicLog2("simpleBrowser.addElementToChat.start", {
-            browserType: this._browserType
-        });
-        const editorContainer = this._container.querySelector(".editor-container");
-        const editorContainerPosition = editorContainer ? editorContainer.getBoundingClientRect() : this._container.getBoundingClientRect();
-        const elementData = await this._browserElementsService.getElementData({
-            x: editorContainerPosition.x,
-            y: editorContainerPosition.y + 32.4,
-            width: editorContainerPosition.width,
-            height: editorContainerPosition.height - 32.4
-        }, cts.token, this._activeLocator);
-        if (!elementData) {
-            throw ( new Error("Element data not found"));
-        }
-        const bounds = elementData.bounds;
-        const toAttach = [];
-        const widget = (await this._chatWidgetService.revealWidget()) ?? this._chatWidgetService.lastFocusedWidget;
-        const attachCss = this.configurationService.getValue("chat.sendElementsToChat.attachCSS");
-        let value = (attachCss ? "Attached HTML and CSS Context" : "Attached HTML Context") + "\n\n" + elementData.outerHTML;
-        if (attachCss) {
-            value += "\n\n" + elementData.computedStyle;
-        }
-        const displayName = getDisplayNameFromOuterHTML(elementData.outerHTML);
-        toAttach.push({
-            id: "element-" + Date.now(),
-            name: displayName,
-            fullName: displayName,
-            value: value,
-            kind: "element",
-            icon: ThemeIcon.fromId(Codicon.layout.id),
-            ancestors: elementData.ancestors,
-            attributes: elementData.attributes,
-            computedStyles: attachCss ? elementData.computedStyles : undefined,
-            dimensions: elementData.dimensions,
-            innerText: elementData.innerText
-        });
-        if (this.configurationService.getValue("chat.sendElementsToChat.attachImages")) {
-            this._domNode.style.display = "none";
-            await ( new Promise(resolve => setTimeout(resolve, 100)));
-            const screenshot = await this._hostService.getScreenshot(bounds);
-            if (!screenshot) {
-                throw ( new Error("Screenshot failed"));
-            }
-            const fileReference = await createFileForMedia(this.fileService, this.imagesFolder, screenshot.buffer, "image/png");
-            toAttach.push({
-                id: "element-screenshot-" + Date.now(),
-                name: "Element Screenshot",
-                fullName: "Element Screenshot",
-                kind: "image",
-                value: screenshot.buffer,
-                references: fileReference ? [{
-                    reference: fileReference,
-                    kind: "reference"
-                }] : []
-            });
-            this._domNode.style.display = "";
-        }
-        widget?.attachmentModel?.addContext(...toAttach);
-        this.telemetryService.publicLog2("simpleBrowser.addElementToChat.added", {
-            browserType: this._browserType,
-            attachCss,
-            attachImages: this.configurationService.getValue("chat.sendElementsToChat.attachImages") ?? false
-        });
-    }
-    dispose() {
-        this._showStore.dispose();
-    }
-    getDomNode() {
-        return this._domNode;
-    }
-};
-SimpleBrowserOverlayWidget = ( __decorate([( __param(2, IHostService)), ( __param(3, IChatWidgetService)), ( __param(4, IFileService)), ( __param(5, IEnvironmentService)), ( __param(6, ILogService)), ( __param(7, IConfigurationService)), ( __param(8, IPreferencesService)), ( __param(9, IBrowserElementsService)), ( __param(10, IContextMenuService)), ( __param(11, ITelemetryService))], SimpleBrowserOverlayWidget));
-let SimpleBrowserOverlayController = class SimpleBrowserOverlayController {
-    constructor(
-        container,
-        group,
-        instaService,
-        configurationService,
-        _browserElementsService,
-        contextKeyService
-    ) {
-        this.configurationService = configurationService;
-        this._browserElementsService = _browserElementsService;
-        this.contextKeyService = contextKeyService;
-        this._store = ( new DisposableStore());
-        this._domNode = createElement("div");
-        this._domNode.classList.add("chat-simple-browser-overlay");
-        this._domNode.style.position = "absolute";
-        this._domNode.style.bottom = `5px`;
-        this._domNode.style.right = `5px`;
-        this._domNode.style.zIndex = `100`;
-        const widget = instaService.createInstance(SimpleBrowserOverlayWidget, group, container);
-        this._domNode.appendChild(widget.getDomNode());
-        this._store.add(toDisposable(() => this._domNode.remove()));
-        this._store.add(widget);
-        const connectingWebviewElement = createElement("div");
-        connectingWebviewElement.className = "connecting-webview-element";
-        let cts = ( new CancellationTokenSource());
-        const show = async (locator, browserType) => {
-            widget.setActiveLocator(locator, browserType);
-            connectingWebviewElement.textContent = ( localize(5579, "Connecting to webview..."));
-            if (!container.contains(connectingWebviewElement)) {
-                container.appendChild(connectingWebviewElement);
-            }
-            cts.cancel();
-            cts = ( new CancellationTokenSource());
-            try {
-                await this._browserElementsService.startDebugSession(cts.token, locator);
-            } catch (error) {
-                connectingWebviewElement.textContent = ( localize(5580, "Please reopen the preview."));
-                return;
-            }
-            if (cts.token.isCancellationRequested) {
-                return;
-            }
-            if (!container.contains(this._domNode)) {
-                container.appendChild(this._domNode);
-            }
-            connectingWebviewElement.remove();
-        };
-        const hide = () => {
-            widget.setActiveLocator(undefined, undefined);
-            cts.cancel();
-            if (container.contains(this._domNode)) {
-                this._domNode.remove();
-            }
-            connectingWebviewElement.remove();
-        };
-        const activeEditorSignal = observableSignalFromEvent(this, Event.any(group.onDidActiveEditorChange, group.onDidModelChange));
-        const activeIdObs = derivedOpts({}, r => {
-            activeEditorSignal.read(r);
-            const editor = group.activeEditorPane;
-            const isSimpleBrowser = editor?.input.editorId === "mainThreadWebview-simpleBrowser.view";
-            const isLiveServer = editor?.input.editorId === "mainThreadWebview-browserPreview";
-            if (isSimpleBrowser || isLiveServer) {
-                const webviewInput = editor.input;
-                const browserType = isSimpleBrowser ? "simpleBrowser" : "livePreview";
-                return {
-                    webviewId: webviewInput.webview.container.id,
-                    browserType
-                };
-            }
-            return undefined;
-        });
-        const chatEnabledObs = observableContextKey(ChatContextKeys.enabled.key, this.contextKeyService);
-        const sendElementsEnabledObs = observableConfigValue("chat.sendElementsToChat.enabled", true, this.configurationService);
-        this._store.add(autorun(r => {
-            const activeEditor = activeIdObs.read(r);
-            const isChatEnabled = chatEnabledObs.read(r);
-            const isSendElementsEnabled = sendElementsEnabledObs.read(r);
-            if (!isChatEnabled || !isSendElementsEnabled || !activeEditor) {
-                hide();
-                return;
-            }
-            show({
-                webviewId: activeEditor.webviewId
-            }, activeEditor.browserType);
-        }));
-    }
-    dispose() {
-        this._store.dispose();
-    }
-};
-SimpleBrowserOverlayController = ( __decorate([( __param(2, IInstantiationService)), ( __param(3, IConfigurationService)), ( __param(4, IBrowserElementsService)), ( __param(5, IContextKeyService))], SimpleBrowserOverlayController));
-let SimpleBrowserOverlay = class SimpleBrowserOverlay {
-    static {
-        this.ID = "chat.simpleBrowser.overlay";
-    }
-    constructor(editorGroupsService, instantiationService) {
-        this._store = ( new DisposableStore());
-        const editorGroups = observableFromEvent(
-            this,
-            Event.any(editorGroupsService.onDidAddGroup, editorGroupsService.onDidRemoveGroup),
-            () => editorGroupsService.groups
-        );
-        const overlayWidgets = this._store.add(( new DisposableMap()));
-        this._store.add(autorun(r => {
-            const toDelete = ( new Set(( overlayWidgets.keys())));
-            const groups = editorGroups.read(r);
-            for (const group of groups) {
-                if (!(group instanceof EditorGroupView)) {
-                    continue;
-                }
-                toDelete.delete(group);
-                if (!( overlayWidgets.has(group))) {
-                    const scopedInstaService = instantiationService.createChild(( new ServiceCollection([IContextKeyService, group.scopedContextKeyService])));
-                    const container = group.element;
-                    const ctrl = scopedInstaService.createInstance(SimpleBrowserOverlayController, container, group);
-                    overlayWidgets.set(group, combinedDisposable(ctrl, scopedInstaService));
-                }
-            }
-            for (const group of toDelete) {
-                overlayWidgets.deleteAndDispose(group);
-            }
-        }));
-    }
-    dispose() {
-        this._store.dispose();
-    }
-};
-SimpleBrowserOverlay = ( __decorate([( __param(0, IEditorGroupsService)), ( __param(1, IInstantiationService))], SimpleBrowserOverlay));
-
-export { SimpleBrowserOverlay };

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatUsageWidget.d.ts

@@ -1,17 +0,0 @@
-import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
-import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
-export declare class ChatUsageWidget extends Disposable {
-    private readonly chatEntitlementService;
-    private readonly _onDidChangeContentHeight;
-    readonly onDidChangeContentHeight: import("@codingame/monaco-vscode-api/vscode/vs/base/common/event").Event<number>;
-    readonly element: HTMLElement;
-    private usageSection;
-    private readonly dateFormatter;
-    private readonly dateTimeFormatter;
-    constructor(chatEntitlementService: IChatEntitlementService);
-    private create;
-    private render;
-    private renderQuotaItem;
-    private getQuotaPercentageUsed;
-    private renderLimitedQuotaItem;
-}

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/chatUsageWidget.js

@@ -1,132 +0,0 @@
-
-import { registerCss } from '@codingame/monaco-vscode-api/css';
-import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import * as chatUsageWidget from './media/chatUsageWidget.css';
-import { Disposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
-import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
-import { $ as $$1, append, clearNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
-import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
-import { language } from '@codingame/monaco-vscode-api/vscode/vs/base/common/platform';
-import { safeIntl } from '@codingame/monaco-vscode-api/vscode/vs/base/common/date';
-
-registerCss(chatUsageWidget);
-const $ = $$1;
-let ChatUsageWidget = class ChatUsageWidget extends Disposable {
-    constructor(chatEntitlementService) {
-        super();
-        this.chatEntitlementService = chatEntitlementService;
-        this._onDidChangeContentHeight = this._register(( new Emitter()));
-        this.onDidChangeContentHeight = this._onDidChangeContentHeight.event;
-        this.dateFormatter = safeIntl.DateTimeFormat(language, {
-            year: "numeric",
-            month: "long",
-            day: "numeric"
-        });
-        this.dateTimeFormatter = safeIntl.DateTimeFormat(language, {
-            year: "numeric",
-            month: "long",
-            day: "numeric",
-            hour: "numeric",
-            minute: "numeric"
-        });
-        this.element = $$1(".chat-usage-widget");
-        this.create(this.element);
-        this.render();
-        this._register(this.chatEntitlementService.onDidChangeQuotaRemaining(() => this.render()));
-        this._register(this.chatEntitlementService.onDidChangeEntitlement(() => this.render()));
-    }
-    create(container) {
-        this.usageSection = append(container, $(".copilot-usage-section"));
-    }
-    render() {
-        clearNode(this.usageSection);
-        const {
-            chat: chatQuota,
-            completions: completionsQuota,
-            premiumChat: premiumChatQuota,
-            resetDate,
-            resetDateHasTime
-        } = this.chatEntitlementService.quotas;
-        if (this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.installed && !completionsQuota && !chatQuota && !premiumChatQuota) {
-            this.renderLimitedQuotaItem(this.usageSection, ( localize(6143, "Inline Suggestions")));
-            this.renderLimitedQuotaItem(this.usageSection, ( localize(6144, "Chat messages")));
-        }
-        else if (completionsQuota || chatQuota || premiumChatQuota) {
-            if (completionsQuota) {
-                this.renderQuotaItem(this.usageSection, ( localize(6145, "Inline Suggestions")), completionsQuota);
-            }
-            if (chatQuota) {
-                this.renderQuotaItem(this.usageSection, ( localize(6146, "Chat messages")), chatQuota);
-            }
-            if (premiumChatQuota) {
-                const premiumLabel = premiumChatQuota.overageEnabled ? ( localize(6147, "Included premium requests")) : ( localize(6148, "Premium requests"));
-                this.renderQuotaItem(
-                    this.usageSection,
-                    premiumLabel,
-                    premiumChatQuota,
-                    premiumChatQuota.overageEnabled
-                );
-                if (premiumChatQuota.overageEnabled && !premiumChatQuota.unlimited) {
-                    const overageMessage = append(this.usageSection, $(".overage-message"));
-                    overageMessage.append(( localize(6149, "Additional premium requests approved.")));
-                    append(overageMessage, $("br"));
-                    overageMessage.append(( localize(
-                        6150,
-                        "You can continue after included premium requests limit reaches 100%."
-                    )));
-                }
-            }
-            if (resetDate) {
-                const resetText = append(this.usageSection, $(".allowance-resets"));
-                resetText.textContent = ( localize(
-                    6151,
-                    "Allowance resets {0}.",
-                    resetDateHasTime ? this.dateTimeFormatter.value.format(( new Date(resetDate))) : this.dateFormatter.value.format(( new Date(resetDate)))
-                ));
-            }
-        }
-        const height = this.element.offsetHeight || 400;
-        this._onDidChangeContentHeight.fire(height);
-    }
-    renderQuotaItem(container, label, quota, overageEnabled = false) {
-        const quotaItem = append(container, $(".quota-item"));
-        const quotaItemHeader = append(quotaItem, $(".quota-item-header"));
-        const quotaItemLabel = append(quotaItemHeader, $(".quota-item-label"));
-        quotaItemLabel.textContent = label;
-        const quotaItemValue = append(quotaItemHeader, $(".quota-item-value"));
-        if (quota.unlimited) {
-            quotaItemValue.textContent = ( localize(6152, "Included"));
-        } else {
-            quotaItemValue.textContent = ( localize(6152, "Included"));
-        }
-        const progressBarContainer = append(quotaItem, $(".quota-bar"));
-        const progressBar = append(progressBarContainer, $(".quota-bit"));
-        const percentageUsed = this.getQuotaPercentageUsed(quota);
-        progressBar.style.width = percentageUsed + "%";
-        if (percentageUsed >= 90 && !overageEnabled) {
-            quotaItem.classList.add("error");
-        } else if (percentageUsed >= 75 && !overageEnabled) {
-            quotaItem.classList.add("warning");
-        }
-    }
-    getQuotaPercentageUsed(quota) {
-        if (quota.unlimited) {
-            return 0;
-        }
-        return Math.max(0, 100 - quota.percentRemaining);
-    }
-    renderLimitedQuotaItem(container, label) {
-        const quotaItem = append(container, $(".quota-item"));
-        const quotaItemHeader = append(quotaItem, $(".quota-item-header"));
-        const quotaItemLabel = append(quotaItemHeader, $(".quota-item-label"));
-        quotaItemLabel.textContent = label;
-        const quotaItemValue = append(quotaItemHeader, $(".quota-item-value"));
-        quotaItemValue.textContent = ( localize(6153, "Limited"));
-        const progressBarContainer = append(quotaItem, $(".quota-bar"));
-        append(progressBarContainer, $(".quota-bit"));
-    }
-};
-ChatUsageWidget = ( __decorate([( __param(0, IChatEntitlementService))], ChatUsageWidget));
-
-export { ChatUsageWidget };

package/vscode/src/vs/workbench/contrib/chat/browser/chatManagement/media/chatUsageWidget.css

@@ -1,69 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-.chat-usage-widget .quota-item {
-	margin-bottom: 12px;
-}
-
-.chat-usage-widget .quota-item-header {
-	display: flex;
-	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 4px;
-}
-
-.chat-usage-widget .quota-item-label {
-	color: var(--vscode-foreground);
-}
-
-.chat-usage-widget .quota-item-value {
-	color: var(--vscode-descriptionForeground);
-}
-
-/* Progress bar - matching chat status implementation */
-.chat-usage-widget .quota-item .quota-bar {
-	width: 100%;
-	height: 4px;
-	background-color: var(--vscode-gauge-background);
-	border-radius: 4px;
-	border: 1px solid var(--vscode-gauge-border);
-	margin: 4px 0;
-}
-
-.chat-usage-widget .quota-item .quota-bar .quota-bit {
-	height: 100%;
-	background-color: var(--vscode-gauge-foreground);
-	border-radius: 4px;
-	transition: width 0.3s ease;
-}
-
-.chat-usage-widget .quota-item.warning .quota-bar {
-	background-color: var(--vscode-gauge-warningBackground);
-}
-
-.chat-usage-widget .quota-item.warning .quota-bar .quota-bit {
-	background-color: var(--vscode-gauge-warningForeground);
-}
-
-.chat-usage-widget .quota-item.error .quota-bar {
-	background-color: var(--vscode-gauge-errorBackground);
-}
-
-.chat-usage-widget .quota-item.error .quota-bar .quota-bit {
-	background-color: var(--vscode-gauge-errorForeground);
-}
-
-.chat-usage-widget .overage-message {
-	font-size: 13px;
-	color: var(--vscode-foreground);
-	margin-top: 12px;
-	margin-bottom: 8px;
-}
-
-.chat-usage-widget .allowance-resets {
-	font-size: 13px;
-	color: var(--vscode-foreground);
-	margin-top: 12px;
-}