@codingame/monaco-vscode-katex-common 28.4.1 → 29.1.0

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/delegationSessionPickerActionItem.d.ts

@@ -12,22 +12,26 @@ import { AgentSessionProviders } from "@codingame/monaco-vscode-api/vscode/vs/wo
 import { ISessionTypePickerDelegate } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
 import { IChatInputPickerOptions } from "./chatInputPickerActionItem.js";
 import { ISessionTypeItem, SessionTypePickerActionItem } from "./sessionTargetPickerActionItem.js";
+import { IGitService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/git/common/gitService.service";
 /**
  * Action view item for delegating to a remote session (Background or Cloud).
  * This picker allows switching to remote execution providers when the session is not empty.
  */
 export declare class DelegationSessionPickerActionItem extends SessionTypePickerActionItem {
+    private readonly gitService;
     private readonly _isSessionsWindow;
-    constructor(action: MenuItemAction, chatSessionPosition: "sidebar" | "editor", delegate: ISessionTypePickerDelegate, pickerOptions: IChatInputPickerOptions, actionWidgetService: IActionWidgetService, keybindingService: IKeybindingService, contextKeyService: IContextKeyService, chatSessionsService: IChatSessionsService, commandService: ICommandService, openerService: IOpenerService, telemetryService: ITelemetryService);
+    constructor(action: MenuItemAction, chatSessionPosition: "sidebar" | "editor", delegate: ISessionTypePickerDelegate, pickerOptions: IChatInputPickerOptions, actionWidgetService: IActionWidgetService, keybindingService: IKeybindingService, contextKeyService: IContextKeyService, chatSessionsService: IChatSessionsService, commandService: ICommandService, openerService: IOpenerService, telemetryService: ITelemetryService, gitService: IGitService);
     protected _run(sessionTypeItem: ISessionTypeItem): void;
     protected _getSelectedSessionType(): AgentSessionProviders | undefined;
     protected _isSessionTypeEnabled(type: AgentSessionProviders): boolean;
+    private _hasGitRepository;
     protected _isVisible(type: AgentSessionProviders): boolean;
     protected _getSessionCategory(sessionTypeItem: ISessionTypeItem): {
         label: string;
         order: number;
         showHeader: boolean;
     };
+    protected _getSessionDescription(sessionTypeItem: ISessionTypeItem): string | undefined;
     protected _getLearnMore(): IAction;
     protected _getAdditionalActions(): IActionWidgetDropdownAction[];
 }

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/delegationSessionPickerActionItem.js

@@ -1,6 +1,7 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { Iterable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/iterator';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { IActionWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service';
@@ -14,6 +15,7 @@ import { IChatSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/wor
 import { ACTION_ID_NEW_CHAT } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/actions/chatActions';
 import { getAgentSessionProvider, AgentSessionProviders, getAgentCanContinueIn, isFirstPartyAgentSessionProvider } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessions';
 import { SessionTypePickerActionItem } from './sessionTargetPickerActionItem.js';
+import { IGitService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/git/common/gitService.service';
 
 let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem extends SessionTypePickerActionItem {
     constructor(
@@ -27,7 +29,8 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         chatSessionsService,
         commandService,
         openerService,
-        telemetryService
+        telemetryService,
+        gitService
     ) {
         super(
             action,
@@ -42,6 +45,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
             openerService,
             telemetryService
         );
+        this.gitService = gitService;
         this._isSessionsWindow = IsSessionsWindowContext.getValue(contextKeyService) === true;
     }
     _run(sessionTypeItem) {
@@ -69,11 +73,17 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         if (this._isSessionsWindow && activeProvider !== AgentSessionProviders.Background) {
             return false;
         }
+        if (this._isSessionsWindow && type === AgentSessionProviders.Cloud && !this._hasGitRepository()) {
+            return false;
+        }
         if (contribution && !contribution.canDelegate && activeProvider !== type ) {
             return false;
         }
         return this._getSelectedSessionType() !== type;
     }
+    _hasGitRepository() {
+        return !Iterable.isEmpty(this.gitService.repositories);
+    }
     _isVisible(type) {
         if (this._isSessionsWindow && type === AgentSessionProviders.Local) {
             return false;
@@ -86,22 +96,28 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
     _getSessionCategory(sessionTypeItem) {
         if (isFirstPartyAgentSessionProvider(sessionTypeItem.type)) {
             return {
-                label: ( localize(6818, "Continue In")),
+                label: ( localize(7020, "Continue In")),
                 order: 1,
                 showHeader: true
             };
         }
         return {
-            label: ( localize(6819, "Continue In (Third Party)")),
+            label: ( localize(7021, "Continue In (Third Party)")),
             order: 2,
             showHeader: false
         };
     }
+    _getSessionDescription(sessionTypeItem) {
+        if (this._isSessionsWindow && sessionTypeItem.type === AgentSessionProviders.Cloud && !this._hasGitRepository()) {
+            return localize(7022, "Requires a Git repository");
+        }
+        return undefined;
+    }
     _getLearnMore() {
         const learnMoreUrl = "https://aka.ms/vscode-continue-chat-in";
         return {
             id: "workbench.action.chat.agentOverview.learnMoreHandOff",
-            label: ( localize(6820, "Learn about agent handoff...")),
+            label: ( localize(7023, "Learn about agent handoff...")),
             tooltip: learnMoreUrl,
             class: undefined,
             enabled: true,
@@ -117,7 +133,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         return [{
             id: "newChatSession",
             class: undefined,
-            label: ( localize(6821, "New Chat Session")),
+            label: ( localize(7024, "New Chat Session")),
             tooltip: "",
             hover: {
                 content: "",
@@ -127,7 +143,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
             icon: Codicon.plus,
             enabled: true,
             category: {
-                label: ( localize(6822, "New Chat Session")),
+                label: ( localize(7025, "New Chat Session")),
                 order: 0,
                 showHeader: false
             },
@@ -138,6 +154,6 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         }];
     }
 };
-DelegationSessionPickerActionItem = ( __decorate([( __param(4, IActionWidgetService)), ( __param(5, IKeybindingService)), ( __param(6, IContextKeyService)), ( __param(7, IChatSessionsService)), ( __param(8, ICommandService)), ( __param(9, IOpenerService)), ( __param(10, ITelemetryService))], DelegationSessionPickerActionItem));
+DelegationSessionPickerActionItem = ( __decorate([( __param(4, IActionWidgetService)), ( __param(5, IKeybindingService)), ( __param(6, IContextKeyService)), ( __param(7, IChatSessionsService)), ( __param(8, ICommandService)), ( __param(9, IOpenerService)), ( __param(10, ITelemetryService)), ( __param(11, IGitService))], DelegationSessionPickerActionItem));
 
 export { DelegationSessionPickerActionItem };

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/modePickerActionItem.js

@@ -68,15 +68,15 @@ let ModePickerActionItem = class ModePickerActionItem extends ChatInputPickerAct
         });
         const customAgentTarget = delegate.customAgentTarget?.() ?? Target.Undefined;
         const builtInCategory = {
-            label: ( localize(6839, "Built-In")),
+            label: ( localize(7045, "Built-In")),
             order: 0
         };
         const customCategory = {
-            label: ( localize(6840, "Custom")),
+            label: ( localize(7046, "Custom")),
             order: 1
         };
         const policyDisabledCategory = {
-            label: ( localize(6841, "Managed by your organization")),
+            label: ( localize(7047, "Managed by your organization")),
             order: 999,
             showHeader: true
         };
@@ -89,13 +89,13 @@ let ModePickerActionItem = class ModePickerActionItem extends ChatInputPickerAct
                 if (mode.uri) {
                     let label, icon, id;
                     if (mode.source?.storage === PromptsStorage.extension) {
-                        icon = Codicon.eye;
+                        icon = Codicon.file;
                         id = `viewAgent:${mode.id}`;
-                        label = ( localize(6842, "View {0} agent", mode.label.get()));
+                        label = ( localize(7048, "View {0} agent", mode.label.get()));
                     } else {
                         icon = Codicon.edit;
                         id = `editAgent:${mode.id}`;
-                        label = ( localize(6843, "Edit {0} agent", mode.label.get()));
+                        label = ( localize(7049, "Edit {0} agent", mode.label.get()));
                     }
                     const modeResource = mode.uri;
                     toolbarActions.push({

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/modelPickerActionItem.d.ts

@@ -16,7 +16,10 @@ export interface IModelPickerDelegate {
     readonly currentModel: IObservable<ILanguageModelChatMetadataAndIdentifier | undefined>;
     setModel(model: ILanguageModelChatMetadataAndIdentifier): void;
     getModels(): ILanguageModelChatMetadataAndIdentifier[];
-    canManageModels(): boolean;
+    useGroupedModelPicker(): boolean;
+    showManageModelsAction(): boolean;
+    showUnavailableFeatured(): boolean;
+    showFeatured(): boolean;
 }
 /**
  * Action view item for selecting a language model in the chat interface.

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/modelPickerActionItem2.js

@@ -27,7 +27,9 @@ let EnhancedModelPickerActionItem = class EnhancedModelPickerActionItem extends
         this._contextKeyService = _contextKeyService;
         this.keybindingService = keybindingService;
         this._managedHover = this._register(( new MutableDisposable()));
-        this._pickerWidget = this._register(instantiationService.createInstance(ModelPickerWidget, delegate));
+        this._pickerWidget = this._register(
+            instantiationService.createInstance(ModelPickerWidget, delegate, pickerOptions.hoverPosition)
+        );
         this._pickerWidget.setSelectedModel(delegate.currentModel.get());
         this._pickerWidget.setHideChevrons(pickerOptions.hideChevrons);
         this._register(autorun(t => {
@@ -70,7 +72,7 @@ let EnhancedModelPickerActionItem = class EnhancedModelPickerActionItem extends
         }
     }
     _getHoverContents() {
-        let label = ( localize(6844, "Pick Model"));
+        let label = ( localize(7050, "Pick Model"));
         const keybindingLabel = this.keybindingService.lookupKeybinding(this._action.id, this._contextKeyService)?.getLabel();
         if (keybindingLabel) {
             label += ` (${keybindingLabel})`;

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/permissionPickerActionItem.js

@@ -47,13 +47,13 @@ let PermissionPickerActionItem = class PermissionPickerActionItem extends ChatIn
                 const actions = [{
                     ...action,
                     id: "chat.permissions.default",
-                    label: ( localize(6845, "Default Approvals")),
-                    description: ( localize(6846, "Copilot uses your configured settings")),
+                    label: ( localize(7051, "Default Approvals")),
+                    description: ( localize(7052, "Copilot uses your configured settings")),
                     icon: ThemeIcon.fromId(Codicon.shield.id),
                     checked: currentLevel === ChatPermissionLevel.Default,
                     tooltip: "",
                     hover: {
-                        content: ( localize(6847, "Use configured approval settings")),
+                        content: ( localize(7053, "Use configured approval settings")),
                         position: pickerOptions.hoverPosition
                     },
                     run: async () => {
@@ -65,33 +65,33 @@ let PermissionPickerActionItem = class PermissionPickerActionItem extends ChatIn
                 }, {
                     ...action,
                     id: "chat.permissions.autoApprove",
-                    label: ( localize(6848, "Bypass Approvals")),
-                    description: ( localize(6849, "All tool calls are auto-approved")),
+                    label: ( localize(7054, "Bypass Approvals")),
+                    description: ( localize(7055, "All tool calls are auto-approved")),
                     icon: ThemeIcon.fromId(Codicon.warning.id),
                     checked: currentLevel === ChatPermissionLevel.AutoApprove,
                     enabled: !policyRestricted,
-                    tooltip: policyRestricted ? ( localize(6850, "Disabled by enterprise policy")) : "",
+                    tooltip: policyRestricted ? ( localize(7056, "Disabled by enterprise policy")) : "",
                     hover: {
-                        content: policyRestricted ? ( localize(6851, "Disabled by enterprise policy")) : ( localize(6852, "Auto-approve all tool calls and retry on errors")),
+                        content: policyRestricted ? ( localize(7057, "Disabled by enterprise policy")) : ( localize(7058, "Auto-approve all tool calls and retry on errors")),
                         position: pickerOptions.hoverPosition
                     },
                     run: async () => {
                         if (!hasShownElevatedWarning(ChatPermissionLevel.AutoApprove)) {
                             const result = await this.dialogService.prompt({
                                 type: Severity.Warning,
-                                message: ( localize(6853, "Enable Bypass Approvals?")),
+                                message: ( localize(7059, "Enable Bypass Approvals?")),
                                 buttons: [{
-                                    label: ( localize(6854, "Enable")),
+                                    label: ( localize(7060, "Enable")),
                                     run: () => true
                                 }, {
-                                    label: ( localize(6855, "Cancel")),
+                                    label: ( localize(7061, "Cancel")),
                                     run: () => false
                                 }],
                                 custom: {
                                     icon: Codicon.warning,
                                     markdownDetails: [{
                                         markdown: ( new MarkdownString(( localize(
-                                            6856,
+                                            7062,
                                             "Bypass Approvals will auto-approve all tool calls without asking for confirmation. This includes file edits, terminal commands, and external tool calls."
                                         ))))
                                     }]
@@ -112,34 +112,34 @@ let PermissionPickerActionItem = class PermissionPickerActionItem extends ChatIn
                     actions.push({
                         ...action,
                         id: "chat.permissions.autopilot",
-                        label: ( localize(6857, "Autopilot (Preview)")),
-                        description: ( localize(6858, "Autonomously iterates from start to finish")),
+                        label: ( localize(7063, "Autopilot (Preview)")),
+                        description: ( localize(7064, "Autonomously iterates from start to finish")),
                         icon: ThemeIcon.fromId(Codicon.rocket.id),
                         checked: currentLevel === ChatPermissionLevel.Autopilot,
                         enabled: !policyRestricted,
-                        tooltip: policyRestricted ? ( localize(6859, "Disabled by enterprise policy")) : "",
+                        tooltip: policyRestricted ? ( localize(7065, "Disabled by enterprise policy")) : "",
                         hover: {
-                            content: policyRestricted ? ( localize(6860, "Disabled by enterprise policy")) : ( localize(6861, "Auto-approve all tool calls and continue until the task is done")),
+                            content: policyRestricted ? ( localize(7066, "Disabled by enterprise policy")) : ( localize(7067, "Auto-approve all tool calls and continue until the task is done")),
                             position: pickerOptions.hoverPosition
                         },
                         run: async () => {
                             if (!hasShownElevatedWarning(ChatPermissionLevel.Autopilot)) {
                                 const result = await this.dialogService.prompt({
                                     type: Severity.Warning,
-                                    message: ( localize(6862, "Enable Autopilot?")),
+                                    message: ( localize(7068, "Enable Autopilot?")),
                                     buttons: [{
-                                        label: ( localize(6863, "Enable")),
+                                        label: ( localize(7069, "Enable")),
                                         run: () => true
                                     }, {
-                                        label: ( localize(6864, "Cancel")),
+                                        label: ( localize(7070, "Cancel")),
                                         run: () => false
                                     }],
                                     custom: {
                                         icon: Codicon.rocket,
                                         markdownDetails: [{
                                             markdown: ( new MarkdownString(( localize(
-                                                6865,
-                                                "Autopilot will auto-approve all tool calls and continue working autonomously until the task is complete. The agent will make decisions on your behalf without asking for confirmation.\n\nYou can stop the agent at any time by clicking the stop button. This applies to the current session only."
+                                                7071,
+                                                "Autopilot will auto-approve all tool calls and continue working autonomously until the task is complete. This includes terminal commands, file edits, and external tool calls. The agent will make decisions on your behalf without asking for confirmation.\n\nYou can stop the agent at any time by clicking the stop button. This applies to the current session only."
                                             ))))
                                         }]
                                     }
@@ -182,15 +182,15 @@ let PermissionPickerActionItem = class PermissionPickerActionItem extends ChatIn
         switch (level) {
         case ChatPermissionLevel.Autopilot:
             icon = Codicon.rocket;
-            label = ( localize(6866, "Autopilot (Preview)"));
+            label = ( localize(7072, "Autopilot (Preview)"));
             break;
         case ChatPermissionLevel.AutoApprove:
             icon = Codicon.warning;
-            label = ( localize(6867, "Bypass Approvals"));
+            label = ( localize(7073, "Bypass Approvals"));
             break;
         default:
             icon = Codicon.shield;
-            label = ( localize(6868, "Default Approvals"));
+            label = ( localize(7074, "Default Approvals"));
             break;
         }
         const labelElements = [];

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/sessionTargetPickerActionItem.js

@@ -15,11 +15,11 @@ import { getAgentSessionProviderIcon, AgentSessionProviders, getAgentSessionProv
 import { ChatInputPickerActionViewItem } from './chatInputPickerActionItem.js';
 
 const firstPartyCategory = {
-    label: ( localize(6869, "Agent Types")),
+    label: ( localize(7075, "Agent Types")),
     order: 1
 };
 const otherCategory = {
-    label: ( localize(6870, "Other")),
+    label: ( localize(7076, "Other")),
     order: 2
 };
 let SessionTypePickerActionItem = class SessionTypePickerActionItem extends ChatInputPickerActionViewItem {
@@ -125,7 +125,7 @@ let SessionTypePickerActionItem = class SessionTypePickerActionItem extends Chat
         const learnMoreUrl = "https://code.visualstudio.com/docs/copilot/agents/overview";
         return {
             id: "workbench.action.chat.agentOverview.learnMore",
-            label: ( localize(6871, "Learn about agent types...")),
+            label: ( localize(7077, "Learn about agent types...")),
             tooltip: learnMoreUrl,
             class: undefined,
             enabled: true,

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/workspacePickerActionItem.js

@@ -48,10 +48,10 @@ let WorkspacePickerActionItem = class WorkspacePickerActionItem extends ChatInpu
                 actions.push({
                     ...action,
                     id: "workspace.openFolder",
-                    label: ( localize(6872, "Open Folder...")),
+                    label: ( localize(7078, "Open Folder...")),
                     checked: false,
                     enabled: true,
-                    tooltip: ( localize(6873, "Open Folder...")),
+                    tooltip: ( localize(7079, "Open Folder...")),
                     run: async () => {
                         this.commandService.executeCommand(this.delegate.openFolderCommand);
                     }
@@ -104,7 +104,7 @@ let WorkspacePickerActionItem = class WorkspacePickerActionItem extends ChatInpu
             labelElements.push($("span.chat-input-picker-label", undefined, label));
         } else {
             labelElements.push(...renderLabelWithIcons(`$(folder)`));
-            labelElements.push($("span.chat-input-picker-label", undefined, ( localize(6874, "Workspace"))));
+            labelElements.push($("span.chat-input-picker-label", undefined, ( localize(7080, "Workspace"))));
         }
         if (!this.pickerOptions.hideChevrons.get()) {
             labelElements.push(...renderLabelWithIcons(`$(chevron-down)`));

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

@@ -9,7 +9,8 @@
 	max-width: 950px;
 	height: 100%;
 	margin: auto;
-	position: relative; /* Enable absolute positioning for child elements */
+	position: relative;
+	/* Enable absolute positioning for child elements */
 
 	/* 11px when base font is 13px */
 	--vscode-chat-font-size-body-xs: 0.846em;
@@ -282,7 +283,7 @@
 }
 
 .interactive-item-container > .value .chat-used-context {
-	margin-bottom: 16px;
+	margin-bottom: 14px;
 }
 
 .interactive-item-container > .value .chat-used-context .chat-used-context-list {
@@ -624,7 +625,7 @@
 	}
 
 	&:not(:last-child) {
-		margin-bottom: 16px;
+		margin-bottom: 14px;
 	}
 }
 
@@ -849,6 +850,7 @@ have to be updated for changes to the rules above, or to support more deeply nes
 
 .interactive-input-part:has(.chat-editing-session > .chat-editing-session-container) .chat-input-container,
 .interactive-input-part:has(.chat-todo-list-widget-container > .chat-todo-list-widget.has-todos) .chat-input-container,
+.interactive-input-part:has(.chat-artifacts-widget-container > .chat-artifacts-widget:not([style*="display: none"])) .chat-input-container,
 .interactive-input-part:has(.chat-input-widgets-container > .chat-status-widget:not([style*="display: none"])) .chat-input-container,
 .interactive-input-part:has(.chat-getting-started-tip-container > .chat-tip-widget) .chat-input-container {
 	/* Remove top border radius when editing session, todo list, or status widget is present */
@@ -877,11 +879,16 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	overflow: hidden;
 }
 
-.interactive-session .interactive-input-part > .chat-todo-list-widget-container:has(.chat-todo-list-widget.has-todos) + .chat-editing-session .chat-editing-session-container {
+/* Remove top radius from widgets that follow another visible widget */
+.interactive-session .interactive-input-part > .chat-todo-list-widget-container:has(.chat-todo-list-widget.has-todos) + .chat-artifacts-widget-container .chat-artifacts-widget,
+.interactive-session .interactive-input-part > .chat-todo-list-widget-container:has(.chat-todo-list-widget.has-todos) + .chat-editing-session .chat-editing-session-container,
+.interactive-session .interactive-input-part > .chat-todo-list-widget-container:has(.chat-todo-list-widget.has-todos) + .chat-artifacts-widget-container + .chat-editing-session .chat-editing-session-container,
+.interactive-session .interactive-input-part > .chat-artifacts-widget-container:has(.chat-artifacts-widget:not([style*="display: none"])) + .chat-editing-session .chat-editing-session-container {
 	border-top-left-radius: 0;
 	border-top-right-radius: 0;
 }
 
+
 .interactive-session .chat-editing-session .monaco-list-row .chat-collapsible-list-action-bar {
 	padding-left: 5px;
 	display: none;
@@ -1105,6 +1112,14 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	position: relative;
 }
 
+
+.interactive-session .interactive-input-part > .chat-artifacts-widget-container {
+	margin-bottom: -4px;
+	width: 100%;
+	position: relative;
+}
+
+
 /* Chat Todo List Widget Container - mirrors chat-editing-session styling */
 .interactive-session .interactive-input-part > .chat-todo-list-widget-container {
 	margin-bottom: -4px;
@@ -2145,6 +2160,97 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	border: none;
 }
 
+/* Chat artifacts widget — collapsible list of session artifacts */
+.chat-artifacts-widget {
+	padding: 4px 3px 4px 3px;
+	box-sizing: border-box;
+	border: 1px solid var(--vscode-input-border, transparent);
+	background-color: var(--vscode-editor-background);
+	border-bottom: none;
+	border-radius: var(--vscode-cornerRadius-large) var(--vscode-cornerRadius-large) 0 0;
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	overflow: hidden;
+}
+
+.chat-artifacts-widget .chat-artifacts-expand {
+	width: 100%;
+}
+
+.chat-artifacts-widget .chat-artifacts-expand .monaco-button {
+	display: flex;
+	align-items: center;
+	gap: 4px;
+	cursor: pointer;
+	justify-content: space-between;
+	width: 100%;
+	background-color: transparent;
+	border-color: transparent;
+	color: var(--vscode-foreground);
+	padding: 0;
+	min-width: unset;
+}
+
+.chat-artifacts-widget .chat-artifacts-expand .monaco-button:focus:not(:focus-visible) {
+	outline: none;
+}
+
+.chat-artifacts-widget .chat-artifacts-expand .chat-artifacts-title-section {
+	padding-left: 3px;
+	display: flex;
+	align-items: center;
+	flex: 1;
+	font-size: 12px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	line-height: 22px;
+}
+
+.chat-artifacts-widget .chat-artifacts-expand .chat-artifacts-title-section .codicon {
+	font-size: 16px;
+	line-height: 22px;
+	flex-shrink: 0;
+	margin-right: 3px;
+}
+
+.chat-artifacts-widget .chat-artifacts-list {
+	width: 100%;
+	padding: 0;
+	box-sizing: border-box;
+}
+
+.chat-artifacts-widget .chat-artifacts-list .monaco-list .monaco-list-row {
+	border-radius: var(--vscode-cornerRadius-small);
+}
+
+.chat-artifacts-widget .chat-artifacts-list .monaco-list .monaco-list-row:hover {
+	background-color: var(--vscode-list-hoverBackground) !important;
+}
+
+.chat-artifacts-widget .chat-artifacts-list-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	padding: 0 6px;
+	height: 100%;
+	cursor: pointer;
+}
+
+.chat-artifacts-widget .chat-artifacts-list-icon {
+	font-size: 14px;
+	display: flex;
+	align-items: center;
+}
+
+.chat-artifacts-widget .chat-artifacts-list-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 13px;
+}
+
 .interactive-session .checkpoint-file-changes-summary {
 	display: flex;
 	flex-direction: column;
@@ -2407,7 +2513,7 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	display: flex;
 	align-items: center;
 	gap: 4px;
-	margin: 0 0 6px 0;
+	margin: 0 0 14px 0;
 	font-size: 13px;
 
 	/* Tool calls transition from a progress to a collapsible list part, which needs to have this top padding.
@@ -2462,14 +2568,12 @@ have to be updated for changes to the rules above, or to support more deeply nes
 
 	/* shimmer animation for shimmer progress */
 	&.shimmer-progress .rendered-markdown.progress-step > p {
-		background: linear-gradient(
-			90deg,
-			var(--vscode-descriptionForeground) 0%,
-			var(--vscode-descriptionForeground) 30%,
-			var(--vscode-chat-thinkingShimmer) 50%,
-			var(--vscode-descriptionForeground) 70%,
-			var(--vscode-descriptionForeground) 100%
-		);
+		background: linear-gradient(90deg,
+				var(--vscode-descriptionForeground) 0%,
+				var(--vscode-descriptionForeground) 30%,
+				var(--vscode-chat-thinkingShimmer) 50%,
+				var(--vscode-descriptionForeground) 70%,
+				var(--vscode-descriptionForeground) 100%);
 		background-size: 400% 100%;
 		background-clip: text;
 		-webkit-background-clip: text;
@@ -2705,7 +2809,8 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	outline: none;
 	border: none;
 
-	.codicon.codicon-file-media, .codicon.codicon-warning {
+	.codicon.codicon-file-media,
+	.codicon.codicon-warning {
 		font-size: 12px;
 		margin-right: 2px;
 	}
@@ -2900,7 +3005,7 @@ have to be updated for changes to the rules above, or to support more deeply nes
 		display: none;
 	}
 
-	.interactive-item-container .header.partially-disabled .detail.show-checkmarks {
+	.interactive-item-container.show-checkmarks .header.partially-disabled .detail {
 		margin-left: 4px;
 
 		.codicon-check {
@@ -3210,7 +3315,8 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	align-items: center;
 	justify-content: center;
 	height: 100%;
-	margin: -1px -8px -1px 0; /* Extend to button edge, accounting for button padding */
+	margin: -1px -8px -1px 0;
+	/* Extend to button edge, accounting for button padding */
 	padding: 0 4px 0 2px;
 	gap: 4px;
 	cursor: pointer;
@@ -3295,7 +3401,8 @@ have to be updated for changes to the rules above, or to support more deeply nes
 	opacity: 0;
 	transition: opacity 0.15s;
 	color: var(--vscode-descriptionForeground);
-	margin-top: -4px; /* visually center with overlaid top controls */
+	margin-top: -4px;
+	/* visually center with overlaid top controls */
 }
 
 .interactive-item-container.pending-request:hover .chat-pending-drag-handle {

package/vscode/src/vs/workbench/contrib/chat/browser/widgetHosts/viewPane/chatContextUsageDetails.d.ts

@@ -9,8 +9,10 @@ export interface IChatContextUsagePromptTokenDetail {
 }
 export interface IChatContextUsageData {
     usedTokens: number;
+    completionTokens: number;
     totalContextWindow: number;
     percentage: number;
+    outputBufferPercentage?: number;
     promptTokenDetails?: readonly IChatContextUsagePromptTokenDetail[];
 }
 /**
@@ -26,6 +28,8 @@ export declare class ChatContextUsageDetails extends Disposable {
     private readonly percentageLabel;
     private readonly tokenCountLabel;
     private readonly progressFill;
+    private readonly outputBufferFill;
+    private readonly outputBufferLegend;
     private readonly tokenDetailsContainer;
     private readonly warningMessage;
     private readonly actionsSection;