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

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

@@ -20,7 +20,7 @@ import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codi
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
 import { Lazy } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lazy';
 import { Emitter } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
-import { DisposableMap, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { MutableDisposable, DisposableMap, toDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
 import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
 import { IChatMarkdownAnchorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatMarkdownAnchorService.service';
@@ -28,15 +28,32 @@ import { ChatMessageRole } from '@codingame/monaco-vscode-api/vscode/vs/workbenc
 import { ILanguageModelsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service';
 import * as chatThinkingContent from './media/chatThinkingContent.css';
 import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
+import { extractImagesFromToolInvocationOutputDetails } from '../../../common/chatImageExtraction.js';
+import { ChatThinkingExternalResourceWidget } from './chatThinkingExternalResourcesWidget.js';
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
+var ChatThinkingContentPart_1;
 registerCss(chatThinkingContent);
 function extractTextFromPart(content) {
     const raw = Array.isArray(content.value) ? content.value.join("") : (content.value || "");
     return raw.trim();
 }
-function getToolInvocationIcon(toolId) {
+function isEditToolId(toolId) {
+    const lowerToolId = toolId.toLowerCase();
+    return lowerToolId.includes("edit") || lowerToolId.includes("create") || lowerToolId.includes("replace") || lowerToolId.includes("patch");
+}
+function isGenericEditToolId(toolId) {
+    const lowerToolId = toolId.toLowerCase();
+    if (lowerToolId.includes("create") || lowerToolId.includes("notebook")) {
+        return false;
+    }
+    return lowerToolId.includes("replace") || lowerToolId.includes("patch") || lowerToolId.includes("insertedit") || lowerToolId.includes("insert_edit") || lowerToolId.includes("editfile");
+}
+function getToolInvocationIcon(toolId, registeredIcon) {
+    if (registeredIcon) {
+        return registeredIcon;
+    }
     const lowerToolId = toolId.toLowerCase();
     if (lowerToolId.includes("search") || lowerToolId.includes("grep") || lowerToolId.includes("find") || lowerToolId.includes("list") || lowerToolId.includes("semantic") || lowerToolId.includes("changes") || lowerToolId.includes("codebase")) {
         return Codicon.search;
@@ -44,7 +61,7 @@ function getToolInvocationIcon(toolId) {
     if (lowerToolId.includes("read") || lowerToolId.includes("get_file") || lowerToolId.includes("problems")) {
         return Codicon.book;
     }
-    if (lowerToolId.includes("edit") || lowerToolId.includes("create") || lowerToolId.includes("replace")) {
+    if (isEditToolId(toolId)) {
         return Codicon.pencil;
     }
     if (lowerToolId.includes("terminal")) {
@@ -68,38 +85,40 @@ var WorkingMessageCategory;
     WorkingMessageCategory["Terminal"] = "terminal";
     WorkingMessageCategory["Tool"] = "tool";
 })(WorkingMessageCategory || (WorkingMessageCategory = {}));
-const defaultThinkingMessages = [( localize(6595, "Thinking")), ( localize(6596, "Reasoning")), ( localize(6597, "Considering")), ( localize(6598, "Analyzing")), ( localize(6599, "Evaluating"))];
-const terminalMessages = [( localize(6600, "Executing")), ( localize(6601, "Running")), ( localize(6602, "Processing"))];
-const toolMessages = [( localize(6603, "Processing")), ( localize(6604, "Preparing")), ( localize(6605, "Loading")), ( localize(6606, "Analyzing")), ( localize(6607, "Evaluating"))];
-let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsibleContentPart {
+const defaultThinkingMessages = [( localize(6783, "Thinking")), ( localize(6784, "Reasoning")), ( localize(6785, "Considering")), ( localize(6786, "Analyzing")), ( localize(6787, "Evaluating"))];
+const terminalMessages = [( localize(6788, "Executing")), ( localize(6789, "Running")), ( localize(6790, "Processing"))];
+const toolMessages = [( localize(6791, "Processing")), ( localize(6792, "Preparing")), ( localize(6793, "Loading")), ( localize(6794, "Analyzing")), ( localize(6795, "Evaluating"))];
+function buildPhrasePool(defaults, configurationService) {
+    const config = configurationService.getValue(ChatConfiguration.ThinkingPhrases);
+    const customPhrases = Array.isArray(config?.phrases) ? ( config.phrases.filter(phrase => typeof phrase === "string").map(phrase => phrase.trim())).filter(phrase => phrase.length > 0) : [];
+    if (customPhrases.length > 0) {
+        return config?.mode === "replace" ? [...customPhrases] : [...defaults, ...customPhrases];
+    }
+    return [...defaults];
+}
+let ChatThinkingContentPart = ChatThinkingContentPart_1 = class ChatThinkingContentPart extends ChatCollapsibleContentPart {
+    static _codeBlockRendererSync(_languageId, text, _raw) {
+        const codeElement = $("code");
+        codeElement.textContent = text;
+        return codeElement;
+    }
     getRandomWorkingMessage(category = WorkingMessageCategory.Tool) {
         let pool = this.availableMessagesByCategory.get(category);
         if (!pool || pool.length === 0) {
             let defaults;
             switch (category) {
             case WorkingMessageCategory.Thinking:
-                defaults = [...defaultThinkingMessages];
+                defaults = defaultThinkingMessages;
                 break;
             case WorkingMessageCategory.Terminal:
-                defaults = [...terminalMessages];
+                defaults = terminalMessages;
                 break;
             case WorkingMessageCategory.Tool:
             default:
-                defaults = [...toolMessages];
+                defaults = toolMessages;
                 break;
             }
-            const config = this.configurationService.getValue(ChatConfiguration.ThinkingPhrases);
-            const customPhrases = Array.isArray(config?.phrases) ? ( config.phrases.filter(phrase => typeof phrase === "string").map(phrase => phrase.trim())).filter(phrase => phrase.length > 0) : [];
-            const mode = config?.mode === "replace" ? "replace" : "append";
-            if (customPhrases.length > 0) {
-                if (mode === "replace") {
-                    pool = [...customPhrases];
-                } else {
-                    pool = [...defaults, ...customPhrases];
-                }
-            } else {
-                pool = defaults;
-            }
+            pool = buildPhrasePool(defaults, this.configurationService);
             this.availableMessagesByCategory.set(category, pool);
         }
         const index = Math.floor(Math.random() * pool.length);
@@ -117,7 +136,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         hoverService
     ) {
         const initialText = extractTextFromPart(content);
-        const extractedTitle = extractTitleFromThinkingContent(initialText) ?? "Working";
+        const extractedTitle = extractTitleFromThinkingContent(initialText) ?? ( localize(6796, "Thinking"));
         super(extractedTitle, context, undefined, hoverService, configurationService);
         this.chatContentMarkdownRenderer = chatContentMarkdownRenderer;
         this.streamingCompleted = streamingCompleted;
@@ -126,7 +145,10 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.chatMarkdownAnchorService = chatMarkdownAnchorService;
         this.languageModelsService = languageModelsService;
         this._onDidChangeHeight = this._register(( new Emitter()));
-        this.defaultTitle = ( localize(6608, "Working"));
+        this._asyncRenderCallback = () => this._onDidChangeHeight.fire();
+        this.defaultTitle = ( localize(6797, "Thinking"));
+        this.workingTitle = ( localize(6798, "Working"));
+        this._markdownResult = this._register(( new MutableDisposable()));
         this.fixedScrollingMode = false;
         this.autoScrollEnabled = true;
         this.extractedTitles = [];
@@ -140,9 +162,15 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.hasExpandedOnce = false;
         this.availableMessagesByCategory = ( new Map());
         this.toolWrappersByCallId = ( new Map());
+        this.toolIconsByCallId = ( new Map());
+        this.toolLabelsByCallId = ( new Map());
         this.toolDisposables = this._register(( new DisposableMap()));
+        this.ownedToolParts = ( new Map());
         this.pendingRemovals = [];
         this.isUpdatingDimensions = false;
+        this.lastKnownContentHeight = 0;
+        this.lastKnownScrollTop = 0;
+        this._titleDetailRendered = this._register(( new MutableDisposable()));
         this.id = content.id;
         this.content = content;
         this.allThinkingParts.push(content);
@@ -157,7 +185,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             this.appendedItemCount++;
         }
         if (this.configurationService.getValue(AccessibilityWorkbenchSettingId.VerboseChatProgressUpdates)) {
-            alert(( localize(6609, "Thinking")));
+            alert(( localize(6799, "Thinking")));
         }
         if (configuredMode === ThinkingDisplayMode.Collapsed) {
             this.setExpanded(false);
@@ -168,6 +196,13 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         const node = this.domNode;
         node.classList.add("chat-thinking-box");
+        this._externalResourceWidget = this._register(
+            this.instantiationService.createInstance(ChatThinkingExternalResourceWidget)
+        );
+        this._register(
+            this._externalResourceWidget.onDidChangeHeight(() => this._onDidChangeHeight.fire())
+        );
+        node.appendChild(this._externalResourceWidget.domNode);
         if (!this.streamingCompleted && !this.element.isComplete) {
             if (!this.fixedScrollingMode) {
                 node.classList.add("chat-thinking-active");
@@ -184,6 +219,12 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             node.classList.add("chat-thinking-fixed-mode");
             this.currentTitle = this.defaultTitle;
         }
+        this._register(toDisposable(() => {
+            for (const d of ( this.ownedToolParts.values())) {
+                d.dispose();
+            }
+            this.ownedToolParts.clear();
+        }));
         this._register(autorun(r => {
             const isExpanded = this.expanded.read(r);
             if (this._collapseButton) {
@@ -202,14 +243,16 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             const isExpanded = this._isExpanded.read(r);
             if (isExpanded && !this.hasExpandedOnce && this.lazyItems.length > 0) {
                 this.hasExpandedOnce = true;
+                this.processPendingRemovals();
                 for (const item of this.lazyItems) {
                     this.materializeLazyItem(item);
                 }
             }
-            if (isExpanded && !this.shouldAllowExpansion()) {
+            if (isExpanded && !this.shouldAllowExpansion() && (this.streamingCompleted || this.element.isComplete)) {
                 this.setExpanded(false);
                 return;
             }
+            this._externalResourceWidget.setCollapsed(!isExpanded);
             this._onDidChangeHeight.fire();
         }));
         const label = this.lastExtractedTitle ?? "";
@@ -268,7 +311,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             })));
             this._register(this.scrollableElement.onScroll(e => this.handleScroll(e.scrollTop)));
             const mutationObserver = new mainWindow.MutationObserver(() => {
-                if (!this.streamingCompleted) {
+                if (!this.streamingCompleted && this.domNode.classList.contains("chat-used-context-collapsed")) {
                     this.syncDimensionsAndScheduleScroll();
                 }
             });
@@ -295,26 +338,29 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (!this.scrollableElement || this.isUpdatingDimensions) {
             return;
         }
-        const scrollDimensions = this.scrollableElement.getScrollDimensions();
-        const maxScrollTop = scrollDimensions.scrollHeight - scrollDimensions.height;
-        const isAtBottom = maxScrollTop <= 0 || scrollTop >= maxScrollTop - 10;
-        if (isAtBottom) {
-            this.autoScrollEnabled = true;
-        } else {
-            this.autoScrollEnabled = false;
-        }
+        this.lastKnownScrollTop = scrollTop;
+        const contentHeight = this.lastKnownContentHeight;
+        const viewportHeight = Math.min(contentHeight, THINKING_SCROLL_MAX_HEIGHT);
+        const maxScrollTop = contentHeight - viewportHeight;
+        this.autoScrollEnabled = maxScrollTop <= 0 || scrollTop >= maxScrollTop - 10;
+        this.updateFadeClasses(scrollTop, contentHeight, viewportHeight);
     }
-    syncDimensionsAndScheduleScroll() {
-        if (this.autoScrollEnabled && this.scrollableElement) {
-            this.isUpdatingDimensions = true;
-            try {
-                this.updateScrollDimensions();
-                this.scrollToBottom();
-            } finally {
-                this.isUpdatingDimensions = false;
-            }
+    updateFadeClasses(scrollTop, contentHeight, viewportHeight) {
+        if (!this.fixedScrollingMode || this.streamingCompleted) {
+            this.domNode.classList.remove("chat-thinking-fade-top", "chat-thinking-fade-bottom");
             return;
         }
+        const currentScrollTop = scrollTop ?? this.lastKnownScrollTop;
+        const currentContentHeight = contentHeight ?? this.lastKnownContentHeight;
+        const currentViewportHeight = viewportHeight ?? Math.min(currentContentHeight, THINKING_SCROLL_MAX_HEIGHT);
+        const maxScrollTop = currentContentHeight - currentViewportHeight;
+        this.domNode.classList.toggle("chat-thinking-fade-top", currentScrollTop > 5);
+        this.domNode.classList.toggle(
+            "chat-thinking-fade-bottom",
+            maxScrollTop > 0 && currentScrollTop < maxScrollTop - 5
+        );
+    }
+    syncDimensionsAndScheduleScroll() {
         if (this.pendingScrollDisposable) {
             return;
         }
@@ -325,21 +371,26 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             }
             this.isUpdatingDimensions = true;
             try {
-                this.updateScrollDimensions();
+                const contentHeight = this.updateScrollDimensions();
+                if (this.autoScrollEnabled && contentHeight !== undefined) {
+                    this.scrollToBottom(contentHeight);
+                }
             } finally {
                 this.isUpdatingDimensions = false;
             }
+            this.updateFadeClasses(this.lastKnownScrollTop, this.lastKnownContentHeight);
         });
     }
     updateScrollDimensions() {
         if (!this.scrollableElement) {
-            return;
+            return undefined;
         }
         const isCollapsed = this.domNode.classList.contains("chat-used-context-collapsed");
         if (!isCollapsed) {
-            return;
+            return undefined;
         }
         const contentHeight = this.wrapper.scrollHeight;
+        this.lastKnownContentHeight = contentHeight;
         const viewportHeight = Math.min(contentHeight, THINKING_SCROLL_MAX_HEIGHT);
         this.scrollableElement.setScrollDimensions({
             width: this.scrollableElement.getDomNode().clientWidth,
@@ -347,17 +398,20 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             height: viewportHeight,
             scrollHeight: contentHeight
         });
+        this.lastKnownScrollTop = this.scrollableElement.getScrollPosition().scrollTop;
         this.updateDropdownClickability(contentHeight);
+        return contentHeight;
     }
-    scrollToBottom() {
+    scrollToBottom(contentHeight) {
         if (!this.scrollableElement) {
             return;
         }
-        const contentHeight = this.wrapper.scrollHeight;
         const viewportHeight = Math.min(contentHeight, THINKING_SCROLL_MAX_HEIGHT);
         if (contentHeight > viewportHeight) {
+            const newScrollTop = contentHeight - viewportHeight;
+            this.lastKnownScrollTop = newScrollTop;
             this.scrollableElement.setScrollPosition({
-                scrollTop: contentHeight - viewportHeight
+                scrollTop: newScrollTop
             });
         }
     }
@@ -385,10 +439,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         const cleanedContent = content.trim();
         if (!cleanedContent) {
-            if (this.markdownResult) {
-                this.markdownResult.dispose();
-                this.markdownResult = undefined;
-            }
+            this._markdownResult.clear();
             if (this.textContainer) {
                 clearNode(this.textContainer);
             }
@@ -398,21 +449,13 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (cleanedContent.startsWith("**") && cleanedContent.endsWith("**")) {
             contentToRender = cleanedContent.slice(2, -2);
         }
-        const target = reuseExisting ? this.markdownResult?.element : undefined;
-        if (this.markdownResult) {
-            this.markdownResult.dispose();
-            this.markdownResult = undefined;
-        }
-        const rendered = this._register(this.chatContentMarkdownRenderer.render(( new MarkdownString(contentToRender)), {
+        const target = reuseExisting ? this._markdownResult.value?.element : undefined;
+        const rendered = this.chatContentMarkdownRenderer.render(( new MarkdownString(contentToRender)), {
             fillInIncompleteTokens: true,
-            asyncRenderCallback: () => this._onDidChangeHeight.fire(),
-            codeBlockRendererSync: (_languageId, text, raw) => {
-                const codeElement = $("code");
-                codeElement.textContent = text;
-                return codeElement;
-            }
-        }, target));
-        this.markdownResult = rendered;
+            asyncRenderCallback: this._asyncRenderCallback,
+            codeBlockRendererSync: ChatThinkingContentPart_1._codeBlockRendererSync
+        }, target);
+        this._markdownResult.value = rendered;
         if (!target) {
             if (this.textContainer) {
                 clearNode(this.textContainer);
@@ -476,7 +519,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
                 allowExpansion = false;
             }
         }
-        if (!allowExpansion && this.isExpanded()) {
+        if (!allowExpansion && this.isExpanded() && (this.streamingCompleted || this.element.isComplete)) {
             this.setExpanded(false);
         }
         this.setDropdownClickable(allowExpansion);
@@ -514,7 +557,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             return;
         }
         const previousValue = this.currentThinkingValue;
-        const reuseExisting = !!(this.markdownResult && next.startsWith(previousValue) && next.length > previousValue.length);
+        const reuseExisting = !!(this._markdownResult.value && next.startsWith(previousValue) && next.length > previousValue.length);
         this.currentThinkingValue = next;
         this.renderMarkdown(next, reuseExisting);
         if (this.fixedScrollingMode && this.scrollableElement) {
@@ -539,15 +582,28 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
     getIsActive() {
         return this.isActive;
     }
+    isEffectivelyEmpty() {
+        if (this.toolInvocationCount > 0 || this.lazyItems.length > 0 || this.hookCount > 0) {
+            return false;
+        }
+        if (this.currentThinkingValue.trim().length > 0) {
+            return false;
+        }
+        return true;
+    }
     markAsInactive() {
         this.isActive = false;
         this.domNode.classList.remove("chat-thinking-active");
+        this.domNode.classList.remove("chat-thinking-fade-top", "chat-thinking-fade-bottom");
         this.processPendingRemovals();
         if (this.workingSpinnerElement) {
             this.workingSpinnerElement.remove();
             this.workingSpinnerElement = undefined;
             this.workingSpinnerLabel = undefined;
         }
+        for (const toolInvocation of this.toolInvocations) {
+            toolInvocation.isAttachedToThinking = false;
+        }
     }
     finalizeTitleIfDefault() {
         this.processPendingRemovals();
@@ -555,6 +611,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             this.wrapper.classList.remove("chat-thinking-streaming");
         }
         this.domNode.classList.remove("chat-thinking-active");
+        this.domNode.classList.remove("chat-thinking-fade-top", "chat-thinking-fade-bottom");
         this.streamingCompleted = true;
         if (this.mutationObserverDisposable) {
             this.mutationObserverDisposable.dispose();
@@ -583,22 +640,30 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             this.setFinalizedTitle(existingTitle);
             return;
         }
-        if (this.appendedItemCount === 1 && this.currentThinkingValue.trim() === "") {
+        if (this.toolInvocationCount === 1 && this.hookCount === 0 && this.currentThinkingValue.trim() === "") {
             if (!this.singleItemInfo) {
                 const lazyItem = this.lazyItems.find(item => item.kind === "tool" && item.originalParent);
                 if (lazyItem && lazyItem.kind === "tool") {
+                    const toolInvocation = lazyItem.toolInvocationOrMarkdown && (lazyItem.toolInvocationOrMarkdown.kind === "toolInvocation" || lazyItem.toolInvocationOrMarkdown.kind === "toolInvocationSerialized") ? lazyItem.toolInvocationOrMarkdown : undefined;
                     const result = lazyItem.lazy.value;
                     this.singleItemInfo = {
                         element: result.domNode,
                         originalParent: lazyItem.originalParent,
-                        originalNextSibling: this.domNode
+                        originalNextSibling: this.domNode,
+                        toolInvocation
                     };
                     if (result.disposable) {
-                        this._register(result.disposable);
+                        const toolCallId = toolInvocation?.toolCallId;
+                        if (toolCallId) {
+                            this.ownedToolParts.set(toolCallId, result.disposable);
+                        } else {
+                            this._register(result.disposable);
+                        }
                     }
                 }
             }
-            if (this.singleItemInfo && this.restoreSingleItemToOriginalPosition()) {
+            const toolIsComplete = !this.singleItemInfo?.toolInvocation || IChatToolInvocation.isComplete(this.singleItemInfo.toolInvocation);
+            if (toolIsComplete && this.singleItemInfo && this.restoreSingleItemToOriginalPosition()) {
                 return;
             }
         }
@@ -790,7 +855,8 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         const {
             element,
             originalParent,
-            originalNextSibling
+            originalNextSibling,
+            toolInvocation
         } = this.singleItemInfo;
         if (element.childElementCount > 1) {
             this.singleItemInfo = undefined;
@@ -801,17 +867,20 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         } else {
             originalParent.appendChild(element);
         }
+        if (toolInvocation) {
+            toolInvocation.isAttachedToThinking = false;
+        }
         hide(this.domNode);
         this.singleItemInfo = undefined;
         return true;
     }
     setFallbackTitle() {
         const finalLabel = this.appendedItemCount > 0 ? ( localize(
-            6610,
+            6800,
             "Finished with {0} step{1}",
             this.appendedItemCount,
             this.appendedItemCount === 1 ? "" : "s"
-        )) : ( localize(6611, "Finished Working"));
+        )) : ( localize(6801, "Finished Working"));
         this.currentTitle = finalLabel;
         if (this.wrapper) {
             this.wrapper.classList.remove("chat-thinking-streaming");
@@ -839,7 +908,7 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             if (result.disposable) {
                 const toolCallId = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized") ? toolInvocationOrMarkdown.toolCallId : undefined;
                 if (toolCallId) {
-                    this.toolDisposables.get(toolCallId)?.add(result.disposable);
+                    this.ownedToolParts.set(toolCallId, result.disposable);
                 } else {
                     this._register(result.disposable);
                 }
@@ -857,6 +926,34 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         }
         this.updateDropdownClickability();
     }
+    removeMaterializedItem(toolCallId) {
+        this.toolDisposables.deleteAndDispose(toolCallId);
+        this.ownedToolParts.delete(toolCallId);
+        const wrapper = this.toolWrappersByCallId.get(toolCallId);
+        if (wrapper) {
+            this.toolWrappersByCallId.delete(toolCallId);
+            this.toolIconsByCallId.delete(toolCallId);
+        }
+        this.appendedItemCount = Math.max(0, this.appendedItemCount - 1);
+        this.toolInvocationCount = Math.max(0, this.toolInvocationCount - 1);
+        const toolInvocationsIndex = this.toolInvocations.findIndex(
+            t => (t.kind === "toolInvocation" || t.kind === "toolInvocationSerialized") && t.toolCallId === toolCallId
+        );
+        if (toolInvocationsIndex !== -1) {
+            const label = this.toolLabelsByCallId.get(toolCallId);
+            if (label) {
+                const titleIndex = this.extractedTitles.indexOf(label);
+                if (titleIndex !== -1) {
+                    this.extractedTitles.splice(titleIndex, 1);
+                }
+            }
+            this.toolInvocations.splice(toolInvocationsIndex, 1);
+        }
+        this.toolLabelsByCallId.delete(toolCallId);
+        this._externalResourceWidget.removeToolInvocation(toolCallId);
+        this.updateDropdownClickability();
+        this._onDidChangeHeight.fire();
+    }
     removeLazyItem(toolInvocationId) {
         const index = this.lazyItems.findIndex(item => item.kind === "tool" && item.toolInvocationId === toolInvocationId);
         if (index === -1) {
@@ -870,6 +967,19 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         } else {
             this.toolInvocationCount--;
         }
+        if (removedItem.kind === "tool" && removedItem.toolInvocationOrMarkdown && (removedItem.toolInvocationOrMarkdown.kind === "toolInvocation" || removedItem.toolInvocationOrMarkdown.kind === "toolInvocationSerialized")) {
+            removedItem.toolInvocationOrMarkdown.isAttachedToThinking = false;
+            const toolCallId = removedItem.toolInvocationOrMarkdown.toolCallId;
+            this._externalResourceWidget.removeToolInvocation(toolCallId);
+            const label = this.toolLabelsByCallId.get(toolCallId);
+            if (label) {
+                const titleIndex = this.extractedTitles.indexOf(label);
+                if (titleIndex !== -1) {
+                    this.extractedTitles.splice(titleIndex, 1);
+                }
+            }
+            this.toolLabelsByCallId.delete(toolCallId);
+        }
         const toolInvocationsIndex = this.toolInvocations.findIndex(
             t => (t.kind === "toolInvocation" || t.kind === "toolInvocationSerialized") && t.toolId === toolInvocationId
         );
@@ -905,15 +1015,22 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
     }
     removeStreamingToolEntry(toolCallId, toolLabel) {
         this.toolDisposables.deleteAndDispose(toolCallId);
+        this.ownedToolParts.get(toolCallId)?.dispose();
+        this.ownedToolParts.delete(toolCallId);
         const wrapper = this.toolWrappersByCallId.get(toolCallId);
         if (wrapper) {
             wrapper.remove();
             this.toolWrappersByCallId.delete(toolCallId);
+            this.toolIconsByCallId.delete(toolCallId);
         }
         const lazyIndex = this.lazyItems.findIndex(
             item => item.kind === "tool" && item.toolInvocationOrMarkdown && (item.toolInvocationOrMarkdown.kind === "toolInvocation" || item.toolInvocationOrMarkdown.kind === "toolInvocationSerialized") && item.toolInvocationOrMarkdown.toolCallId === toolCallId
         );
         if (lazyIndex !== -1) {
+            const removedLazyItem = this.lazyItems[lazyIndex];
+            if (removedLazyItem.kind === "tool" && removedLazyItem.toolInvocationOrMarkdown && (removedLazyItem.toolInvocationOrMarkdown.kind === "toolInvocation" || removedLazyItem.toolInvocationOrMarkdown.kind === "toolInvocationSerialized")) {
+                removedLazyItem.toolInvocationOrMarkdown.isAttachedToThinking = false;
+            }
             this.lazyItems.splice(lazyIndex, 1);
         }
         this.appendedItemCount = Math.max(0, this.appendedItemCount - 1);
@@ -928,6 +1045,8 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         if (titleIndex !== -1) {
             this.extractedTitles.splice(titleIndex, 1);
         }
+        this.toolLabelsByCallId.delete(toolCallId);
+        this._externalResourceWidget.removeToolInvocation(toolCallId);
         this.updateDropdownClickability();
         this._onDidChangeHeight.fire();
     }
@@ -941,12 +1060,25 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         } else {
             this.toolInvocationCount++;
         }
+        if (this.toolInvocationCount === 1) {
+            this.defaultTitle = this.workingTitle;
+        }
         let toolCallLabel;
         const isToolInvocation = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized");
         if (isToolInvocation && toolInvocationOrMarkdown.invocationMessage) {
             const message = typeof toolInvocationOrMarkdown.invocationMessage === "string" ? toolInvocationOrMarkdown.invocationMessage : toolInvocationOrMarkdown.invocationMessage.value;
-            toolCallLabel = message;
+            const isStreamingEditTool = toolInvocationOrMarkdown.kind === "toolInvocation" && IChatToolInvocation.isStreaming(toolInvocationOrMarkdown) && isGenericEditToolId(toolInvocationOrMarkdown.toolId);
+            if (isStreamingEditTool) {
+                toolCallLabel = ( localize(6802, "Editing files"));
+            } else {
+                toolCallLabel = message;
+            }
             this.toolInvocations.push(toolInvocationOrMarkdown);
+            const toolCallId = toolInvocationOrMarkdown.toolCallId;
+            this.toolLabelsByCallId.set(toolCallId, toolCallLabel);
+            if (toolInvocationOrMarkdown.kind === "toolInvocationSerialized") {
+                this.updateExternalResourceParts(toolInvocationOrMarkdown);
+            }
             if (toolInvocationOrMarkdown.kind === "toolInvocation") {
                 let currentToolLabel = toolCallLabel;
                 let isComplete = false;
@@ -967,6 +1099,7 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
                             this.extractedTitles.push(updatedMessage);
                         }
                         currentToolLabel = updatedMessage;
+                        this.toolLabelsByCallId.set(toolCallId, updatedMessage);
                         this.lastExtractedTitle = updatedMessage;
                         if (!this.fixedScrollingMode && !this._isExpanded.read(undefined)) {
                             this.setTitle(updatedMessage);
@@ -980,6 +1113,15 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
                     const currentState = toolInvocationOrMarkdown.state.read(reader);
                     if (isStreaming && currentState.type !== IChatToolInvocation.StateKind.Streaming) {
                         isStreaming = false;
+                        const termData = toolInvocationOrMarkdown.toolSpecificData;
+                        if (termData?.kind === "terminal") {
+                            const iconEl = this.toolIconsByCallId.get(toolCallId);
+                            if (iconEl) {
+                                const newIcon = termData.commandLine?.isSandboxWrapped ? Codicon.terminalSecure : Codicon.terminal;
+                                iconEl.className = "chat-thinking-icon";
+                                iconEl.classList.add(...ThemeIcon.asClassNameArray(newIcon));
+                            }
+                        }
                         if (toolInvocationOrMarkdown.presentation === "hidden") {
                             this.pendingRemovals.push({
                                 toolCallId: toolInvocationOrMarkdown.toolCallId,
@@ -991,6 +1133,16 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
                         }
                     }
                     if (currentState.type === IChatToolInvocation.StateKind.Completed || currentState.type === IChatToolInvocation.StateKind.Cancelled) {
+                        if (toolInvocationOrMarkdown.presentation === "hidden" || toolInvocationOrMarkdown.presentation === "hiddenAfterComplete") {
+                            this.pendingRemovals.push({
+                                toolCallId: toolInvocationOrMarkdown.toolCallId,
+                                toolLabel: currentToolLabel
+                            });
+                            this.schedulePendingRemovalsFlush();
+                        }
+                        if (currentState.type === IChatToolInvocation.StateKind.Completed) {
+                            this.updateExternalResourceParts(toolInvocationOrMarkdown);
+                        }
                         isComplete = true;
                         return;
                     }
@@ -1029,9 +1181,9 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             const codeblockInfo = extractCodeblockUrisFromText(toolInvocationOrMarkdown.content.value);
             if (codeblockInfo?.uri) {
                 const filename = basename(codeblockInfo.uri);
-                toolCallLabel = ( localize(6612, "Edited {0}", filename));
+                toolCallLabel = ( localize(6803, "Edited {0}", filename));
             } else {
-                toolCallLabel = ( localize(6613, "Edited file"));
+                toolCallLabel = ( localize(6804, "Edited file"));
             }
         } else {
             toolCallLabel = toolInvocationId;
@@ -1044,15 +1196,30 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             this.setTitle(toolCallLabel);
         }
     }
+    updateExternalResourceParts(toolInvocation) {
+        const extractedImages = extractImagesFromToolInvocationOutputDetails(toolInvocation, this.element.sessionResource);
+        if (extractedImages.length === 0) {
+            return;
+        }
+        const parts = ( extractedImages.map(image => ({
+            kind: "data",
+            value: image.data.buffer,
+            mimeType: image.mimeType,
+            uri: image.uri
+        })));
+        this._externalResourceWidget.setToolInvocationParts(toolInvocation.toolCallId, parts);
+    }
     appendItemToDOM(content, toolInvocationId, toolInvocationOrMarkdown, originalParent) {
         if (!content.hasChildNodes() || content.textContent?.trim() === "") {
             return;
         }
-        if (this.appendedItemCount === 1 && originalParent) {
+        if (this.toolInvocationCount === 1 && this.hookCount === 0 && originalParent) {
+            const toolInvocation = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized") ? toolInvocationOrMarkdown : undefined;
             this.singleItemInfo = {
                 element: content,
                 originalParent,
-                originalNextSibling: this.domNode
+                originalNextSibling: this.domNode,
+                toolInvocation
             };
         } else {
             this.singleItemInfo = undefined;
@@ -1060,19 +1227,27 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         const itemWrapper = $(".chat-thinking-tool-wrapper");
         const isMarkdownEdit = toolInvocationOrMarkdown?.kind === "markdownContent";
         const isTerminalTool = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized") && toolInvocationOrMarkdown.toolSpecificData?.kind === "terminal";
+        const toolInvocationIcon = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized") ? toolInvocationOrMarkdown.icon : undefined;
         let icon;
         if (isMarkdownEdit) {
             icon = Codicon.pencil;
         } else if (isTerminalTool) {
             const terminalData = toolInvocationOrMarkdown.toolSpecificData;
             const exitCode = terminalData?.terminalCommandState?.exitCode;
-            icon = exitCode !== undefined && exitCode !== 0 ? Codicon.error : Codicon.terminal;
+            const isSandboxWrapped = terminalData?.commandLine?.isSandboxWrapped;
+            if (exitCode !== undefined && exitCode !== 0) {
+                icon = Codicon.error;
+            } else if (isSandboxWrapped) {
+                icon = Codicon.terminalSecure;
+            } else {
+                icon = toolInvocationIcon ?? Codicon.terminal;
+            }
         } else if (content.classList.contains("chat-hook-outcome-blocked")) {
             icon = Codicon.error;
         } else if (content.classList.contains("chat-hook-outcome-warning")) {
             icon = Codicon.warning;
         } else {
-            icon = toolInvocationId ? getToolInvocationIcon(toolInvocationId) : Codicon.tools;
+            icon = toolInvocationId ? getToolInvocationIcon(toolInvocationId, toolInvocationIcon) : Codicon.tools;
         }
         const iconElement = createThinkingIcon(icon);
         itemWrapper.appendChild(iconElement);
@@ -1080,6 +1255,7 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         const isToolInvocation = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized");
         if (isToolInvocation && toolInvocationOrMarkdown.toolCallId) {
             this.toolWrappersByCallId.set(toolInvocationOrMarkdown.toolCallId, itemWrapper);
+            this.toolIconsByCallId.set(toolInvocationOrMarkdown.toolCallId, iconElement);
         }
         this.appendToWrapper(itemWrapper);
         if (this.fixedScrollingMode && this.scrollableElement) {
@@ -1112,7 +1288,7 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         if (result.disposable) {
             const toolCallId = item.toolInvocationOrMarkdown && (item.toolInvocationOrMarkdown.kind === "toolInvocation" || item.toolInvocationOrMarkdown.kind === "toolInvocationSerialized") ? item.toolInvocationOrMarkdown.toolCallId : undefined;
             if (toolCallId) {
-                this.toolDisposables.get(toolCallId)?.add(result.disposable);
+                this.ownedToolParts.set(toolCallId, result.disposable);
             } else {
                 this._register(result.disposable);
             }
@@ -1161,15 +1337,12 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             }
             this.titleShimmerSpan = undefined;
             this.titleDetailContainer = undefined;
-            if (this.titleDetailRendered) {
-                this.titleDetailRendered.dispose();
-                this.titleDetailRendered = undefined;
-            }
+            this._titleDetailRendered.clear();
             this.currentTitle = title;
             return;
         }
         this.lastExtractedTitle = title;
-        const thinkingLabel = `Working: ${title}`;
+        const thinkingLabel = ( localize(6805, "{0}: {1}", this.defaultTitle, title));
         this.currentTitle = thinkingLabel;
         if (!this._collapseButton) {
             return;
@@ -1180,11 +1353,8 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             this.titleShimmerSpan = $("span.chat-thinking-title-shimmer");
             labelElement.appendChild(this.titleShimmerSpan);
         }
-        this.titleShimmerSpan.textContent = "Working: ";
-        if (this.titleDetailRendered) {
-            this.titleDetailRendered.dispose();
-            this.titleDetailRendered = undefined;
-        }
+        this.titleShimmerSpan.textContent = ( localize(6806, "{0}: ", this.defaultTitle));
+        this._titleDetailRendered.clear();
         const result = this.chatContentMarkdownRenderer.render(( new MarkdownString(title)));
         result.element.classList.add("collapsible-title-content", "chat-thinking-title-detail");
         renderFileWidgets(
@@ -1193,7 +1363,7 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
             this.chatMarkdownAnchorService,
             this._store
         );
-        this.titleDetailRendered = result;
+        this._titleDetailRendered.value = result;
         if (this.titleDetailContainer) {
             this.titleDetailContainer.replaceWith(result.element);
         } else {
@@ -1204,6 +1374,9 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         this._collapseButton.element.ariaExpanded = String(this.isExpanded());
     }
     hasSameContent(other, _followingContent, _element) {
+        if (_element.isComplete) {
+            return true;
+        }
         if (other.kind === "toolInvocation" || other.kind === "toolInvocationSerialized" || other.kind === "markdownContent" || other.kind === "hook") {
             return true;
         }
@@ -1214,14 +1387,6 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
     }
     dispose() {
         this.isActive = false;
-        if (this.markdownResult) {
-            this.markdownResult.dispose();
-            this.markdownResult = undefined;
-        }
-        if (this.titleDetailRendered) {
-            this.titleDetailRendered.dispose();
-            this.titleDetailRendered = undefined;
-        }
         if (this.workingSpinnerElement) {
             this.workingSpinnerElement.remove();
             this.workingSpinnerElement = undefined;
@@ -1233,6 +1398,6 @@ ${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
         super.dispose();
     }
 };
-ChatThinkingContentPart = ( __decorate([( __param(4, IInstantiationService)), ( __param(5, IConfigurationService)), ( __param(6, IChatMarkdownAnchorService)), ( __param(7, ILanguageModelsService)), ( __param(8, IHoverService))], ChatThinkingContentPart));
+ChatThinkingContentPart = ChatThinkingContentPart_1 = ( __decorate([( __param(4, IInstantiationService)), ( __param(5, IConfigurationService)), ( __param(6, IChatMarkdownAnchorService)), ( __param(7, ILanguageModelsService)), ( __param(8, IHoverService))], ChatThinkingContentPart));
 
-export { ChatThinkingContentPart, createThinkingIcon, getToolInvocationIcon };
+export { ChatThinkingContentPart, buildPhrasePool, createThinkingIcon, getToolInvocationIcon };