@codingame/monaco-vscode-chat-service-override 22.1.9 → 23.0.0

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

@@ -0,0 +1,17 @@
+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

@@ -0,0 +1,109 @@
+
+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 = ( 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(5315, 'Inline Suggestions')));
+            this.renderLimitedQuotaItem(this.usageSection, ( localize(5316, 'Chat messages')));
+        }
+        else if (completionsQuota || chatQuota || premiumChatQuota) {
+            if (completionsQuota) {
+                this.renderQuotaItem(this.usageSection, ( localize(5317, 'Inline Suggestions')), completionsQuota);
+            }
+            if (chatQuota) {
+                this.renderQuotaItem(this.usageSection, ( localize(5318, 'Chat messages')), chatQuota);
+            }
+            if (premiumChatQuota) {
+                this.renderQuotaItem(this.usageSection, ( localize(5319, 'Premium requests')), premiumChatQuota);
+                if (premiumChatQuota.overageEnabled) {
+                    const overageMessage = append(this.usageSection, $('.overage-message'));
+                    overageMessage.textContent = ( localize(5320, 'Additional paid premium requests enabled.'));
+                }
+            }
+            if (resetDate) {
+                const resetText = append(this.usageSection, $('.allowance-resets'));
+                resetText.textContent = ( localize(
+                    5321,
+                    '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) {
+        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(5322, 'Included'));
+        }
+        else {
+            quotaItemValue.textContent = ( localize(5322, '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) {
+            quotaItem.classList.add('error');
+        }
+        else if (percentageUsed >= 75) {
+            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(5323, '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/chatManagementEditor.css

@@ -0,0 +1,122 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.ai-management-editor {
+	height: 100%;
+	overflow: hidden;
+	max-width: 1200px;
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+}
+
+.ai-models-management-editor {
+	height: 100%;
+	overflow: hidden;
+	max-width: 1200px;
+	margin: 0 auto;
+	padding: 15px 0px 0px 24px;
+}
+
+/* Header - spans full width */
+.ai-management-editor .ai-management-header {
+	box-sizing: border-box;
+	margin-left: 20px;
+	padding: 10px 15px 5px 15px;
+	border-bottom: 1px solid var(--vscode-settings-headerBorder);
+	flex-shrink: 0;
+}
+
+/* Split view container - takes remaining space */
+.ai-management-editor .split-view-container {
+	flex: 1;
+	min-height: 0;
+	position: relative;
+}
+
+.ai-management-editor .sidebar-view,
+.ai-management-editor .contents-view {
+	height: 100%;
+	overflow: hidden;
+}
+
+.ai-management-editor .contents-container {
+	height: 100%;
+	overflow: hidden;
+}
+
+.ai-management-editor .sidebar-container {
+	padding-left: 20px;
+	padding-top: 15px;
+	height: 100%;
+	overflow: hidden;
+	box-sizing: border-box;
+}
+
+.ai-management-editor .sidebar-container .section-list-item {
+	padding-left: 20px;
+	display: flex;
+	align-items: center;
+}
+
+.ai-management-editor .sidebar-container .section-list-item > .section-list-item-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.ai-management-editor .ai-management-body {
+	padding: 15px;
+	height: 100%;
+	box-sizing: border-box;
+}
+
+.ai-management-editor .header-title-container {
+	display: flex;
+	align-items: end;
+	justify-content: space-between;
+	margin-bottom: 0;
+}
+
+.ai-management-editor .header-title-wrapper {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.ai-management-editor .ai-management-editor-title {
+	font-size: 26px;
+	font-weight: 600;
+	color: var(--vscode-foreground);
+}
+
+.ai-management-editor .hide {
+	display: none !important;
+}
+
+.ai-management-editor .plan-badge {
+	padding: 4px 12px;
+	border-radius: 12px;
+	background-color: var(--vscode-badge-background);
+	color: var(--vscode-badge-foreground);
+	font-weight: 500;
+	margin-left: 4px;
+}
+
+.ai-management-editor .header-upgrade-button-container {
+	margin-left: auto;
+}
+
+.ai-management-editor .header-upgrade-button {
+	white-space: nowrap;
+}
+
+/* Widget sections */
+.ai-management-editor .ai-management-body > * {
+	margin-bottom: 20px;
+}
+
+.ai-management-editor .ai-management-body > *:last-child {
+	margin-bottom: 0;
+}

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

@@ -0,0 +1,211 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.models-widget {
+	padding-right: 24px;
+}
+
+/** Search and button container styling **/
+
+.models-widget .models-search-and-button-container {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	margin-bottom: 12px;
+}
+
+.models-widget .models-search-container {
+	flex: 1;
+	position: relative;
+}
+
+.models-widget .models-search-container .models-search-actions {
+	position: absolute;
+	top: 0;
+	right: 0;
+	height: 100%;
+	margin-right: 1px;
+	display: flex;
+	align-items: center;
+}
+
+.models-widget .models-search-container .models-search-actions .monaco-toolbar {
+	height: 100%;
+}
+
+.models-widget .models-search-container .models-search-actions .action-label {
+	padding: 3px;
+	margin-left: 0;
+	box-sizing: content-box;
+}
+
+.models-widget .models-search-and-button-container .section-title-actions .models-add-model-button {
+	white-space: nowrap;
+}
+
+/** Table styling **/
+
+.models-widget .models-table-container {
+	width: 100%;
+	border-spacing: 0;
+	border-collapse: separate;
+}
+
+.models-widget .models-table-container .monaco-table-tr {
+	cursor: default;
+}
+
+.models-widget .models-table-container .monaco-table-td {
+	align-items: center;
+	display: flex;
+	overflow: hidden;
+	padding-left: 10px;
+}
+
+.models-widget .models-table-container .monaco-table-td[data-col-index="1"] {
+	padding-left: 8px;
+}
+
+.models-widget .models-table-container .monaco-table-th {
+	padding-left: 10px;
+	background-color: var(--vscode-keybindingTable-headerBackground);
+}
+
+.models-widget .models-table-container .monaco-table-th[data-col-index="1"] {
+	padding-left: 8px;
+}
+
+
+/** Gutter column styling **/
+
+.models-widget .models-table-container .monaco-table-tr.models-model-row.model-hidden .models-table-column.models-gutter-column {
+	opacity: 1;
+}
+
+.models-widget .models-table-container .monaco-table-td .models-gutter-column .models-twistie {
+	align-self: stretch;
+}
+
+.models-widget .models-table-container .monaco-list-row .monaco-table-tr.models-model-row .models-gutter-column .monaco-action-bar {
+	display: none;
+}
+
+.models-widget .models-table-container .monaco-list-row.focused .monaco-table-tr.models-model-row .models-gutter-column .monaco-action-bar,
+.models-widget .models-table-container .monaco-list-row.selected .monaco-table-tr.models-model-row .models-gutter-column .monaco-action-bar,
+.models-widget .models-table-container .monaco-list-row:hover .monaco-table-tr.models-model-row .models-gutter-column .monaco-action-bar {
+	display: inherit;
+}
+
+/** Model Name column styling **/
+
+.models-widget .models-table-container .monaco-table-td .model-name-container {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	min-width: 0;
+	width: 100%;
+}
+
+.models-widget .models-table-container .monaco-table-td .model-name-container .model-status-icon {
+	flex-shrink: 0;
+	margin-left: auto;
+	margin-right: 4px;
+}
+
+.models-widget .models-table-container .monaco-table-td .model-name-container .model-name {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	flex: 0 1 auto;
+}
+
+/** Actions column styling **/
+
+.models-widget .models-table-container .monaco-table-td .actions-column {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 100%;
+}
+
+.models-widget .models-table-container .monaco-table-td .actions-column .monaco-action-bar {
+	margin-right: 9px;
+}
+
+/** Cost column styling **/
+
+.models-widget .models-table-container .monaco-table-td .model-multiplier {
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+/** Token Limits column styling **/
+
+.models-widget .models-table-container .monaco-table-td .model-token-limits {
+	display: flex;
+	gap: 12px;
+	white-space: nowrap;
+}
+
+.models-widget .models-table-container .monaco-table-td .model-token-limits .token-limit-item {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+}
+
+.models-widget .models-table-container .monaco-table-td .model-token-limits .codicon {
+	font-size: 12px;
+}
+
+/** Capabilities column styling **/
+
+.models-widget .models-table-container .monaco-table-td .model-metadata {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	flex-wrap: wrap;
+}
+
+.models-widget .models-table-container .monaco-table-td .model-capability {
+	width: fit-content;
+	padding: 0 6px;
+	border-radius: 3px;
+	font-size: 11px;
+	color: var(--vscode-radio-inactiveForeground);
+	background-color: var(--vscode-radio-inactiveBackground);
+	border-color: var(--vscode-radio-inactiveBorder, transparent);
+}
+
+.models-widget .models-table-container .monaco-table-td .model-capability.active {
+	border-color: var(--vscode-radio-activeBorder, transparent);
+}
+
+/** Vendor row styling **/
+
+.models-widget .models-table-container .models-vendor-row {
+	background-color: var(--vscode-keybindingTable-headerBackground);
+	cursor: pointer;
+}
+
+.models-widget .models-table-container .monaco-table-tr:hover .models-vendor-row {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.models-widget .models-table-container .models-vendor-row .model-name {
+	font-weight: bold;
+}
+
+/** Model row styling **/
+
+.models-widget .models-table-container .monaco-table-tr.models-model-row.model-hidden .models-table-column {
+	opacity: 0.6;
+}
+
+/** Row alternating colors **/
+.models-widget .models-table-container .monaco-table .monaco-list-row[data-parity=odd]:not(.focused):not(.selected):not(:hover) .monaco-table-tr:not(.models-vendor-row),
+.models-widget .models-table-container .monaco-table .monaco-list:not(:focus) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr:not(.models-vendor-row),
+.models-widget .models-table-container .monaco-table .monaco-list:not(.focused) .monaco-list-row[data-parity=odd].focused:not(.selected):not(:hover) .monaco-table-tr:not(.models-vendor-row) {
+	background-color: var(--vscode-editor-background);
+}

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

@@ -0,0 +1,69 @@
+/*---------------------------------------------------------------------------------------------
+ *  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;
+}

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

@@ -3,7 +3,7 @@ import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event"
 import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 import { ExtensionIdentifier } from "@codingame/monaco-vscode-api/vscode/vs/platform/extensions/common/extensions";
-import { IWebview } from "@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common/vscode/vs/workbench/contrib/webview/browser/webview";
+import { IWebview } from "@codingame/monaco-vscode-2a04f0cd-b806-5886-909e-418183d32279-common/vscode/vs/workbench/contrib/webview/browser/webview";
 import { IWebviewService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service";
 import { IExtensionService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service";
 import { IChatOutputRendererService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatOutputItemRenderer.service";

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

@@ -9,7 +9,7 @@ import { Disposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
 import { generateUuid } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uuid';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
-import { WebviewContentPurpose } from '@codingame/monaco-vscode-a654b07e-8806-5425-b124-18f03ba8e11a-common/vscode/vs/workbench/contrib/webview/browser/webview';
+import { WebviewContentPurpose } from '@codingame/monaco-vscode-2a04f0cd-b806-5886-909e-418183d32279-common/vscode/vs/workbench/contrib/webview/browser/webview';
 import { IWebviewService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service';
 import { isProposedApiEnabled } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions';
 import { IExtensionService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/extensions/common/extensions.service';
@@ -111,6 +111,24 @@ ChatOutputRendererService = ( __decorate([
     ( __param(0, IWebviewService)),
     ( __param(1, IExtensionService))
 ], ChatOutputRendererService));
+const chatOutputRendererContributionSchema = {
+    type: 'object',
+    additionalProperties: false,
+    required: ['viewType', 'mimeTypes'],
+    properties: {
+        viewType: {
+            type: 'string',
+            description: ( localize(5324, 'Unique identifier for the renderer.')),
+        },
+        mimeTypes: {
+            type: 'array',
+            description: ( localize(5325, 'MIME types that this renderer can handle')),
+            items: {
+                type: 'string'
+            }
+        }
+    }
+};
 const chatOutputRenderContributionPoint = ExtensionsRegistry.registerExtensionPoint({
     extensionPoint: 'chatOutputRenderers',
     activationEventsGenerator: function* (contributions) {
@@ -119,26 +137,9 @@ const chatOutputRenderContributionPoint = ExtensionsRegistry.registerExtensionPo
         }
     },
     jsonSchema: {
-        description: ( localize(5180, 'Contributes a renderer for specific MIME types in chat outputs')),
+        description: ( localize(5326, 'Contributes a renderer for specific MIME types in chat outputs')),
         type: 'array',
-        items: {
-            type: 'object',
-            additionalProperties: false,
-            required: ['viewType', 'mimeTypes'],
-            properties: {
-                viewType: {
-                    type: 'string',
-                    description: ( localize(5181, 'Unique identifier for the renderer.')),
-                },
-                mimeTypes: {
-                    type: 'array',
-                    description: ( localize(5182, 'MIME types that this renderer can handle')),
-                    items: {
-                        type: 'string'
-                    }
-                }
-            }
-        }
+        items: chatOutputRendererContributionSchema,
     }
 });