@codingame/monaco-vscode-katex-common 27.0.0 → 28.0.0

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

@@ -4,55 +4,75 @@
  *--------------------------------------------------------------------------------------------*/
 
 /* question carousel - this is above edits and todos */
-.interactive-session .interactive-input-part > .chat-question-carousel-widget-container:empty {
+.interactive-session .interactive-input-part > .chat-question-carousel-widget-container:empty,
+.interactive-session .interactive-input-part .interactive-input-and-edit-session > .chat-question-carousel-widget-container:empty {
 	display: none;
 }
 
 /* input specific styling */
-.interactive-session .interactive-input-part > .chat-question-carousel-widget-container .chat-question-carousel-container {
+.interactive-session .interactive-input-part > .chat-question-carousel-widget-container .chat-question-carousel-container,
+.interactive-session .interactive-input-part .interactive-input-and-edit-session > .chat-question-carousel-widget-container .chat-question-carousel-container {
 	margin: 0;
 	border: 1px solid var(--vscode-input-border, transparent);
-	background-color: var(--vscode-editor-background);
-	border-radius: 4px;
+	background-color: var(--vscode-panel-background);
+	border-radius: var(--vscode-cornerRadius-large);
 }
 
 /* general questions styling */
 .interactive-session .chat-question-carousel-container {
 	margin: 8px 0;
 	border: 1px solid var(--vscode-chat-requestBorder);
-	border-radius: 4px;
+	border-radius: var(--vscode-cornerRadius-large);
 	display: flex;
 	flex-direction: column;
 	overflow: hidden;
 	container-type: inline-size;
+	max-height: min(420px, 45vh);
+	position: relative;
 }
 
 /* input part wrapper */
-.interactive-session .interactive-input-part > .chat-question-carousel-widget-container {
+.interactive-session .interactive-input-part > .chat-question-carousel-widget-container,
+.interactive-session .interactive-input-part .interactive-input-and-edit-session > .chat-question-carousel-widget-container {
 	width: 100%;
 	position: relative;
+	display: flex;
+	flex-direction: column;
+	gap: 8px;
+}
+
+.interactive-session .interactive-input-part > .chat-question-carousel-widget-container:not(:empty),
+.interactive-session .interactive-input-part .interactive-input-and-edit-session > .chat-question-carousel-widget-container:not(:empty) {
+	margin-top: 8px;
+}
+
+.interactive-session .interactive-input-part > .chat-question-carousel-widget-container .chat-question-carousel-content,
+.interactive-session .interactive-input-part .interactive-input-and-edit-session > .chat-question-carousel-widget-container .chat-question-carousel-content {
+	min-height: 0;
 }
 
 /* container and header */
 .interactive-session .chat-question-carousel-container .chat-question-carousel-content {
 	display: flex;
 	flex-direction: column;
-	background: var(--vscode-chat-requestBackground);
-	padding: 8px 16px 10px 16px;
+	min-height: 0;
 	overflow: hidden;
 
 	.chat-question-header-row {
 		display: flex;
-		justify-content: space-between;
-		align-items: center;
-		gap: 8px;
-		min-width: 0;
-		padding-bottom: 5px;
-		margin-left: -16px;
-		margin-right: -16px;
-		padding-left: 16px;
-		padding-right: 16px;
-		border-bottom: 1px solid var(--vscode-chat-requestBorder);
+		flex-direction: column;
+		flex-shrink: 0;
+		overflow: hidden;
+
+		.chat-question-title-row {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			gap: 8px;
+			min-width: 0;
+			padding: 8px 8px 8px 16px;
+			border-bottom: 1px solid var(--vscode-chat-requestBorder);
+		}
 
 		.chat-question-title {
 			flex: 1;
@@ -77,15 +97,6 @@
 					margin: 0;
 				}
 			}
-
-			.chat-question-title-main {
-				font-weight: 500;
-			}
-
-			.chat-question-title-subtitle {
-				font-weight: normal;
-				color: var(--vscode-descriptionForeground);
-			}
 		}
 
 		.chat-question-close-container {
@@ -96,9 +107,10 @@
 				width: 22px;
 				height: 22px;
 				padding: 0;
-				border: none;
+				border: none !important;
+				box-shadow: none !important;
 				background: transparent !important;
-				color: var(--vscode-foreground) !important;
+				color: var(--vscode-icon-foreground) !important;
 			}
 
 			.monaco-button.chat-question-close:hover:not(.disabled) {
@@ -112,41 +124,35 @@
 .interactive-session .chat-question-carousel-container .chat-question-input-container {
 	display: flex;
 	flex-direction: column;
-	margin-top: 4px;
+	padding: 8px;
 	min-width: 0;
 
+	&::after {
+		content: '';
+		display: block;
+		height: 8px;
+		flex-shrink: 0;
+	}
+
 	/* some hackiness to get the focus looking right */
-	.chat-question-list-item:focus:not(.selected),
+	.chat-question-list-item:focus,
 	.chat-question-list:focus {
 		outline: none;
 	}
 
-	.chat-question-list:focus-visible {
-		outline: 1px solid var(--vscode-focusBorder);
-		outline-offset: -1px;
-	}
-
-	.chat-question-list:focus-within .chat-question-list-item.selected {
-		outline-width: 1px;
-		outline-style: solid;
-		outline-offset: -1px;
-		outline-color: var(--vscode-focusBorder);
-	}
-
 	.chat-question-list {
 		display: flex;
 		flex-direction: column;
-		gap: 3px;
 		outline: none;
-		padding: 4px 0;
+		padding: 0;
 
 		.chat-question-list-item {
 			display: flex;
 			align-items: center;
-			gap: 8px;
-			padding: 3px 8px;
+			gap: 12px;
+			padding: 6px 8px;
 			cursor: pointer;
-			border-radius: 3px;
+			border-radius: var(--vscode-cornerRadius-medium);
 			user-select: none;
 
 			.chat-question-list-indicator {
@@ -157,6 +163,8 @@
 				justify-content: center;
 				flex-shrink: 0;
 				margin-left: auto;
+				align-self: flex-start;
+				margin-top: 2px;
 			}
 
 			.chat-question-list-indicator.codicon-check {
@@ -167,13 +175,15 @@
 			.chat-question-list-label {
 				font-size: var(--vscode-chat-font-size-body-s);
 				flex: 1;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
+				word-wrap: break-word;
+				overflow-wrap: break-word;
+				display: flex;
+				flex-direction: column;
 			}
 
 			.chat-question-list-label-title {
-				font-weight: 600;
+				font-weight: 500;
+				line-height: 1.4;
 			}
 
 			.chat-question-list-label-desc {
@@ -182,13 +192,28 @@
 			}
 		}
 
+		.chat-question-list-item.has-description {
+			align-items: flex-start;
+
+			.chat-question-list-number {
+				line-height: 1.4;
+				font-size: var(--vscode-chat-font-size-body-s);
+				font-weight: 500;
+			}
+
+			.chat-question-list-checkbox {
+				/* Title line-height is ~17px (1.4 * body-s), checkbox is 16px: 1px offset */
+				margin-top: 1px;
+			}
+		}
+
 		.chat-question-list-item:hover {
 			background-color: var(--vscode-list-hoverBackground);
 		}
 
 		/* Single-select: highlight entire row when selected */
 		.chat-question-list-item.selected {
-			background-color: var(--vscode-list-activeSelectionBackground);
+			background-color: var(--vscode-list-hoverBackground);
 			color: var(--vscode-list-activeSelectionForeground);
 
 			.chat-question-label {
@@ -205,16 +230,12 @@
 			}
 
 			.chat-question-list-number {
-				background-color: transparent;
 				color: var(--vscode-list-activeSelectionForeground);
-				border-color: var(--vscode-list-activeSelectionForeground);
-				border-bottom-color: var(--vscode-list-activeSelectionForeground);
-				box-shadow: none;
 			}
 		}
 
 		.chat-question-list-item.selected:hover {
-			background-color: var(--vscode-list-activeSelectionBackground);
+			background-color: var(--vscode-list-hoverBackground);
 		}
 
 		/* Checkbox for multi-select */
@@ -228,11 +249,12 @@
 	}
 
 	.chat-question-freeform {
-		margin-left: 8px;
+		margin: 0;
 		display: flex;
 		flex-direction: row;
 		align-items: center;
-		gap: 8px;
+		padding: 4px 8px;
+		gap: 12px;
 
 		.chat-question-freeform-number {
 			height: fit-content;
@@ -275,45 +297,43 @@
 	/* todo: change to use keybinding service so we don't have to recreate this */
 	.chat-question-list-number,
 	.chat-question-freeform-number {
-		display: inline-flex;
-		align-items: center;
-		justify-content: center;
-		min-width: 14px;
-		padding: 0px 4px;
-		border-style: solid;
-		border-width: 1px;
-		border-radius: 3px;
-		font-size: 11px;
-		font-weight: normal;
-		background-color: var(--vscode-keybindingLabel-background);
-		color: var(--vscode-keybindingLabel-foreground);
-		border-color: var(--vscode-keybindingLabel-border);
-		border-bottom-color: var(--vscode-keybindingLabel-bottomBorder);
-		box-shadow: inset 0 -1px 0 var(--vscode-widget-shadow);
+		font-size: var(--vscode-chat-font-size-body-s);
+		color: var(--vscode-descriptionForeground);
 		flex-shrink: 0;
+		min-width: 1ch;
+		text-align: right;
 	}
 }
 
-/* footer with step indicator and nav buttons */
+.interactive-session .chat-question-carousel-container .chat-question-input-container > * {
+	flex-shrink: 0;
+}
+
+.interactive-session .chat-question-carousel-container .chat-question-input-scrollable {
+	flex: 0 1 auto;
+	min-height: 0;
+	overscroll-behavior: contain;
+}
+
+/* footer with nav arrows, step indicator, and submit */
 .interactive-session .chat-question-carousel-container .chat-question-footer-row {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	padding: 4px 16px;
+	padding: 4px 8px;
 	border-top: 1px solid var(--vscode-chat-requestBorder);
-	background: var(--vscode-chat-requestBackground);
+	flex-shrink: 0;
 
-	.chat-question-step-indicator {
-		font-size: var(--vscode-chat-font-size-body-s);
-		color: var(--vscode-descriptionForeground);
+	.chat-question-footer-left {
+		display: flex;
+		align-items: center;
+		gap: 8px;
 	}
 
-	.chat-question-carousel-nav {
+	.chat-question-footer-right {
 		display: flex;
 		align-items: center;
-		gap: 4px;
-		flex-shrink: 0;
-		margin-left: auto;
+		gap: 8px;
 	}
 
 	.chat-question-nav-arrows {
@@ -322,49 +342,48 @@
 		gap: 4px;
 	}
 
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow {
+	.monaco-button.chat-question-nav-arrow {
 		min-width: 22px;
 		width: 22px;
 		height: 22px;
 		padding: 0;
-		border: none;
+		border: none !important;
+		box-shadow: none !important;
+		background: transparent !important;
+		color: var(--vscode-foreground) !important;
 	}
 
-	/* Secondary buttons (prev, next) use gray secondary background */
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-prev,
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-next {
-		background: var(--vscode-button-secondaryBackground) !important;
-		color: var(--vscode-button-secondaryForeground) !important;
+	.monaco-button.chat-question-nav-arrow:hover:not(.disabled) {
+		background: var(--vscode-toolbar-hoverBackground) !important;
+	}
+
+	.monaco-button.chat-question-nav-arrow.disabled {
+		opacity: 0.4;
+	}
+
+	.chat-question-step-indicator {
+		font-size: var(--vscode-chat-font-size-body-s);
+		color: var(--vscode-descriptionForeground);
 	}
 
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-prev:hover:not(.disabled),
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-next:hover:not(.disabled) {
-		background: var(--vscode-button-secondaryHoverBackground) !important;
+	.chat-question-submit-hint {
+		font-size: 11px;
+		color: var(--vscode-descriptionForeground);
 	}
 
-	/* Submit button (next on last question) uses primary background */
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-submit {
+	.monaco-button.chat-question-submit-button {
 		background: var(--vscode-button-background) !important;
 		color: var(--vscode-button-foreground) !important;
+		height: 22px;
 		width: auto;
+		flex: 0 0 auto;
 		min-width: auto;
 		padding: 0 8px;
 	}
 
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-nav-submit:hover:not(.disabled) {
+	.monaco-button.chat-question-submit-button:hover:not(.disabled) {
 		background: var(--vscode-button-hoverBackground) !important;
 	}
-
-	/* Close button uses transparent background */
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-close {
-		background: transparent !important;
-		color: var(--vscode-foreground) !important;
-	}
-
-	.chat-question-carousel-nav .monaco-button.chat-question-nav-arrow.chat-question-close:hover:not(.disabled) {
-		background: var(--vscode-toolbar-hoverBackground) !important;
-	}
-
 }
 
 /* summary (after finished) */
@@ -376,9 +395,7 @@
 
 	.chat-question-summary-item {
 		display: flex;
-		flex-direction: row;
-		flex-wrap: wrap;
-		align-items: baseline;
+		flex-direction: column;
 		gap: 0;
 		font-size: var(--vscode-chat-font-size-body-s);
 	}
@@ -389,11 +406,6 @@
 		overflow-wrap: break-word;
 	}
 
-	.chat-question-summary-label::after {
-		content: ': ';
-		white-space: pre;
-	}
-
 	.chat-question-summary-answer-title {
 		color: var(--vscode-foreground);
 		font-weight: 600;

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

@@ -17,7 +17,6 @@
 	background-color: var(--vscode-editorWidget-background);
 	border: 1px solid var(--vscode-chat-requestBorder);
 	border-radius: var(--vscode-cornerRadius-medium);
-	z-index: 100;
 	transition: opacity 0.1s ease-in-out;
 }
 

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/abstractToolConfirmationSubPart.d.ts

@@ -6,7 +6,7 @@ import { ConfirmedReason, IChatToolInvocation } from "@codingame/monaco-vscode-a
 import { ILanguageModelToolsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/tools/languageModelToolsService.service";
 import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
 import { IChatConfirmationButton } from "../chatConfirmationWidget.js";
-import { IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatContentParts";
+import { IChatContentPartRenderContext } from "../chatContentParts.js";
 import { BaseChatToolInvocationSubPart } from "./chatToolInvocationSubPart.js";
 export interface IToolConfirmationConfig {
     allowActionId: string;

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/abstractToolConfirmationSubPart.js

@@ -77,7 +77,7 @@ let AbstractToolConfirmationSubPart = class AbstractToolConfirmationSubPart exte
                 data: primaryAction.data,
                 moreActions: moreActions.length > 0 ? moreActions : undefined
             }, {
-                label: ( localize(6559, "Skip")),
+                label: ( localize(6655, "Skip")),
                 tooltip: skipTooltip,
                 data: () => {
                     this.confirmWith(toolInvocation, {

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/chatExtensionsInstallToolSubPart.d.ts

@@ -4,7 +4,7 @@ import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/pl
 import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service";
 import { IChatToolInvocation } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService";
 import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
-import { IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatContentParts";
+import { IChatContentPartRenderContext } from "../chatContentParts.js";
 import { BaseChatToolInvocationSubPart } from "./chatToolInvocationSubPart.js";
 export declare class ExtensionsInstallConfirmationWidgetSubPart extends BaseChatToolInvocationSubPart {
     readonly domNode: HTMLElement;

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/chatExtensionsInstallToolSubPart.js

@@ -46,9 +46,9 @@ let ExtensionsInstallConfirmationWidgetSubPart = class ExtensionsInstallConfirma
         append(this.domNode, chatExtensionsContentPart.domNode);
         const state = toolInvocation.state.get();
         if (state.type === IChatToolInvocation.StateKind.WaitingForConfirmation) {
-            const allowLabel = ( localize(6560, "Allow"));
+            const allowLabel = ( localize(6656, "Allow"));
             const allowTooltip = keybindingService.appendKeybinding(allowLabel, AcceptToolConfirmationActionId);
-            const cancelLabel = ( localize(6561, "Cancel"));
+            const cancelLabel = ( localize(6657, "Cancel"));
             const cancelTooltip = keybindingService.appendKeybinding(cancelLabel, CancelChatActionId);
             const enableAllowButtonEvent = this._register(( new Emitter()));
             const buttons = [{
@@ -68,9 +68,9 @@ let ExtensionsInstallConfirmationWidgetSubPart = class ExtensionsInstallConfirma
                 tooltip: cancelTooltip
             }];
             const confirmWidget = this._register(instantiationService.createInstance(ChatConfirmationWidget, context, {
-                title: state.confirmationMessages?.title ?? ( localize(6562, "Install Extensions")),
+                title: state.confirmationMessages?.title ?? ( localize(6658, "Install Extensions")),
                 message: state.confirmationMessages?.message ?? ( localize(
-                    6563,
+                    6659,
                     "Click the Install button on the extension and then press Allow when finished."
                 )),
                 buttons

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/chatInputOutputMarkdownProgressPart.d.ts

@@ -6,7 +6,7 @@ import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/pl
 import { IChatToolInvocation, IChatToolInvocationSerialized } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService";
 import { IToolResultInputOutputDetails } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/tools/languageModelToolsService";
 import { IChatCodeBlockInfo } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat";
-import { IChatContentPartRenderContext } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatContentParts";
+import { IChatContentPartRenderContext } from "../chatContentParts.js";
 import { BaseChatToolInvocationSubPart } from "./chatToolInvocationSubPart.js";
 export declare class ChatInputOutputMarkdownProgressPart extends BaseChatToolInvocationSubPart {
     /** Remembers expanded tool parts on re-render */

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/chatMcpAppModel.d.ts

@@ -1,6 +1,7 @@
 import { Event } from "@codingame/monaco-vscode-api/vscode/vs/base/common/event";
 import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
 import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/observable";
+import { IChatResponseResourceFileSystemProvider } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/widget/chatResponseResourceFileSystemProvider.service";
 import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
 import { ILogService } from "@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service";
 import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
@@ -10,6 +11,7 @@ import { McpApps } from "../../../../../mcp/common/modelContextProtocolApps.js";
 import { IWebviewService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/webview/browser/webview.service";
 import { IChatToolInvocation, IChatToolInvocationSerialized } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService";
 import { IChatWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat.service";
+import { IChatCollapsibleIODataPart } from "../chatToolInputOutputContentPart.js";
 import { IMcpAppRenderData } from "./chatMcpAppSubPart.js";
 /**
  * Load state for the MCP App model.
@@ -33,6 +35,7 @@ export declare class ChatMcpAppModel extends Disposable {
     private readonly _instantiationService;
     private readonly _chatWidgetService;
     private readonly _webviewService;
+    private readonly _chatResponseResourceFsProvider;
     private readonly _logService;
     private readonly _productService;
     private readonly _openerService;
@@ -59,9 +62,12 @@ export declare class ChatMcpAppModel extends Disposable {
     /** Event fired when height changes */
     private readonly _onDidChangeHeight;
     readonly onDidChangeHeight: Event<void>;
+    /** Accumulated download resource parts from ui/download-file calls */
+    private readonly _downloadParts;
+    readonly downloadParts: IObservable<IChatCollapsibleIODataPart[]>;
     /** Full host context for the MCP App */
     readonly hostContext: IObservable<McpApps.McpUiHostContext>;
-    constructor(toolInvocation: IChatToolInvocation | IChatToolInvocationSerialized, renderData: IMcpAppRenderData, _container: HTMLElement, maxHeight: IObservable<number>, currentWidth: IObservable<number>, _instantiationService: IInstantiationService, _chatWidgetService: IChatWidgetService, _webviewService: IWebviewService, storageService: IStorageService, _logService: ILogService, _productService: IProductService, _openerService: IOpenerService);
+    constructor(toolInvocation: IChatToolInvocation | IChatToolInvocationSerialized, renderData: IMcpAppRenderData, _container: HTMLElement, maxHeight: IObservable<number>, currentWidth: IObservable<number>, _instantiationService: IInstantiationService, _chatWidgetService: IChatWidgetService, _webviewService: IWebviewService, storageService: IStorageService, _chatResponseResourceFsProvider: IChatResponseResourceFileSystemProvider, _logService: ILogService, _productService: IProductService, _openerService: IOpenerService);
     /**
      * Gets the current height of the webview.
      */
@@ -96,6 +102,7 @@ export declare class ChatMcpAppModel extends Disposable {
     private _handleUpdateModelContext;
     private _handleSizeChanged;
     private _handleSandboxWheel;
+    private _handleDownloadFile;
     private _handleOpenLink;
     /**
      * Handles tools/call requests from the MCP App.

package/vscode/src/vs/workbench/contrib/chat/browser/widget/chatContentParts/toolInvocationParts/chatMcpAppModel.js

@@ -13,7 +13,9 @@ import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/in
 import { basename } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { isFalsyOrWhitespace } from '@codingame/monaco-vscode-api/vscode/vs/base/common/strings';
 import { hasKey, isDefined } from '@codingame/monaco-vscode-api/vscode/vs/base/common/types';
+import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { IChatResponseResourceFileSystemProvider } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/widget/chatResponseResourceFileSystemProvider.service';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { ILogService } from '@codingame/monaco-vscode-api/vscode/vs/platform/log/common/log.service';
 import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service';
@@ -49,6 +51,7 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
         _chatWidgetService,
         _webviewService,
         storageService,
+        _chatResponseResourceFsProvider,
         _logService,
         _productService,
         _openerService
@@ -60,6 +63,7 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
         this._instantiationService = _instantiationService;
         this._chatWidgetService = _chatWidgetService;
         this._webviewService = _webviewService;
+        this._chatResponseResourceFsProvider = _chatResponseResourceFsProvider;
         this._logService = _logService;
         this._productService = _productService;
         this._openerService = _openerService;
@@ -72,13 +76,15 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
         this.loadState = this._loadState;
         this._onDidChangeHeight = this._register(( new Emitter()));
         this.onDidChangeHeight = this._onDidChangeHeight.event;
+        this._downloadParts = observableValue(this, []);
+        this.downloadParts = this._downloadParts;
         this._originStore = ( new WebviewOriginStore(ORIGIN_STORE_KEY, storageService));
         this._webviewOrigin = this._originStore.getOrigin("mcpApp", renderData.serverDefinitionId);
         this._mcpToolCallUI = this._register(this._instantiationService.createInstance(McpToolCallUI, renderData));
         this._height = ChatMcpAppModel_1.heightCache.get(this.toolInvocation) ?? 300;
         this._webview = this._register(this._webviewService.createWebviewElement({
             origin: this._webviewOrigin,
-            title: ( localize(6564, "MCP App")),
+            title: ( localize(6660, "MCP App")),
             options: {
                 purpose: WebviewContentPurpose.ChatOutputItem,
                 enableFindWidget: false,
@@ -341,6 +347,9 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
             case "ui/open-link":
                 result = await this._handleOpenLink(request.params);
                 break;
+            case "ui/download-file":
+                result = await this._handleDownloadFile(request.params);
+                break;
             case "ui/request-display-mode":
                 result = {
                     mode: "inline"
@@ -441,7 +450,8 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
                     resourceLink: {},
                     resource: {},
                     structuredContent: {}
-                }
+                },
+                downloadFile: {}
             },
             hostContext: this.hostContext.get()
         };
@@ -583,6 +593,49 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
         const widget = this._chatWidgetService.getWidgetBySessionResource(this.renderData.sessionResource);
         widget?.delegateScrollFromMouseWheelEvent(evt);
     }
+    async _handleDownloadFile(params) {
+        const newParts = [];
+        let hadError = false;
+        for (const content of params.contents) {
+            try {
+                if (content.type === "resource") {
+                    const resource = content.resource;
+                    const parsed = ( URI.parse(resource.uri));
+                    const data = hasKey(resource, {
+                        text: true
+                    }) ? ( new TextEncoder()).encode(resource.text) : {
+                        base64: resource.blob
+                    };
+                    const uri = this._chatResponseResourceFsProvider.associate(this.renderData.sessionResource, data, basename(parsed));
+                    newParts.push({
+                        kind: "data",
+                        mimeType: resource.mimeType,
+                        uri
+                    });
+                } else if (content.type === "resource_link") {
+                    const mcpUri = McpResourceURI.fromServer({
+                        id: this.renderData.serverDefinitionId,
+                        label: ""
+                    }, content.uri);
+                    newParts.push({
+                        kind: "data",
+                        mimeType: content.mimeType,
+                        uri: mcpUri
+                    });
+                }
+            } catch (error) {
+                hadError = true;
+                this._logService.warn("[MCP App] Failed to process ui/download-file content", error);
+            }
+        }
+        if (newParts.length > 0) {
+            const existing = this._downloadParts.get();
+            this._downloadParts.set([...existing, ...newParts], undefined);
+        }
+        return hadError ? {
+            isError: true
+        } : {};
+    }
     async _handleOpenLink(params) {
         const ok = await this._openerService.open(params.url);
         return {
@@ -629,6 +682,6 @@ let ChatMcpAppModel = class ChatMcpAppModel extends Disposable {
         super.dispose();
     }
 };
-ChatMcpAppModel = ChatMcpAppModel_1 = ( __decorate([( __param(5, IInstantiationService)), ( __param(6, IChatWidgetService)), ( __param(7, IWebviewService)), ( __param(8, IStorageService)), ( __param(9, ILogService)), ( __param(10, IProductService)), ( __param(11, IOpenerService))], ChatMcpAppModel));
+ChatMcpAppModel = ChatMcpAppModel_1 = ( __decorate([( __param(5, IInstantiationService)), ( __param(6, IChatWidgetService)), ( __param(7, IWebviewService)), ( __param(8, IStorageService)), ( __param(9, IChatResponseResourceFileSystemProvider)), ( __param(10, ILogService)), ( __param(11, IProductService)), ( __param(12, IOpenerService))], ChatMcpAppModel));
 
 export { ChatMcpAppModel };