@codingame/monaco-vscode-chat-service-override 36.2.7 → 37.0.0

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

@@ -8,6 +8,7 @@ import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/b
 import { SelectBox } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/selectBox/selectBox';
 import { Checkbox, TriStateCheckbox } 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 { Sequencer } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
 import { cancelOnDispose } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
 import { safeIntl } from '@codingame/monaco-vscode-api/vscode/vs/base/common/date';
@@ -26,17 +27,19 @@ import { StorageScope, StorageTarget } from '@codingame/monaco-vscode-api/vscode
 import { IStorageService } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
+import { ConfigurationTarget, getConfigValueInTarget } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration';
 import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
 import { nativeHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover';
 import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
 import { IMarkdownRendererService } from '@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service';
+import { INotificationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/notification/common/notification.service';
 import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
 import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
 import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
 import { defaultButtonStyles, defaultSelectBoxStyles, 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 { getChatPlanName, ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
+import { getChatPlanName, ChatEntitlement, getQuotaUsage, QuotaUsageKind, getQuotaReset } 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 { IContextViewService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
@@ -49,6 +52,13 @@ import { isCompletionsEnabled } from '@codingame/monaco-vscode-api/vscode/vs/edi
 
 var ChatStatusDashboard_1;
 const defaultChat = product.defaultChatAgent;
+const completionsConfigurationTargets = [
+    ConfigurationTarget.WORKSPACE_FOLDER,
+    ConfigurationTarget.WORKSPACE,
+    ConfigurationTarget.USER_REMOTE,
+    ConfigurationTarget.USER_LOCAL,
+    ConfigurationTarget.APPLICATION
+];
 let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
     static {
         ChatStatusDashboard_1 = this;
@@ -73,7 +83,8 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         languageFeaturesService,
         contextViewService,
         storageService,
-        defaultAccountService
+        defaultAccountService,
+        notificationService
     ) {
         super();
         this.options = options;
@@ -93,6 +104,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         this.contextViewService = contextViewService;
         this.storageService = storageService;
         this.defaultAccountService = defaultAccountService;
+        this.notificationService = notificationService;
         this.element = $("div.chat-status-bar-entry-tooltip");
         this.dateFormatter = safeIntl.DateTimeFormat(language, {
             month: "short",
@@ -133,8 +145,8 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             const headerHost = this.options?.titleHeaderContainer ?? this.element;
             const header = this.renderHeader(headerHost, this._store, planName, toAction({
                 id: "workbench.action.manageCopilot",
-                label: ( localize(7309, "Manage Copilot Settings")),
-                tooltip: ( localize(7310, "Manage Copilot Settings")),
+                label: ( localize(8543, "Manage Copilot Settings")),
+                tooltip: ( localize(8544, "Manage Copilot Settings")),
                 class: ThemeIcon.asClassName(Codicon.settings),
                 run: () => this.runCommandAndClose(() => this.openerService.open(( URI.parse(this.defaultAccountService.resolveGitHubUrl(GitHubPaths.copilotSettings)))))
             }));
@@ -148,7 +160,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     secondary: true
                 })));
                 headerAdditionalSpendButton.element.classList.add("header-cta-button");
-                headerAdditionalSpendButton.label = ( localize(7311, "Manage Budget"));
+                headerAdditionalSpendButton.label = ( localize(8545, "Manage Budget"));
                 this._store.add(headerAdditionalSpendButton.onDidClick(() => {
                     this.telemetryService.publicLog2("workbenchActionExecuted", {
                         id: "workbench.action.chat.manageAdditionalSpend",
@@ -166,7 +178,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     hoverDelegate: nativeHoverDelegate
                 })));
                 headerUpgradeButton.element.classList.add("header-cta-button");
-                headerUpgradeButton.label = ( localize(7312, "Upgrade"));
+                headerUpgradeButton.label = ( localize(8546, "Upgrade"));
                 this._store.add(
                     headerUpgradeButton.onDidClick(() => this.runCommandAndClose("workbench.action.chat.upgradePlan"))
                 );
@@ -185,7 +197,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     hoverDelegate: nativeHoverDelegate,
                     secondary: true
                 })));
-                headerAdditionalSpendButton.label = ( localize(7311, "Manage Budget"));
+                headerAdditionalSpendButton.label = ( localize(8545, "Manage Budget"));
                 this._store.add(headerAdditionalSpendButton.onDidClick(() => {
                     this.telemetryService.publicLog2("workbenchActionExecuted", {
                         id: "workbench.action.chat.manageAdditionalSpend",
@@ -199,7 +211,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     ...defaultButtonStyles,
                     hoverDelegate: nativeHoverDelegate
                 })));
-                headerUpgradeButton.label = ( localize(7312, "Upgrade"));
+                headerUpgradeButton.label = ( localize(8546, "Upgrade"));
                 this._store.add(
                     headerUpgradeButton.onDidClick(() => this.runCommandAndClose("workbench.action.chat.upgradePlan"))
                 );
@@ -219,17 +231,37 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             );
         }
         const hasPremiumUnlimited = !!premiumChat?.unlimited;
-        if (hasPremiumUnlimited) {
-            const includedTitle = this.chatEntitlementService.quotas.usageBasedBilling ? ( localize(7313, "Credits")) : ( localize(7314, "Premium Requests"));
+        const premiumChatUsage = getQuotaUsage(premiumChat);
+        if (premiumChatUsage?.kind === QuotaUsageKind.CreditsUsed) {
+            this.createCreditsUsedIndicator(
+                this.element,
+                premiumChatUsage.creditsUsed,
+                this.formatQuotaResetLabel(premiumChat)
+            );
+        } else if (hasPremiumUnlimited) {
+            const includedTitle = this.chatEntitlementService.quotas.usageBasedBilling ? ( localize(8547, "Credits")) : ( localize(8548, "Premium Requests"));
+            const getIncludedDescription = () => {
+                if (isPooledQuotaDepleted) {
+                    return {
+                        compact: ( localize(8549, "{0} limit reached.", includedTitle)),
+                        default: ( localize(8550, "Organization limit reached."))
+                    };
+                }
+                return {
+                    compact: ( localize(8551, "{0} included with your organization's plan.", includedTitle)),
+                    default: ( localize(8552, "Included with your organization's plan."))
+                };
+            };
+            const includedDescription = getIncludedDescription();
             const includedContainer = this.element.appendChild($("div.quota-indicator.included"));
             if (this.options?.compactQuotaLayout) {
                 const planName = getChatPlanName(this.chatEntitlementService.entitlement);
                 includedContainer.classList.add("compact");
                 includedContainer.appendChild($("div.quota-title", undefined, planName));
-                includedContainer.appendChild($("div.description", undefined, isPooledQuotaDepleted ? ( localize(7315, "{0} limit reached.", includedTitle)) : ( localize(7316, "{0} included with your organization's plan.", includedTitle))));
+                includedContainer.appendChild($("div.description", undefined, includedDescription.compact));
             } else {
                 includedContainer.appendChild($("div.quota-title", undefined, includedTitle));
-                includedContainer.appendChild($("div.description", undefined, isPooledQuotaDepleted ? ( localize(7317, "Organization limit reached.")) : ( localize(7318, "Included with your organization's plan."))));
+                includedContainer.appendChild($("div.description", undefined, includedDescription.default));
             }
         }
         if (hasQuickSettingsContent) {
@@ -251,23 +283,11 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const {
             chat: chatQuota,
             completions: completionsQuota,
-            premiumChat: premiumChatQuota,
-            resetDate,
-            resetDateHasTime
+            premiumChat: premiumChatQuota
         } = this.chatEntitlementService.quotas;
         const compact = !!this.options?.compactQuotaLayout;
         const planName = compact ? getChatPlanName(this.chatEntitlementService.entitlement) : undefined;
         if (chatQuota || premiumChatQuota || completionsQuota) {
-            const resetLabel = resetDate ? (resetDateHasTime ? ( localize(
-                7319,
-                "Resets {0} at {1}",
-                this.dateFormatter.value.format(( new Date(resetDate))),
-                this.timeFormatter.value.format(( new Date(resetDate)))
-            )) : ( localize(
-                7320,
-                "Resets {0}",
-                this.dateFormatter.value.format(( new Date(resetDate)))
-            ))) : undefined;
             const globalCalloutUpdater = this.createGlobalQuotaCallout(container);
             const {
                 calloutVisible: initialCalloutVisible
@@ -280,25 +300,24 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             }
             let chatQuotaIndicator;
             if (chatQuota && !chatQuota.unlimited && (!this.chatEntitlementService.quotas.usageBasedBilling || this.chatEntitlementService.entitlement === ChatEntitlement.Free)) {
-                const chatLabel = this.chatEntitlementService.quotas.usageBasedBilling && this.chatEntitlementService.entitlement === ChatEntitlement.Free ? ( localize(7321, "Credits")) : ( localize(7322, "Chat messages"));
+                const chatLabel = this.chatEntitlementService.quotas.usageBasedBilling && this.chatEntitlementService.entitlement === ChatEntitlement.Free ? ( localize(8553, "Credits")) : ( localize(8554, "Chat messages"));
                 chatQuotaIndicator = this.createQuotaIndicator(
                     container,
                     chatQuota,
                     chatLabel,
-                    resetLabel,
+                    this.formatQuotaResetLabel(chatQuota),
                     compact ? planName : undefined
                 );
             }
             let premiumChatQuotaIndicator;
             if (premiumChatQuota && !premiumChatQuota.unlimited && premiumChatQuota.percentRemaining >= 0) {
                 const isUBB = this.chatEntitlementService.quotas.usageBasedBilling;
-                const premiumChatLabel = isUBB ? ( localize(7321, "Credits")) : this.chatEntitlementService.quotas.additionalUsageEnabled ? ( localize(7323, "Included premium requests")) : ( localize(7324, "Premium requests"));
-                const premiumChatResetLabel = isUBB ? this.formatResetAtLabel(premiumChatQuota.resetAt) ?? resetLabel : resetLabel;
+                const premiumChatLabel = isUBB ? ( localize(8553, "Credits")) : this.chatEntitlementService.quotas.additionalUsageEnabled ? ( localize(8555, "Included premium requests")) : ( localize(8556, "Premium requests"));
                 premiumChatQuotaIndicator = this.createQuotaIndicator(
                     container,
                     premiumChatQuota,
                     premiumChatLabel,
-                    premiumChatResetLabel,
+                    this.formatQuotaResetLabel(premiumChatQuota),
                     compact ? planName : undefined
                 );
             }
@@ -315,14 +334,15 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                     percentRemaining: overagePercentRemaining,
                     unlimited: false,
                     entitlement: initialOverageEntitlement,
-                    quotaRemaining: Math.max(0, initialOverageEntitlement - overageCount)
+                    quotaRemaining: Math.max(0, initialOverageEntitlement - overageCount),
+                    resetAt: premiumChatQuota?.resetAt
                 };
-                const additionalBudgetLabel = ( localize(7325, "Additional Budget"));
+                const additionalBudgetLabel = ( localize(8557, "Additional Budget"));
                 additionalBudgetIndicator = this.createQuotaIndicator(
                     container,
                     overageSnapshot,
                     additionalBudgetLabel,
-                    resetLabel,
+                    this.formatQuotaResetLabel(overageSnapshot),
                     compact ? additionalBudgetLabel : undefined
                 );
                 additionalBudgetElement = container.lastElementChild;
@@ -334,7 +354,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             let completionsQuotaIndicator;
             const showCompletions = !compact && completionsQuota && !completionsQuota.unlimited && completionsQuota.percentRemaining >= 0 && (!this.chatEntitlementService.quotas.usageBasedBilling || this.chatEntitlementService.entitlement === ChatEntitlement.Free);
             if (showCompletions) {
-                completionsQuotaIndicator = this.createQuotaIndicator(container, completionsQuota, ( localize(7326, "Inline Suggestions")), resetLabel, compact ? planName : undefined);
+                completionsQuotaIndicator = this.createQuotaIndicator(container, completionsQuota, ( localize(8558, "Inline Suggestions")), this.formatQuotaResetLabel(completionsQuota), compact ? planName : undefined);
             }
             const updateIndicators = () => {
                 const {
@@ -374,7 +394,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 } = globalCalloutUpdater();
                 if (headerAdditionalSpendButton) {
                     headerAdditionalSpendButton.element.style.display = calloutVisible ? "" : "none";
-                    headerAdditionalSpendButton.label = ( localize(7311, "Manage Budget"));
+                    headerAdditionalSpendButton.label = ( localize(8545, "Manage Budget"));
                 }
                 if (headerUpgradeButton) {
                     headerUpgradeButton.element.style.display = (headerAdditionalSpendButton && calloutVisible) ? "none" : "";
@@ -395,7 +415,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             );
         }
         else if (this.chatEntitlementService.anonymous && this.chatEntitlementService.sentiment.completed) {
-            this.createQuotaIndicator(container, ( localize(7327, "Limited")), ( localize(7322, "Chat messages")));
+            this.createQuotaIndicator(container, ( localize(8559, "Limited")), ( localize(8554, "Chat messages")));
         }
     }
     renderInlineSuggestionsSection(hasContentAbove) {
@@ -408,10 +428,10 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const activeLanguageId = this.editorService.activeTextEditorLanguageId;
         const getStatusText = () => {
             if (!this.canUseChat()) {
-                return localize(7328, "Disabled");
+                return localize(8560, "Disabled");
             }
             const enabled = activeLanguageId ? isCompletionsEnabled(this.configurationService, activeLanguageId) : isCompletionsEnabled(this.configurationService);
-            return enabled ? ( localize(7329, "Enabled")) : ( localize(7328, "Disabled"));
+            return enabled ? ( localize(8561, "Enabled")) : ( localize(8560, "Disabled"));
         };
         let disclosureHeader;
         let chevron;
@@ -422,10 +442,10 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 disclosureHeader.classList.add("no-border");
             }
             disclosureHeader.setAttribute("aria-expanded", String(!collapsed));
-            disclosureHeader.appendChild($("span.collapsible-label", undefined, ( localize(7330, "Inline Suggestions"))));
+            disclosureHeader.appendChild($("span.collapsible-label", undefined, ( localize(8562, "Inline Suggestions"))));
             chevron = disclosureHeader.appendChild($("span.collapsible-chevron"));
             chevron.classList.add(
-                ...ThemeIcon.asClassNameArray(collapsed ? Codicon.chevronRight : Codicon.chevronDown)
+                ...ThemeIcon.asClassNameArray(collapsed ? Codicon.chevronRightCompact : Codicon.chevronDownCompact)
             );
             statusEl = disclosureHeader.appendChild($("span.collapsible-status", undefined, getStatusText()));
         }
@@ -442,7 +462,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 disclosureHeader.setAttribute("aria-expanded", String(!isCollapsed));
                 chevron.className = "collapsible-chevron";
                 chevron.classList.add(
-                    ...ThemeIcon.asClassNameArray(isCollapsed ? Codicon.chevronRight : Codicon.chevronDown)
+                    ...ThemeIcon.asClassNameArray(isCollapsed ? Codicon.chevronRightCompact : Codicon.chevronDownCompact)
                 );
                 this.storageService.store(
                     ChatStatusDashboard_1.QUICK_SETTINGS_COLLAPSED_KEY,
@@ -484,7 +504,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                         if (linkDescription) {
                             hoverContent.appendText(" ");
                         }
-                        hoverContent.appendMarkdown(`[${( localize(7331, "Learn More"))}](${headerLink})`);
+                        hoverContent.appendMarkdown(`[${( localize(8563, "Learn More"))}](${headerLink})`);
                     }
                     return {
                         content: hoverContent
@@ -556,7 +576,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         let descriptionClass = ".description";
         if (newUser && anonymousUser) {
             descriptionText = ( new MarkdownString(( localize(
-                7332,
+                8564,
                 "By continuing with {0} Copilot, you agree to {1}'s [Terms]({2}) and [Privacy Statement]({3})",
                 defaultChat.provider.default.name,
                 defaultChat.provider.default.name,
@@ -567,23 +587,23 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             }));
             descriptionClass = `${descriptionClass}.terms`;
         } else if (newUser) {
-            descriptionText = ( localize(7333, "Set up Copilot to use AI features."));
+            descriptionText = ( localize(8565, "Set up Copilot to use AI features."));
         } else if (anonymousUser) {
-            descriptionText = ( localize(7334, "Sign in to enable more Copilot AI features."));
+            descriptionText = ( localize(8566, "Sign in to enable more Copilot AI features."));
         } else if (disabled) {
-            descriptionText = ( localize(7335, "Enable Copilot to use AI features."));
+            descriptionText = ( localize(8567, "Enable Copilot to use AI features."));
         } else {
-            descriptionText = ( localize(7336, "Sign in to use GitHub Copilot AI features."));
+            descriptionText = ( localize(8568, "Sign in to use GitHub Copilot AI features."));
         }
         let buttonLabel;
         if (newUser) {
-            buttonLabel = ( localize(7337, "Use AI Features"));
+            buttonLabel = ( localize(8569, "Use AI Features"));
         } else if (anonymousUser) {
-            buttonLabel = ( localize(7338, "Enable more AI Features"));
+            buttonLabel = ( localize(8570, "Enable more AI Features"));
         } else if (disabled) {
-            buttonLabel = ( localize(7339, "Enable AI Features"));
+            buttonLabel = ( localize(8571, "Enable AI Features"));
         } else {
-            buttonLabel = ( localize(7340, "Sign in to use GitHub Copilot"));
+            buttonLabel = ( localize(8572, "Sign in to use GitHub Copilot"));
         }
         let commandId;
         if (newUser && anonymousUser) {
@@ -619,7 +639,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 const currentModel = modelInfo.models.find(m => m.id === modelInfo.currentModelId);
                 if (currentModel) {
                     const modelContainer = container.appendChild($("div.model-selection"));
-                    modelContainer.appendChild($("span.model-text", undefined, ( localize(7341, "Model"))));
+                    modelContainer.appendChild($("span.model-text", undefined, ( localize(8573, "Model"))));
                     const selectOptions = ( modelInfo.models.map(m => ({
                         text: m.name
                     })));
@@ -630,7 +650,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                         this.contextViewService,
                         defaultSelectBoxStyles,
                         {
-                            ariaLabel: ( localize(7342, "Select Model")),
+                            ariaLabel: ( localize(8574, "Select Model")),
                             optionsAsChildren: true
                         }
                     )));
@@ -663,7 +683,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                                 this.contextViewService,
                                 defaultSelectBoxStyles,
                                 {
-                                    ariaLabel: ( localize(7343, "Select {0}", option.label)),
+                                    ariaLabel: ( localize(8575, "Select {0}", option.label)),
                                     optionsAsChildren: true
                                 }
                             )));
@@ -682,7 +702,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         }
         if (!this.options?.disableCompletionsSnooze && this.canUseChat()) {
             const snooze = append(container, $("div.snooze-completions"));
-            this.createCompletionsSnooze(snooze, ( localize(7344, "Snooze")));
+            this.createCompletionsSnooze(snooze, ( localize(8576, "Snooze")));
         }
     }
     canUseChat() {
@@ -733,17 +753,43 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         }
         this.hoverService.hideHover(true);
     }
-    formatResetAtLabel(resetAt) {
-        if (!resetAt) {
+    formatQuotaResetLabel(quota) {
+        const reset = getQuotaReset(quota, this.chatEntitlementService.quotas);
+        if (!reset) {
             return undefined;
         }
-        const resetDate = ( new Date(resetAt * 1000));
-        return localize(
-            7319,
+        return reset.hasTime ? ( localize(
+            8577,
             "Resets {0} at {1}",
-            this.dateFormatter.value.format(resetDate),
-            this.timeFormatter.value.format(resetDate)
+            this.dateFormatter.value.format(reset.date),
+            this.timeFormatter.value.format(reset.date)
+        )) : ( localize(8578, "Resets {0}", this.dateFormatter.value.format(reset.date)));
+    }
+    createCreditsUsedIndicator(container, creditsUsed, resetLabel) {
+        const isCompact = !!this.options?.compactQuotaLayout;
+        const resetValue = $("span.quota-reset");
+        if (resetLabel) {
+            resetValue.textContent = resetLabel;
+        }
+        const quotaPercentage = $("div.quota-percentage", undefined, $(
+            "span.quota-value",
+            undefined,
+            this.quotaCreditsFormatter.value.format(creditsUsed)
+        ), $("span.quota-value-suffix", undefined, isCompact ? ( localize(8579, "{0} used", localize(8553, "Credits"))) : ( localize(8580, "Credits Used"))));
+        const indicatorElement = $(
+            "div.quota-indicator.included.credits-used",
+            undefined,
+            ...(isCompact ? [$(
+                "div.quota-title",
+                undefined,
+                getChatPlanName(this.chatEntitlementService.entitlement)
+            )] : []),
+            $("div.quota-details", undefined, quotaPercentage, resetValue)
         );
+        if (isCompact) {
+            indicatorElement.classList.add("compact");
+        }
+        container.appendChild(indicatorElement);
     }
     createQuotaIndicator(container, quota, label, resetLabel, compactTitle) {
         const isCompact = !!compactTitle;
@@ -781,22 +827,25 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             } else {
                 const usedPercentage = Math.max(0, 100 - currentQuota.percentRemaining);
                 quotaValueText.textContent = ( localize(
-                    7345,
+                    8581,
                     "{0}%",
                     this.quotaPercentageFormatter.value.format(Math.floor(usedPercentage))
                 ));
-                quotaValueSuffix.textContent = isCompact ? ( localize(7346, "{0} used", label)) : ` ${( localize(7347, "used"))}`;
+                quotaValueSuffix.textContent = isCompact ? ( localize(8579, "{0} used", label)) : ` ${( localize(8582, "used"))}`;
             }
         };
         const showCredits = () => {
-            if (typeof currentQuota !== "string" && currentQuota.entitlement) {
-                const total = currentQuota.entitlement;
-                const used = currentQuota.quotaRemaining !== undefined ? total - currentQuota.quotaRemaining : total * (100 - currentQuota.percentRemaining) / 100;
-                const usedFormatted = this.quotaCreditsFormatter.value.format(used);
-                const totalFormatted = this.quotaCreditsFormatter.value.format(total);
-                quotaValueText.textContent = ( localize(7348, "{0} / {1}", usedFormatted, totalFormatted));
-                quotaValueSuffix.textContent = isCompact ? ( localize(7346, "{0} used", label)) : ` ${( localize(7347, "used"))}`;
+            if (typeof currentQuota === "string") {
+                return;
+            }
+            const usage = getQuotaUsage(currentQuota);
+            if (usage?.kind !== QuotaUsageKind.Percentage || usage.used === undefined || usage.total === undefined) {
+                return;
             }
+            const usedFormatted = this.quotaCreditsFormatter.value.format(usage.used);
+            const totalFormatted = this.quotaCreditsFormatter.value.format(usage.total);
+            quotaValueText.textContent = ( localize(8583, "{0} / {1}", usedFormatted, totalFormatted));
+            quotaValueSuffix.textContent = isCompact ? ( localize(8579, "{0} used", label)) : ` ${( localize(8582, "used"))}`;
         };
         const hoverTarget = isCompact ? quotaValueText : quotaPercentage;
         this._store.add(addDisposableListener(hoverTarget, EventType.MOUSE_ENTER, () => {
@@ -857,7 +906,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 quotaCallout.className = "quota-callout info";
                 calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
                 calloutText.textContent = ( localize(
-                    7349,
+                    8584,
                     "Your organization or enterprise has exceeded its Copilot budget. Contact your admin to resume usage."
                 ));
             } else if (maxUsedPercentage >= 100 && additionalUsageEnabled) {
@@ -865,13 +914,13 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 quotaCallout.className = "quota-callout info";
                 calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
                 calloutText.textContent = isEnterpriseUser ? ( localize(
-                    7350,
+                    8585,
                     "Copilot has paused because your limits are reached. Please contact your admin to increase your limits."
                 )) : isUsageBasedBilling ? ( localize(
-                    7351,
+                    8586,
                     "Additional budget is configured. Usage will continue until limits reset."
                 )) : ( localize(
-                    7352,
+                    8587,
                     "Premium request budget is configured. Usage will continue until limits reset."
                 ));
             } else if (maxUsedPercentage >= 75 && maxUsedPercentage < 100 && additionalUsageEnabled) {
@@ -879,25 +928,25 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
                 quotaCallout.className = "quota-callout info";
                 calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
                 calloutText.textContent = isEnterpriseUser ? ( localize(
-                    7353,
+                    8588,
                     "Copilot will pause when your limits are reached. Please contact your admin to increase your limits."
-                )) : isUsageBasedBilling ? ( localize(7354, "Once the limit is reached, additional budget will be used.")) : ( localize(7355, "Once the limit is reached, premium request budget will be used."));
+                )) : isUsageBasedBilling ? ( localize(8589, "Once the limit is reached, additional budget will be used.")) : ( localize(8590, "Once the limit is reached, premium request budget will be used."));
             } else if ((maxUsedPercentage >= 100 || isPooledQuotaExhausted) && !additionalUsageEnabled) {
                 quotaCallout.style.display = "";
                 quotaCallout.className = "quota-callout info";
                 calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
                 calloutText.textContent = isEnterpriseUser ? ( localize(
-                    7356,
+                    8591,
                     "Copilot is paused until the limit resets. Contact your administrator for more information."
-                )) : ( localize(7357, "Copilot is paused until the limit resets."));
+                )) : ( localize(8592, "Copilot is paused until the limit resets."));
             } else if (maxUsedPercentage >= 75 && !additionalUsageEnabled) {
                 quotaCallout.style.display = "";
                 quotaCallout.className = "quota-callout info";
                 calloutIcon.className = `callout-icon ${ThemeIcon.asClassName(Codicon.info)}`;
                 calloutText.textContent = isEnterpriseUser ? ( localize(
-                    7358,
+                    8593,
                     "Copilot will pause when the limit is reached. Contact your administrator for more information."
-                )) : ( localize(7359, "Copilot will pause when the limit is reached."));
+                )) : ( localize(8594, "Copilot will pause when the limit is reached."));
             } else {
                 quotaCallout.style.display = "none";
             }
@@ -914,23 +963,24 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         const settings = container.appendChild($("div.settings"));
         {
             const globalSetting = append(settings, $("div.setting"));
-            this.createInlineSuggestionsSetting(globalSetting, ( localize(7360, "Ghost text suggestions")), "*");
+            this.createInlineSuggestionsSetting(globalSetting, ( localize(8595, "Ghost text suggestions")), "*");
             const overriddenHint = globalSetting.appendChild($("span.setting-overridden"));
             const updateOverriddenHint = () => {
                 const obj = this.configurationService.getValue(defaultChat.completionsEnablementSetting);
-                const hasOverride = modeId && isObject(obj) && typeof obj[modeId] !== "undefined" && Boolean(obj[modeId]) !== Boolean(obj["*"]);
-                overriddenHint.textContent = hasOverride ? ( localize(7361, "(overridden)")) : "";
+                const configuredValue = modeId ? this.findConfiguredCompletionsValue(modeId) : undefined;
+                const hasOverride = modeId && configuredValue && isObject(obj) && Boolean(configuredValue.value[modeId]) !== Boolean(obj["*"]);
+                overriddenHint.textContent = hasOverride ? ( localize(8596, "(overridden)")) : "";
             };
             updateOverriddenHint();
             if (modeId) {
                 const languageSetting = append(settings, $("div.setting"));
                 const languageName = this.languageService.getLanguageName(modeId) ?? modeId;
-                this.createTriStateLanguageSetting(languageSetting, ( localize(7362, "Ghost text suggestions for {0}", languageName)), modeId, updateOverriddenHint);
+                this.createTriStateLanguageSetting(languageSetting, ( localize(8597, "Ghost text suggestions for {0}", languageName)), modeId, updateOverriddenHint);
             }
         }
         {
             const setting = append(settings, $("div.setting"));
-            this.createNextEditSuggestionsSetting(setting, ( localize(7363, "Next edit suggestions")), this.getCompletionsSettingAccessor(modeId));
+            this.createNextEditSuggestionsSetting(setting, ( localize(8598, "Next edit suggestions")), this.getCompletionsSettingAccessor(modeId));
         }
     }
     createSetting(container, settingIdsToReEvaluate, label, accessor) {
@@ -976,82 +1026,91 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
     createTriStateLanguageSetting(container, label, modeId, onStateChange) {
         const settingId = defaultChat.completionsEnablementSetting;
         const getState = () => {
-            const obj = this.configurationService.getValue(settingId);
-            if (!isObject(obj) || typeof obj[modeId] === "undefined") {
-                return "mixed";
-            }
-            return Boolean(obj[modeId]);
+            const configuredValue = this.findConfiguredCompletionsValue(modeId);
+            return configuredValue ? Boolean(configuredValue.value[modeId]) : "mixed";
         };
-        const checkbox = this._store.add(( new TriStateCheckbox(label, getState(), {
+        let requestedState = getState();
+        let pendingWrites = 0;
+        const checkbox = this._store.add(( new TriStateCheckbox(label, requestedState, {
             ...defaultCheckboxStyles
         })));
         container.appendChild(checkbox.domNode);
         const settingLabel = append(container, $("span.setting-label", undefined, label));
         this._store.add(Gesture.addTarget(settingLabel));
-        const cycleState = () => {
-            const current = checkbox.checked;
-            if (current === true) {
-                checkbox.checked = false;
-            } else if (current === false) {
-                checkbox.checked = "mixed";
-            } else {
-                checkbox.checked = true;
-            }
+        const writeSequencer = ( new Sequencer());
+        const renderState = state => {
+            requestedState = state;
+            checkbox.checked = state;
+            checkbox.domNode.setAttribute("aria-checked", state === "mixed" ? "mixed" : String(state));
         };
-        const writeState = state => {
-            let result = this.configurationService.getValue(settingId);
-            if (!isObject(result)) {
-                result = Object.create(null);
-            }
+        const getNextState = () => requestedState === true ? false : requestedState === false ? "mixed" : true;
+        const writeState = async state => {
+            const configuredValue = this.findConfiguredCompletionsValue(modeId) ?? this.findConfiguredCompletionsValue();
             if (state === "mixed") {
-                const {
-                    [modeId]: _,
-                    ...rest
-                } = result;
-                const inheritedEnablement = typeof rest["*"] === "boolean" ? (rest["*"] ? "enabled" : "disabled") : "enabled";
-                this.telemetryService.publicLog2("chatStatus.settingChanged", {
-                    settingIdentifier: settingId,
-                    settingMode: modeId,
-                    settingEnablement: inheritedEnablement
-                });
-                this.configurationService.updateValue(settingId, rest);
+                for (const configuredValue of this.findConfiguredCompletionsValues(modeId)) {
+                    const {
+                        [modeId]: _,
+                        ...rest
+                    } = configuredValue.value;
+                    await this.configurationService.updateValue(settingId, rest, configuredValue.target);
+                }
             } else {
-                this.telemetryService.publicLog2("chatStatus.settingChanged", {
-                    settingIdentifier: settingId,
-                    settingMode: modeId,
-                    settingEnablement: state ? "enabled" : "disabled"
-                });
-                this.configurationService.updateValue(settingId, {
-                    ...result,
+                const value = {
+                    ...configuredValue?.value,
                     [modeId]: state
-                });
+                };
+                if (configuredValue) {
+                    await this.configurationService.updateValue(settingId, value, configuredValue.target);
+                } else {
+                    await this.configurationService.updateValue(settingId, value);
+                }
             }
-            onStateChange();
+            const enabled = isCompletionsEnabled(this.configurationService, modeId);
+            this.telemetryService.publicLog2("chatStatus.settingChanged", {
+                settingIdentifier: settingId,
+                settingMode: modeId,
+                settingEnablement: enabled ? "enabled" : "disabled"
+            });
         };
-        let previousState = getState();
-        const cycleAndWrite = () => {
-            cycleState();
-            previousState = checkbox.checked;
-            writeState(checkbox.checked);
+        const requestStateChange = () => {
+            const state = getNextState();
+            renderState(state);
+            pendingWrites++;
+            void writeSequencer.queue(async () => {
+                try {
+                    await writeState(state);
+                } finally {
+                    pendingWrites--;
+                }
+            }).catch(error => {
+                if (pendingWrites === 0) {
+                    renderState(getState());
+                    onStateChange();
+                }
+                this.notificationService.error(error);
+            });
         };
+        renderState(requestedState);
         [EventType.CLICK, EventType$1.Tap].forEach(eventType => {
             this._store.add(addDisposableListener(settingLabel, eventType, e => {
                 if (checkbox?.enabled) {
                     EventHelper.stop(e, true);
-                    cycleAndWrite();
+                    requestStateChange();
                     checkbox.focus();
                 }
             }));
         });
         this._store.add(checkbox.onChange(() => {
-            checkbox.checked = previousState;
-            cycleAndWrite();
+            renderState(requestedState);
+            requestStateChange();
         }));
         this._store.add(this.configurationService.onDidChangeConfiguration(e => {
             if (e.affectsConfiguration(settingId)) {
-                checkbox.checked = getState();
-                previousState = checkbox.checked;
-                onStateChange();
+                const state = getState();
+                if (pendingWrites === 0 || state === requestedState) {
+                    renderState(state);
+                    onStateChange();
+                }
             }
         }));
         if (!this.canUseChat()) {
@@ -1060,6 +1119,23 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             checkbox.checked = false;
         }
     }
+    findConfiguredCompletionsValue(modeId) {
+        return this.findConfiguredCompletionsValues(modeId)[0];
+    }
+    findConfiguredCompletionsValues(modeId) {
+        const inspected = this.configurationService.inspect(defaultChat.completionsEnablementSetting);
+        const result = [];
+        for (const target of completionsConfigurationTargets) {
+            const value = getConfigValueInTarget(inspected, target);
+            if (isObject(value) && (!modeId || Object.prototype.hasOwnProperty.call(value, modeId))) {
+                result.push({
+                    target,
+                    value
+                });
+            }
+        }
+        return result;
+    }
     getCompletionsSettingAccessor(modeId = "*") {
         const settingId = defaultChat.completionsEnablementSetting;
         return {
@@ -1132,7 +1208,7 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         })));
         const cancelAction = toAction({
             id: "workbench.action.cancelSnoozeStatusBarLink",
-            label: ( localize(7364, "Cancel Snooze")),
+            label: ( localize(8599, "Cancel Snooze")),
             run: () => this.inlineCompletionsService.cancelSnooze(),
             class: ThemeIcon.asClassName(Codicon.stopCircle)
         });
@@ -1141,19 +1217,19 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
             toolbar.clear();
             const timeLeftMs = this.inlineCompletionsService.snoozeTimeLeft;
             if (!isEnabled || timeLeftMs <= 0) {
-                timerDisplay.textContent = ( localize(7365, "Hide suggestions for 5 min"));
+                timerDisplay.textContent = ( localize(8600, "Hide suggestions for 5 min"));
                 timerDisplay.title = "";
                 button.label = label;
-                button.setTitle(( localize(7366, "Hide inline suggestions for 5 min")));
+                button.setTitle(( localize(8601, "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(7367, "remaining"))}`;
-            timerDisplay.title = ( localize(7368, "Inline suggestions are hidden for the remaining duration"));
-            button.label = ( localize(7369, "+5 min"));
-            button.setTitle(( localize(7370, "Snooze additional 5 min")));
+            timerDisplay.textContent = `${minutes}:${seconds < 10 ? "0" : ""}${seconds} ${( localize(8602, "remaining"))}`;
+            timerDisplay.title = ( localize(8603, "Inline suggestions are hidden for the remaining duration"));
+            button.label = ( localize(8604, "+5 min"));
+            button.setTitle(( localize(8605, "Snooze additional 5 min")));
             toolbar.push([cancelAction], {
                 icon: true,
                 label: false
@@ -1187,6 +1263,6 @@ let ChatStatusDashboard = class ChatStatusDashboard extends DomWidget {
         }));
     }
 };
-ChatStatusDashboard = ChatStatusDashboard_1 = ( __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, IContextViewService)), ( __param(15, IStorageService)), ( __param(16, IDefaultAccountService))], ChatStatusDashboard));
+ChatStatusDashboard = ChatStatusDashboard_1 = ( __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, IContextViewService)), ( __param(15, IStorageService)), ( __param(16, IDefaultAccountService)), ( __param(17, INotificationService))], ChatStatusDashboard));
 
 export { ChatStatusDashboard };