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

package/vscode/src/vs/workbench/contrib/chat/browser/chatStatus/chatStatusDashboard.js

@@ -1,10 +1,10 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
-import { $, append, EventType, addDisposableListener, EventHelper, disposableWindowInterval, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { $, addDisposableListener, EventType, append, EventHelper, disposableWindowInterval, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { Gesture, EventType as EventType$1 } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/touch';
 import { ActionBar } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionbar';
-import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { renderLabelWithIcons } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
 import { Checkbox } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/toggle/toggle';
 import { toAction } from '@codingame/monaco-vscode-api/vscode/vs/base/common/actions';
 import { cancelOnDispose } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
@@ -34,10 +34,9 @@ import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platfo
 import { defaultButtonStyles, defaultCheckboxStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import { DomWidget } from '../../../../../platform/domWidget/browser/domWidget.js';
 import { EditorResourceAccessor, SideBySideEditor } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/editor';
-import { ChatEntitlement, getChatPlanName } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
+import { getChatPlanName, ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
 import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
 import { IEditorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/editor/common/editorService.service';
-import { IChatSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service';
 import { isNewUser } from './chatStatus.js';
 import { IChatStatusItemService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chatStatus/chatStatusItemService.service';
 import product from '@codingame/monaco-vscode-api/vscode/vs/platform/product/common/product';
@@ -53,10 +52,7 @@ import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/misc
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quickpickColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 import { Color } from '@codingame/monaco-vscode-api/vscode/vs/base/common/color';
-import { IViewsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/views/common/viewsService.service';
-import { ChatViewId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat';
 import { isCompletionsEnabled } from '@codingame/monaco-vscode-api/vscode/vs/editor/common/services/completionsEnablement';
-import { AgentSessionProviders } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessions';
 
 const defaultChat = product.defaultChatAgent;
 const gaugeForeground = registerColor("gauge.foreground", {
@@ -64,45 +60,46 @@ const gaugeForeground = registerColor("gauge.foreground", {
     light: inputValidationInfoBorder,
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(6319, "Gauge foreground color.")));
+}, ( localize(6379, "Gauge foreground color.")));
 registerColor("gauge.background", {
     dark: ( transparent(gaugeForeground, 0.3)),
     light: ( transparent(gaugeForeground, 0.3)),
     hcDark: Color.white,
     hcLight: Color.white
-}, ( localize(6320, "Gauge background color.")));
+}, ( localize(6380, "Gauge background color.")));
 registerColor("gauge.border", {
     dark: null,
     light: null,
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(6321, "Gauge border color.")));
+}, ( localize(6381, "Gauge border color.")));
 const gaugeWarningForeground = registerColor("gauge.warningForeground", {
     dark: inputValidationWarningBorder,
     light: inputValidationWarningBorder,
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(6322, "Gauge warning foreground color.")));
+}, ( localize(6382, "Gauge warning foreground color.")));
 registerColor("gauge.warningBackground", {
     dark: ( transparent(gaugeWarningForeground, 0.3)),
     light: ( transparent(gaugeWarningForeground, 0.3)),
     hcDark: Color.white,
     hcLight: Color.white
-}, ( localize(6323, "Gauge warning background color.")));
+}, ( localize(6383, "Gauge warning background color.")));
 const gaugeErrorForeground = registerColor("gauge.errorForeground", {
     dark: inputValidationErrorBorder,
     light: inputValidationErrorBorder,
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(6324, "Gauge error foreground color.")));
+}, ( localize(6384, "Gauge error foreground color.")));
 registerColor("gauge.errorBackground", {
     dark: ( transparent(gaugeErrorForeground, 0.3)),
     light: ( transparent(gaugeErrorForeground, 0.3)),
     hcDark: Color.white,
     hcLight: Color.white
-}, ( localize(6325, "Gauge error background color.")));
+}, ( localize(6385, "Gauge error background color.")));
 let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
     constructor(
+        options,
         chatEntitlementService,
         chatStatusItemService,
         commandService,
@@ -114,13 +111,12 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         telemetryService,
         textResourceConfigurationService,
         inlineCompletionsService,
-        chatSessionsService,
         markdownRendererService,
         languageFeaturesService,
-        quickInputService,
-        viewService
+        quickInputService
     ) {
         super();
+        this.options = options;
         this.chatEntitlementService = chatEntitlementService;
         this.chatStatusItemService = chatStatusItemService;
         this.commandService = commandService;
@@ -132,21 +128,15 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         this.telemetryService = telemetryService;
         this.textResourceConfigurationService = textResourceConfigurationService;
         this.inlineCompletionsService = inlineCompletionsService;
-        this.chatSessionsService = chatSessionsService;
         this.markdownRendererService = markdownRendererService;
         this.languageFeaturesService = languageFeaturesService;
         this.quickInputService = quickInputService;
-        this.viewService = viewService;
         this.element = $("div.chat-status-bar-entry-tooltip");
         this.dateFormatter = safeIntl.DateTimeFormat(language, {
-            year: "numeric",
-            month: "long",
+            month: "short",
             day: "numeric"
         });
-        this.dateTimeFormatter = safeIntl.DateTimeFormat(language, {
-            year: "numeric",
-            month: "long",
-            day: "numeric",
+        this.timeFormatter = safeIntl.DateTimeFormat(language, {
             hour: "numeric",
             minute: "numeric"
         });
@@ -162,16 +152,175 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
     }
     render() {
         const token = cancelOnDispose(this._store);
-        let needsSeparator = false;
-        const addSeparator = (label, action) => {
-            if (needsSeparator) {
+        const {
+            chat,
+            premiumChat,
+            completions
+        } = this.chatEntitlementService.quotas;
+        const hasQuotas = !!(chat || premiumChat);
+        const isAnonymousWithSentiment = this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.completed;
+        const hasUsageSection = hasQuotas || isAnonymousWithSentiment;
+        const hasVisibleUsageContent = !!(chat && !chat.unlimited && chat.total > 0) || !!(premiumChat && !premiumChat.unlimited && premiumChat.total > 0) || !!(completions && !completions.unlimited && completions.total > 0) || isAnonymousWithSentiment;
+        const hasInlineSuggestionsSection = !this.options?.disableInlineSuggestionsSettings || !this.options?.disableModelSelection || !this.options?.disableProviderOptions || !this.options?.disableCompletionsSnooze;
+        if (hasUsageSection) {
+            const planName = getChatPlanName(this.chatEntitlementService.entitlement);
+            this.renderHeader(this.element, this._store, planName, toAction({
+                id: "workbench.action.manageCopilot",
+                label: ( localize(6386, "Manage Chat")),
+                tooltip: ( localize(6387, "Manage Chat")),
+                class: ThemeIcon.asClassName(Codicon.settings),
+                run: () => this.runCommandAndClose(() => this.openerService.open(( URI.parse(defaultChat.manageSettingsUrl))))
+            }));
+        }
+        const updatePromise = this.chatEntitlementService.update(token);
+        if (hasVisibleUsageContent && hasInlineSuggestionsSection) {
+            const usageContent = $("div.tab-content.active");
+            usageContent.setAttribute("role", "tabpanel");
+            usageContent.id = "chat-status-usage-panel";
+            const inlineSuggestionsContent = $("div.tab-content");
+            inlineSuggestionsContent.setAttribute("role", "tabpanel");
+            inlineSuggestionsContent.id = "chat-status-inline-suggestions-panel";
+            inlineSuggestionsContent.inert = true;
+            const tabBar = this.element.appendChild($("div.tab-bar"));
+            tabBar.setAttribute("role", "tablist");
+            const usageTab = tabBar.appendChild($("button.tab.active"));
+            usageTab.textContent = ( localize(6388, "Usage"));
+            usageTab.setAttribute("role", "tab");
+            usageTab.setAttribute("aria-selected", "true");
+            usageTab.setAttribute("aria-controls", usageContent.id);
+            usageTab.setAttribute("tabindex", "0");
+            const quickSettingsTab = tabBar.appendChild($("button.tab"));
+            quickSettingsTab.textContent = ( localize(6389, "Quick Settings"));
+            quickSettingsTab.setAttribute("role", "tab");
+            quickSettingsTab.setAttribute("aria-selected", "false");
+            quickSettingsTab.setAttribute("aria-controls", inlineSuggestionsContent.id);
+            quickSettingsTab.setAttribute("tabindex", "-1");
+            const switchTab = (activeTab, inactiveTab, showContent, hideContent) => {
+                activeTab.classList.add("active");
+                activeTab.setAttribute("aria-selected", "true");
+                activeTab.setAttribute("tabindex", "0");
+                inactiveTab.classList.remove("active");
+                inactiveTab.setAttribute("aria-selected", "false");
+                inactiveTab.setAttribute("tabindex", "-1");
+                showContent.classList.add("active");
+                showContent.inert = false;
+                hideContent.classList.remove("active");
+                hideContent.inert = true;
+            };
+            this._store.add(addDisposableListener(
+                usageTab,
+                EventType.CLICK,
+                () => switchTab(usageTab, quickSettingsTab, usageContent, inlineSuggestionsContent)
+            ));
+            this._store.add(addDisposableListener(
+                quickSettingsTab,
+                EventType.CLICK,
+                () => switchTab(quickSettingsTab, usageTab, inlineSuggestionsContent, usageContent)
+            ));
+            this._store.add(addDisposableListener(tabBar, EventType.KEY_DOWN, e => {
+                if (e.key === "ArrowRight" || e.key === "ArrowLeft") {
+                    e.preventDefault();
+                    if (usageTab.classList.contains("active")) {
+                        switchTab(quickSettingsTab, usageTab, inlineSuggestionsContent, usageContent);
+                        quickSettingsTab.focus();
+                    } else {
+                        switchTab(usageTab, quickSettingsTab, usageContent, inlineSuggestionsContent);
+                        usageTab.focus();
+                    }
+                }
+            }));
+            const tabContentContainer = this.element.appendChild($("div.tab-content-container"));
+            tabContentContainer.appendChild(usageContent);
+            tabContentContainer.appendChild(inlineSuggestionsContent);
+            this.renderUsageContent(usageContent, token, updatePromise);
+            this.renderInlineSuggestionsContent(inlineSuggestionsContent, token, updatePromise);
+        } else if (hasVisibleUsageContent) {
+            this.renderUsageContent(this.element, token, updatePromise);
+        } else if (hasInlineSuggestionsSection) {
+            this.renderInlineSuggestionsContent(this.element, token, updatePromise);
+        }
+        {
+            for (const item of this.chatStatusItemService.getEntries()) {
                 this.element.appendChild($("hr"));
+                const itemDisposables = this._store.add(( new MutableDisposable()));
+                let rendered = this.renderContributedChatStatusItem(item);
+                itemDisposables.value = rendered.disposables;
+                this.element.appendChild(rendered.element);
+                this._store.add(this.chatStatusItemService.onDidChange(e => {
+                    if (e.entry.id === item.id) {
+                        const previousElement = rendered.element;
+                        rendered = this.renderContributedChatStatusItem(e.entry);
+                        itemDisposables.value = rendered.disposables;
+                        previousElement.replaceWith(rendered.element);
+                    }
+                }));
             }
-            if (label || action) {
-                this.renderHeader(this.element, this._store, label ?? "", action);
+        }
+        {
+            const newUser = isNewUser(this.chatEntitlementService);
+            const anonymousUser = this.chatEntitlementService.anonymous;
+            const disabled = this.chatEntitlementService.sentiment.disabled || this.chatEntitlementService.sentiment.untrusted;
+            const signedOut = this.chatEntitlementService.entitlement === ChatEntitlement.Unknown;
+            if (newUser || signedOut || disabled) {
+                this.element.appendChild($("hr"));
+                let descriptionText;
+                let descriptionClass = ".description";
+                if (newUser && anonymousUser) {
+                    descriptionText = ( new MarkdownString(( localize(
+                        6390,
+                        "By continuing with {0} Copilot, you agree to {1}'s [Terms]({2}) and [Privacy Statement]({3})",
+                        defaultChat.provider.default.name,
+                        defaultChat.provider.default.name,
+                        defaultChat.termsStatementUrl,
+                        defaultChat.privacyStatementUrl
+                    )), {
+                        isTrusted: true
+                    }));
+                    descriptionClass = `${descriptionClass}.terms`;
+                } else if (newUser) {
+                    descriptionText = ( localize(6391, "Set up Copilot to use AI features."));
+                } else if (anonymousUser) {
+                    descriptionText = ( localize(6392, "Sign in to enable more Copilot AI features."));
+                } else if (disabled) {
+                    descriptionText = ( localize(6393, "Enable Copilot to use AI features."));
+                } else {
+                    descriptionText = ( localize(6394, "Sign in to use Copilot AI features."));
+                }
+                let buttonLabel;
+                if (newUser) {
+                    buttonLabel = ( localize(6395, "Use AI Features"));
+                } else if (anonymousUser) {
+                    buttonLabel = ( localize(6396, "Enable more AI Features"));
+                } else if (disabled) {
+                    buttonLabel = ( localize(6397, "Enable AI Features"));
+                } else {
+                    buttonLabel = ( localize(6398, "Sign in to use AI Features"));
+                }
+                let commandId;
+                if (newUser && anonymousUser) {
+                    commandId = "workbench.action.chat.triggerSetupAnonymousWithoutDialog";
+                } else {
+                    commandId = "workbench.action.chat.triggerSetup";
+                }
+                if (typeof descriptionText === "string") {
+                    this.element.appendChild($(`div${descriptionClass}`, undefined, descriptionText));
+                } else {
+                    this.element.appendChild($(
+                        `div${descriptionClass}`,
+                        undefined,
+                        this._store.add(this.markdownRendererService.render(descriptionText)).element
+                    ));
+                }
+                const button = this._store.add(( new Button(this.element, {
+                    ...defaultButtonStyles,
+                    hoverDelegate: nativeHoverDelegate
+                })));
+                button.label = buttonLabel;
+                this._store.add(button.onDidClick(() => this.runCommandAndClose(commandId)));
             }
-            needsSeparator = true;
-        };
+        }
+    }
+    renderUsageContent(container, token, updatePromise) {
         const {
             chat: chatQuota,
             completions: completionsQuota,
@@ -179,133 +328,86 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             resetDate,
             resetDateHasTime
         } = this.chatEntitlementService.quotas;
-        if (chatQuota || completionsQuota || premiumChatQuota) {
-            const usageTitle = this.getUsageTitle();
-            addSeparator(usageTitle, toAction({
-                id: "workbench.action.manageCopilot",
-                label: ( localize(6326, "Manage Chat")),
-                tooltip: ( localize(6327, "Manage Chat")),
-                class: ThemeIcon.asClassName(Codicon.settings),
-                run: () => this.runCommandAndClose(() => this.openerService.open(( URI.parse(defaultChat.manageSettingsUrl))))
-            }));
-            const completionsQuotaIndicator = completionsQuota && (completionsQuota.total > 0 || completionsQuota.unlimited) ? this.createQuotaIndicator(this.element, this._store, completionsQuota, ( localize(6328, "Inline Suggestions")), false) : undefined;
-            const chatQuotaIndicator = chatQuota && (chatQuota.total > 0 || chatQuota.unlimited) ? this.createQuotaIndicator(this.element, this._store, chatQuota, ( localize(6329, "Chat messages")), false) : undefined;
-            const premiumChatLabel = premiumChatQuota?.overageEnabled && !premiumChatQuota?.unlimited ? ( localize(6330, "Included premium requests")) : ( localize(6331, "Premium requests"));
-            const premiumChatQuotaIndicator = premiumChatQuota && (premiumChatQuota.total > 0 || premiumChatQuota.unlimited) ? this.createQuotaIndicator(this.element, this._store, premiumChatQuota, premiumChatLabel, true) : undefined;
-            if (resetDate) {
-                this.element.appendChild($("div.description", undefined, ( localize(
-                    6332,
-                    "Allowance resets {0}.",
-                    resetDateHasTime ? this.dateTimeFormatter.value.format(( new Date(resetDate))) : this.dateFormatter.value.format(( new Date(resetDate)))
-                ))));
+        if (chatQuota || premiumChatQuota || completionsQuota) {
+            const resetLabel = resetDate ? (resetDateHasTime ? ( localize(
+                6399,
+                "Resets {0} at {1}",
+                this.dateFormatter.value.format(( new Date(resetDate))),
+                this.timeFormatter.value.format(( new Date(resetDate)))
+            )) : ( localize(
+                6400,
+                "Resets {0}",
+                this.dateFormatter.value.format(( new Date(resetDate)))
+            ))) : undefined;
+            let chatQuotaIndicator;
+            if (chatQuota && !chatQuota.unlimited && chatQuota.total > 0) {
+                chatQuotaIndicator = this.createQuotaIndicator(container, this._store, chatQuota, ( localize(6401, "Chat messages")), false, resetLabel);
+            }
+            let premiumChatQuotaIndicator;
+            if (premiumChatQuota && !premiumChatQuota.unlimited && premiumChatQuota.total > 0) {
+                const premiumChatLabel = premiumChatQuota.overageEnabled ? ( localize(6402, "Included premium requests")) : ( localize(6403, "Premium requests"));
+                premiumChatQuotaIndicator = this.createQuotaIndicator(
+                    container,
+                    this._store,
+                    premiumChatQuota,
+                    premiumChatLabel,
+                    true,
+                    resetLabel
+                );
+            }
+            let completionsQuotaIndicator;
+            if (completionsQuota && !completionsQuota.unlimited && completionsQuota.total > 0) {
+                completionsQuotaIndicator = this.createQuotaIndicator(container, this._store, completionsQuota, ( localize(6404, "Inline Suggestions")), false, resetLabel);
             }
             if (this.chatEntitlementService.entitlement === ChatEntitlement.Free && (Number(chatQuota?.percentRemaining) <= 25 || Number(completionsQuota?.percentRemaining) <= 25)) {
-                const upgradeProButton = this._store.add(( new Button(this.element, {
+                const upgradeProButton = this._store.add(( new Button(container, {
                     ...defaultButtonStyles,
                     hoverDelegate: nativeHoverDelegate,
                     secondary: this.canUseChat()
                 })));
-                upgradeProButton.label = ( localize(6333, "Upgrade to GitHub Copilot Pro"));
+                upgradeProButton.label = ( localize(6405, "Upgrade to GitHub Copilot Pro"));
                 this._store.add(
                     upgradeProButton.onDidClick(() => this.runCommandAndClose("workbench.action.chat.upgradePlan"))
                 );
             }
             (async () => {
-                await this.chatEntitlementService.update(token);
+                await (updatePromise ?? this.chatEntitlementService.update(token));
                 if (token.isCancellationRequested) {
                     return;
                 }
                 const {
                     chat: chatQuota,
-                    completions: completionsQuota,
-                    premiumChat: premiumChatQuota
+                    premiumChat: premiumChatQuota,
+                    completions: completionsQuota
                 } = this.chatEntitlementService.quotas;
-                if (completionsQuota) {
-                    completionsQuotaIndicator?.(completionsQuota);
-                }
                 if (chatQuota) {
                     chatQuotaIndicator?.(chatQuota);
                 }
                 if (premiumChatQuota) {
                     premiumChatQuotaIndicator?.(premiumChatQuota);
                 }
+                if (completionsQuota) {
+                    completionsQuotaIndicator?.(completionsQuota);
+                }
             })();
         }
-        else if (this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.installed) {
-            addSeparator(( localize(6334, "Copilot Usage")));
-            this.createQuotaIndicator(this.element, this._store, ( localize(6335, "Limited")), ( localize(6328, "Inline Suggestions")), false);
-            this.createQuotaIndicator(this.element, this._store, ( localize(6335, "Limited")), ( localize(6329, "Chat messages")), false);
-        }
-        {
-            const inProgress = this.chatSessionsService.getInProgress();
-            if (( inProgress.some(item => item.count > 0))) {
-                addSeparator(( localize(6336, "Agent Sessions")), toAction({
-                    id: "workbench.view.chat.status.sessions",
-                    label: ( localize(6337, "View Agent Sessions")),
-                    tooltip: ( localize(6338, "View Agent Sessions")),
-                    class: ThemeIcon.asClassName(Codicon.eye),
-                    run: () => {
-                        this.viewService.openView(ChatViewId, true);
-                        this.hoverService.hideHover(true);
-                    }
-                }));
-                for (const {
-                    chatSessionType,
-                    count
-                } of inProgress) {
-                    if (count > 0) {
-                        const displayName = this.getDisplayNameForChatSessionType(chatSessionType);
-                        if (displayName) {
-                            const text = "$(loading~spin) " + ( localize(6339, "{0} in progress", displayName));
-                            const chatSessionsElement = this.element.appendChild($("div.description"));
-                            const parts = renderLabelWithIcons(text);
-                            chatSessionsElement.append(...parts);
-                        }
-                    }
-                }
-            }
+        else if (this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.completed) {
+            this.createQuotaIndicator(container, this._store, ( localize(6406, "Limited")), ( localize(6401, "Chat messages")), false);
         }
-        {
-            for (const item of this.chatStatusItemService.getEntries()) {
-                addSeparator();
-                const itemDisposables = this._store.add(( new MutableDisposable()));
-                let rendered = this.renderContributedChatStatusItem(item);
-                itemDisposables.value = rendered.disposables;
-                this.element.appendChild(rendered.element);
-                this._store.add(this.chatStatusItemService.onDidChange(e => {
-                    if (e.entry.id === item.id) {
-                        const previousElement = rendered.element;
-                        rendered = this.renderContributedChatStatusItem(e.entry);
-                        itemDisposables.value = rendered.disposables;
-                        previousElement.replaceWith(rendered.element);
-                    }
-                }));
-            }
-        }
-        {
-            const chatSentiment = this.chatEntitlementService.sentiment;
-            addSeparator(( localize(6340, "Inline Suggestions")), chatSentiment.installed && !chatSentiment.disabled && !chatSentiment.untrusted ? toAction({
-                id: "workbench.action.openChatSettings",
-                label: ( localize(6341, "Settings")),
-                tooltip: ( localize(6342, "Open Settings")),
-                class: ThemeIcon.asClassName(Codicon.settingsGear),
-                run: () => this.runCommandAndClose(
-                    () => this.commandService.executeCommand("workbench.action.openSettings", {
-                        query: `@id:${defaultChat.completionsEnablementSetting} @id:${defaultChat.nextEditSuggestionsSetting}`
-                    })
-                )
-            }) : undefined);
-            this.createSettings(this.element, this._store);
+    }
+    renderInlineSuggestionsContent(container, _token, _updatePromise) {
+        if (!this.options?.disableInlineSuggestionsSettings) {
+            this.createSettings(container, this._store);
         }
-        {
-            const providers = this.languageFeaturesService.inlineCompletionsProvider.allNoModel();
+        const providers = (!this.options?.disableModelSelection || !this.options?.disableProviderOptions) ? this.languageFeaturesService.inlineCompletionsProvider.allNoModel() : undefined;
+        if (!this.options?.disableModelSelection && providers) {
             const provider = providers.find(p => p.modelInfo && p.modelInfo.models.length > 0);
             if (provider) {
                 const modelInfo = provider.modelInfo;
                 const currentModel = modelInfo.models.find(m => m.id === modelInfo.currentModelId);
                 if (currentModel) {
-                    const modelContainer = this.element.appendChild($("div.model-selection"));
-                    modelContainer.appendChild($("span.model-text", undefined, ( localize(6343, "Model"))));
+                    const modelContainer = container.appendChild($("div.model-selection"));
+                    modelContainer.appendChild($("span.model-text", undefined, ( localize(6407, "Model"))));
                     const actionBar = modelContainer.appendChild($("div.model-action-bar"));
                     const toolbar = this._store.add(( new ActionBar(actionBar, {
                         hoverDelegate: nativeHoverDelegate
@@ -313,7 +415,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     toolbar.push([toAction({
                         id: "workbench.action.selectInlineCompletionsModel",
                         label: currentModel.name,
-                        tooltip: ( localize(6344, "Select Model")),
+                        tooltip: ( localize(6408, "Select Model")),
                         class: ThemeIcon.asClassName(Codicon.gear),
                         run: async () => {
                             await this.showModelPicker(provider);
@@ -325,14 +427,13 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 }
             }
         }
-        {
-            const providers = this.languageFeaturesService.inlineCompletionsProvider.allNoModel();
+        if (!this.options?.disableProviderOptions && providers) {
             for (const provider of providers) {
                 if (provider.providerOptions && provider.providerOptions.length > 0) {
                     for (const option of provider.providerOptions) {
                         const currentValue = option.values.find(v => v.id === option.currentValueId);
                         if (currentValue) {
-                            const optionContainer = this.element.appendChild($("div.suggest-option-selection"));
+                            const optionContainer = container.appendChild($("div.suggest-option-selection"));
                             optionContainer.appendChild($("span.suggest-option-text", undefined, option.label));
                             const actionBar = optionContainer.appendChild($("div.suggest-option-action-bar"));
                             const toolbar = this._store.add(( new ActionBar(actionBar, {
@@ -341,7 +442,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                             toolbar.push([toAction({
                                 id: `workbench.action.selectProviderOption.${option.id}`,
                                 label: currentValue.label,
-                                tooltip: ( localize(6345, "Select {0}", option.label)),
+                                tooltip: ( localize(6409, "Select {0}", option.label)),
                                 run: async () => {
                                     await this.showProviderOptionPicker(provider, option);
                                 }
@@ -354,87 +455,13 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 }
             }
         }
-        if (this.canUseChat()) {
-            const snooze = append(this.element, $("div.snooze-completions"));
-            this.createCompletionsSnooze(snooze, ( localize(6346, "Snooze")), this._store);
-        }
-        {
-            const newUser = isNewUser(this.chatEntitlementService);
-            const anonymousUser = this.chatEntitlementService.anonymous;
-            const disabled = this.chatEntitlementService.sentiment.disabled || this.chatEntitlementService.sentiment.untrusted;
-            const signedOut = this.chatEntitlementService.entitlement === ChatEntitlement.Unknown;
-            if (newUser || signedOut || disabled) {
-                addSeparator();
-                let descriptionText;
-                let descriptionClass = ".description";
-                if (newUser && anonymousUser) {
-                    descriptionText = ( new MarkdownString(( localize(
-                        6347,
-                        "By continuing with {0} Copilot, you agree to {1}'s [Terms]({2}) and [Privacy Statement]({3})",
-                        defaultChat.provider.default.name,
-                        defaultChat.provider.default.name,
-                        defaultChat.termsStatementUrl,
-                        defaultChat.privacyStatementUrl
-                    )), {
-                        isTrusted: true
-                    }));
-                    descriptionClass = `${descriptionClass}.terms`;
-                } else if (newUser) {
-                    descriptionText = ( localize(6348, "Set up Copilot to use AI features."));
-                } else if (anonymousUser) {
-                    descriptionText = ( localize(6349, "Sign in to enable more Copilot AI features."));
-                } else if (disabled) {
-                    descriptionText = ( localize(6350, "Enable Copilot to use AI features."));
-                } else {
-                    descriptionText = ( localize(6351, "Sign in to use Copilot AI features."));
-                }
-                let buttonLabel;
-                if (newUser) {
-                    buttonLabel = ( localize(6352, "Use AI Features"));
-                } else if (anonymousUser) {
-                    buttonLabel = ( localize(6353, "Enable more AI Features"));
-                } else if (disabled) {
-                    buttonLabel = ( localize(6354, "Enable AI Features"));
-                } else {
-                    buttonLabel = ( localize(6355, "Sign in to use AI Features"));
-                }
-                let commandId;
-                if (newUser && anonymousUser) {
-                    commandId = "workbench.action.chat.triggerSetupAnonymousWithoutDialog";
-                } else {
-                    commandId = "workbench.action.chat.triggerSetup";
-                }
-                if (typeof descriptionText === "string") {
-                    this.element.appendChild($(`div${descriptionClass}`, undefined, descriptionText));
-                } else {
-                    this.element.appendChild($(
-                        `div${descriptionClass}`,
-                        undefined,
-                        this._store.add(this.markdownRendererService.render(descriptionText)).element
-                    ));
-                }
-                const button = this._store.add(( new Button(this.element, {
-                    ...defaultButtonStyles,
-                    hoverDelegate: nativeHoverDelegate
-                })));
-                button.label = buttonLabel;
-                this._store.add(button.onDidClick(() => this.runCommandAndClose(commandId)));
-            }
-        }
-    }
-    getDisplayNameForChatSessionType(chatSessionType) {
-        if (chatSessionType === AgentSessionProviders.Local) {
-            return localize(6356, "Local Agent");
-        } else if (chatSessionType === AgentSessionProviders.Background) {
-            return localize(6357, "Background Agent");
-        } else if (chatSessionType === AgentSessionProviders.Cloud) {
-            return localize(6358, "Cloud Agent");
-        } else {
-            return this.chatSessionsService.getChatSessionContribution(chatSessionType)?.displayName;
+        if (!this.options?.disableCompletionsSnooze && this.canUseChat()) {
+            const snooze = append(container, $("div.snooze-completions"));
+            this.createCompletionsSnooze(snooze, ( localize(6410, "Snooze")), this._store);
         }
     }
     canUseChat() {
-        if (!this.chatEntitlementService.sentiment.installed || this.chatEntitlementService.sentiment.disabled || this.chatEntitlementService.sentiment.untrusted) {
+        if (!this.chatEntitlementService.sentiment.completed || this.chatEntitlementService.sentiment.disabled || this.chatEntitlementService.sentiment.untrusted) {
             return false;
         }
         if (this.chatEntitlementService.entitlement === ChatEntitlement.Unknown || this.chatEntitlementService.entitlement === ChatEntitlement.Available) {
@@ -445,10 +472,6 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         }
         return true;
     }
-    getUsageTitle() {
-        const planName = getChatPlanName(this.chatEntitlementService.entitlement);
-        return localize(6359, "{0} Usage", planName);
-    }
     renderHeader(container, disposables, label, action) {
         const header = container.appendChild($("div.header", undefined, label ?? ""));
         if (action) {
@@ -468,8 +491,8 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const headerLink = typeof item.label === "string" ? undefined : item.label.link;
         this.renderHeader(itemElement, disposables, headerLabel, headerLink ? toAction({
             id: "workbench.action.openChatStatusItemLink",
-            label: ( localize(6360, "Learn More")),
-            tooltip: ( localize(6360, "Learn More")),
+            label: ( localize(6411, "Learn More")),
+            tooltip: ( localize(6411, "Learn More")),
             class: ThemeIcon.asClassName(Codicon.linkExternal),
             run: () => this.runCommandAndClose(() => this.openerService.open(( URI.parse(headerLink))))
         }) : undefined);
@@ -477,7 +500,9 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const description = itemBody.appendChild($("span.description"));
         this.renderTextPlus(description, item.description, disposables);
         if (item.detail) {
-            const detail = itemBody.appendChild($("div.detail-item"));
+            const separator = itemBody.appendChild($("span.separator"));
+            separator.textContent = "—";
+            const detail = itemBody.appendChild($("span.detail-item"));
             this.renderTextPlus(detail, item.detail, disposables);
         }
         return {
@@ -507,70 +532,97 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         }
         this.hoverService.hideHover(true);
     }
-    createQuotaIndicator(container, disposables, quota, label, supportsOverage) {
+    createQuotaIndicator(container, disposables, quota, label, supportsOverage, resetLabel) {
         const quotaValue = $("span.quota-value");
+        const quotaValueSuffix = $("span.quota-value-suffix");
         const quotaBit = $("div.quota-bit");
-        const overageLabel = $("span.overage-label");
+        const resetValue = $("span.quota-reset");
+        if (resetLabel) {
+            resetValue.textContent = resetLabel;
+        }
         const quotaIndicator = container.appendChild($(
             "div.quota-indicator",
             undefined,
-            $("div.quota-label", undefined, $("span", undefined, label), quotaValue),
-            $("div.quota-bar", undefined, quotaBit),
-            $("div.description", undefined, overageLabel)
+            $("div.quota-title", undefined, label),
+            $(
+                "div.quota-details",
+                undefined,
+                $("div.quota-percentage", undefined, quotaValue, quotaValueSuffix),
+                resetValue
+            ),
+            $("div.quota-bar", undefined, quotaBit)
         ));
+        const calloutIcon = $("span.callout-icon");
+        const calloutText = $("span.callout-text");
+        const quotaCallout = container.appendChild($("div.quota-callout", undefined, calloutIcon, calloutText));
+        quotaCallout.style.display = "none";
         if (supportsOverage && (this.chatEntitlementService.entitlement === ChatEntitlement.EDU || this.chatEntitlementService.entitlement === ChatEntitlement.Pro || this.chatEntitlementService.entitlement === ChatEntitlement.ProPlus)) {
-            const manageOverageButton = disposables.add(( new Button(quotaIndicator, {
+            const manageOverageButton = disposables.add(( new Button(container, {
                 ...defaultButtonStyles,
                 secondary: true,
                 hoverDelegate: nativeHoverDelegate
             })));
-            manageOverageButton.label = ( localize(6361, "Manage paid premium requests"));
+            manageOverageButton.label = ( localize(6412, "Manage paid premium requests"));
             disposables.add(
                 manageOverageButton.onDidClick(() => this.runCommandAndClose(() => this.openerService.open(( URI.parse(defaultChat.manageOverageUrl)))))
             );
         }
+        const isEnterpriseUser = this.chatEntitlementService.entitlement === ChatEntitlement.Enterprise || this.chatEntitlementService.entitlement === ChatEntitlement.Business;
         const update = quota => {
             quotaIndicator.classList.remove("error");
             quotaIndicator.classList.remove("warning");
+            quotaIndicator.classList.remove("dimmed");
+            quotaIndicator.classList.remove("info");
             let usedPercentage;
-            if (typeof quota === "string" || quota.unlimited) {
+            if (typeof quota === "string") {
                 usedPercentage = 0;
             } else {
                 usedPercentage = Math.max(0, 100 - quota.percentRemaining);
             }
             if (typeof quota === "string") {
                 quotaValue.textContent = quota;
-            } else if (quota.unlimited) {
-                quotaValue.textContent = ( localize(6362, "Included"));
+                quotaValueSuffix.textContent = "";
             } else if (quota.overageCount) {
-                quotaValue.textContent = ( localize(
-                    6363,
-                    "+{0} requests",
-                    this.quotaOverageFormatter.value.format(quota.overageCount)
-                ));
+                quotaValue.textContent = `+${this.quotaOverageFormatter.value.format(quota.overageCount)}`;
+                quotaValueSuffix.textContent = ` ${( localize(6413, "requests"))}`;
             } else {
-                quotaValue.textContent = ( localize(6364, "{0}%", this.quotaPercentageFormatter.value.format(usedPercentage)));
+                quotaValue.textContent = ( localize(6414, "{0}%", this.quotaPercentageFormatter.value.format(usedPercentage)));
+                quotaValueSuffix.textContent = ` ${( localize(6415, "used"))}`;
             }
             quotaBit.style.width = `${usedPercentage}%`;
             const overageEnabled = supportsOverage && typeof quota !== "string" && quota?.overageEnabled;
-            if (usedPercentage >= 90 && !overageEnabled) {
-                quotaIndicator.classList.add("error");
+            if (usedPercentage >= 100 && overageEnabled) {
+                quotaIndicator.classList.add("dimmed");
+                quotaCallout.style.display = "";
+                quotaCallout.className = "quota-callout info";
+                calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
+                calloutText.textContent = ( localize(6416, "Using Overage Budget until limits reset."));
+            } else if (usedPercentage >= 75 && overageEnabled) {
+                quotaIndicator.classList.add("info");
+                quotaCallout.style.display = "";
+                quotaCallout.className = "quota-callout info";
+                calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
+                calloutText.textContent = ( localize(6417, "Once the limit is reached, your Overage Budget will be used."));
+            } else if (usedPercentage >= 100 && !overageEnabled) {
+                quotaIndicator.classList.add("dimmed");
+                quotaCallout.style.display = "";
+                quotaCallout.className = "quota-callout error";
+                calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.error)}`;
+                calloutText.textContent = isEnterpriseUser ? ( localize(
+                    6418,
+                    "Copilot is paused until the limit resets. Contact your administrator for more information."
+                )) : ( localize(6419, "Copilot is paused until the limit resets."));
             } else if (usedPercentage >= 75 && !overageEnabled) {
                 quotaIndicator.classList.add("warning");
-            }
-            if (supportsOverage) {
-                if (typeof quota !== "string" && quota.unlimited) {
-                    overageLabel.textContent = "";
-                } else if (typeof quota !== "string" && quota?.overageEnabled) {
-                    overageLabel.replaceChildren(( localize(6365, "Additional premium requests approved.")), $("br"), ( localize(
-                        6366,
-                        "You can continue after the included premium requests limit reaches 100%."
-                    )));
-                } else {
-                    overageLabel.textContent = ( localize(6367, "Additional paid premium requests disabled."));
-                }
+                quotaCallout.style.display = "";
+                quotaCallout.className = "quota-callout warning";
+                calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.warning)}`;
+                calloutText.textContent = isEnterpriseUser ? ( localize(
+                    6420,
+                    "Copilot will pause when the limit is reached. Contact your administrator for more information."
+                )) : ( localize(6421, "Copilot will pause when the limit is reached."));
             } else {
-                overageLabel.textContent = "";
+                quotaCallout.style.display = "none";
             }
         };
         update(quota);
@@ -581,15 +633,15 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const settings = container.appendChild($("div.settings"));
         {
             const globalSetting = append(settings, $("div.setting"));
-            this.createInlineSuggestionsSetting(globalSetting, ( localize(6368, "All files")), "*", disposables);
+            this.createInlineSuggestionsSetting(globalSetting, ( localize(6422, "All files")), "*", disposables);
             if (modeId) {
                 const languageSetting = append(settings, $("div.setting"));
-                this.createInlineSuggestionsSetting(languageSetting, ( localize(6369, "{0}", this.languageService.getLanguageName(modeId) ?? modeId)), modeId, disposables);
+                this.createInlineSuggestionsSetting(languageSetting, ( localize(6423, "{0}", this.languageService.getLanguageName(modeId) ?? modeId)), modeId, disposables);
             }
         }
         {
             const setting = append(settings, $("div.setting"));
-            this.createNextEditSuggestionsSetting(setting, ( localize(6370, "Next edit suggestions")), this.getCompletionsSettingAccessor(modeId), disposables);
+            this.createNextEditSuggestionsSetting(setting, ( localize(6424, "Next edit suggestions")), this.getCompletionsSettingAccessor(modeId), disposables);
         }
         return settings;
     }
@@ -706,7 +758,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         })));
         const cancelAction = toAction({
             id: "workbench.action.cancelSnoozeStatusBarLink",
-            label: ( localize(6371, "Cancel Snooze")),
+            label: ( localize(6425, "Cancel Snooze")),
             run: () => this.inlineCompletionsService.cancelSnooze(),
             class: ThemeIcon.asClassName(Codicon.stopCircle)
         });
@@ -715,19 +767,19 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             toolbar.clear();
             const timeLeftMs = this.inlineCompletionsService.snoozeTimeLeft;
             if (!isEnabled || timeLeftMs <= 0) {
-                timerDisplay.textContent = ( localize(6372, "Hide suggestions for 5 min"));
+                timerDisplay.textContent = ( localize(6426, "Hide suggestions for 5 min"));
                 timerDisplay.title = "";
                 button.label = label;
-                button.setTitle(( localize(6373, "Hide inline suggestions for 5 min")));
+                button.setTitle(( localize(6427, "Hide inline suggestions for 5 min")));
                 return true;
             }
             const timeLeftSeconds = Math.ceil(timeLeftMs / 1000);
             const minutes = Math.floor(timeLeftSeconds / 60);
             const seconds = timeLeftSeconds % 60;
-            timerDisplay.textContent = `${minutes}:${seconds < 10 ? "0" : ""}${seconds} ${( localize(6374, "remaining"))}`;
-            timerDisplay.title = ( localize(6375, "Inline suggestions are hidden for the remaining duration"));
-            button.label = ( localize(6376, "+5 min"));
-            button.setTitle(( localize(6377, "Snooze additional 5 min")));
+            timerDisplay.textContent = `${minutes}:${seconds < 10 ? "0" : ""}${seconds} ${( localize(6428, "remaining"))}`;
+            timerDisplay.title = ( localize(6429, "Inline suggestions are hidden for the remaining duration"));
+            button.label = ( localize(6430, "+5 min"));
+            button.setTitle(( localize(6431, "Snooze additional 5 min")));
             toolbar.push([cancelAction], {
                 icon: true,
                 label: false
@@ -768,12 +820,12 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const items = ( modelInfo.models.map(model => ({
             id: model.id,
             label: model.name,
-            description: model.id === modelInfo.currentModelId ? ( localize(6378, "Currently selected")) : undefined,
+            description: model.id === modelInfo.currentModelId ? ( localize(6432, "Currently selected")) : undefined,
             picked: model.id === modelInfo.currentModelId
         })));
         const selected = await this.quickInputService.pick(items, {
             placeHolder: ( localize(
-                6379,
+                6433,
                 "Select a model for {0}",
                 provider.displayName || "inline completions"
             )),
@@ -791,11 +843,11 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const items = ( option.values.map(value => ({
             id: value.id,
             label: value.label,
-            description: value.id === option.currentValueId ? ( localize(6380, "Currently selected")) : undefined,
+            description: value.id === option.currentValueId ? ( localize(6434, "Currently selected")) : undefined,
             picked: value.id === option.currentValueId
         })));
         const selected = await this.quickInputService.pick(items, {
-            placeHolder: ( localize(6381, "Select {0}", option.label)),
+            placeHolder: ( localize(6435, "Select {0}", option.label)),
             canPickMany: false
         });
         if (selected && selected.id && selected.id !== option.currentValueId) {
@@ -804,6 +856,6 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         this.hoverService.hideHover(true);
     }
 };
-ChatStatusDashboard = ( __decorate([( __param(0, IChatEntitlementService)), ( __param(1, IChatStatusItemService)), ( __param(2, ICommandService)), ( __param(3, IConfigurationService)), ( __param(4, IEditorService)), ( __param(5, IHoverService)), ( __param(6, ILanguageService)), ( __param(7, IOpenerService)), ( __param(8, ITelemetryService)), ( __param(9, ITextResourceConfigurationService)), ( __param(10, IInlineCompletionsService)), ( __param(11, IChatSessionsService)), ( __param(12, IMarkdownRendererService)), ( __param(13, ILanguageFeaturesService)), ( __param(14, IQuickInputService)), ( __param(15, IViewsService))], ChatStatusDashboard));
+ChatStatusDashboard = ( __decorate([( __param(1, IChatEntitlementService)), ( __param(2, IChatStatusItemService)), ( __param(3, ICommandService)), ( __param(4, IConfigurationService)), ( __param(5, IEditorService)), ( __param(6, IHoverService)), ( __param(7, ILanguageService)), ( __param(8, IOpenerService)), ( __param(9, ITelemetryService)), ( __param(10, ITextResourceConfigurationService)), ( __param(11, IInlineCompletionsService)), ( __param(12, IMarkdownRendererService)), ( __param(13, ILanguageFeaturesService)), ( __param(14, IQuickInputService))], ChatStatusDashboard));
 
 export { ChatStatusDashboard };