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

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

@@ -6,13 +6,15 @@ import { alert } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/ar
 import { DomScrollableElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/scrollbar/scrollableElement';
 import { ScrollbarVisibility } from '@codingame/monaco-vscode-api/vscode/vs/base/common/scrollable';
 import { IChatToolInvocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService';
-import { ThinkingDisplayMode, ChatConfiguration } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
+import { ChatConfiguration, ThinkingDisplayMode } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
 import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
 import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
+import { AccessibilityWorkbenchSettingId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibilityConfiguration';
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
 import { extractCodeblockUrisFromText } from '../../../common/widget/annotations.js';
 import { basename } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { ChatCollapsibleContentPart } from './chatCollapsibleContentPart.js';
+import { renderFileWidgets } from './chatInlineAnchorWidget.js';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
 import { ThemeIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/themables';
@@ -24,7 +26,6 @@ import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/
 import { IChatMarkdownAnchorService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/chatContentParts/chatMarkdownAnchorService.service';
 import { ChatMessageRole } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels';
 import { ILanguageModelsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service';
-import { ExtensionIdentifier } from '@codingame/monaco-vscode-api/vscode/vs/platform/extensions/common/extensions';
 import * as chatThinkingContent from './media/chatThinkingContent.css';
 import { IHoverService } from '@codingame/monaco-vscode-api/vscode/vs/platform/hover/browser/hover.service';
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
@@ -43,7 +44,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")) {
+    if (lowerToolId.includes("edit") || lowerToolId.includes("create") || lowerToolId.includes("replace")) {
         return Codicon.pencil;
     }
     if (lowerToolId.includes("terminal")) {
@@ -67,25 +68,38 @@ var WorkingMessageCategory;
     WorkingMessageCategory["Terminal"] = "terminal";
     WorkingMessageCategory["Tool"] = "tool";
 })(WorkingMessageCategory || (WorkingMessageCategory = {}));
-const thinkingMessages = [( localize(5980, "Thinking...")), ( localize(5981, "Reasoning...")), ( localize(5982, "Considering...")), ( localize(5983, "Analyzing...")), ( localize(5984, "Evaluating..."))];
-const terminalMessages = [( localize(5985, "Executing...")), ( localize(5986, "Running...")), ( localize(5987, "Processing..."))];
-const toolMessages = [( localize(5988, "Processing...")), ( localize(5989, "Preparing...")), ( localize(5990, "Loading...")), ( localize(5991, "Analyzing...")), ( localize(5992, "Evaluating..."))];
+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 {
     getRandomWorkingMessage(category = WorkingMessageCategory.Tool) {
         let pool = this.availableMessagesByCategory.get(category);
         if (!pool || pool.length === 0) {
+            let defaults;
             switch (category) {
             case WorkingMessageCategory.Thinking:
-                pool = [...thinkingMessages];
+                defaults = [...defaultThinkingMessages];
                 break;
             case WorkingMessageCategory.Terminal:
-                pool = [...terminalMessages];
+                defaults = [...terminalMessages];
                 break;
             case WorkingMessageCategory.Tool:
             default:
-                pool = [...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;
+            }
             this.availableMessagesByCategory.set(category, pool);
         }
         const index = Math.floor(Math.random() * pool.length);
@@ -103,8 +117,8 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         hoverService
     ) {
         const initialText = extractTextFromPart(content);
-        const extractedTitle = extractTitleFromThinkingContent(initialText) ?? "Working...";
-        super(extractedTitle, context, undefined, hoverService);
+        const extractedTitle = extractTitleFromThinkingContent(initialText) ?? "Working";
+        super(extractedTitle, context, undefined, hoverService, configurationService);
         this.chatContentMarkdownRenderer = chatContentMarkdownRenderer;
         this.streamingCompleted = streamingCompleted;
         this.instantiationService = instantiationService;
@@ -112,7 +126,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.chatMarkdownAnchorService = chatMarkdownAnchorService;
         this.languageModelsService = languageModelsService;
         this._onDidChangeHeight = this._register(( new Emitter()));
-        this.defaultTitle = ( localize(5993, "Working..."));
+        this.defaultTitle = ( localize(6608, "Working"));
         this.fixedScrollingMode = false;
         this.autoScrollEnabled = true;
         this.extractedTitles = [];
@@ -120,6 +134,8 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.appendedItemCount = 0;
         this.isActive = true;
         this.toolInvocations = [];
+        this.allThinkingParts = [];
+        this.hookCount = 0;
         this.lazyItems = [];
         this.hasExpandedOnce = false;
         this.availableMessagesByCategory = ( new Map());
@@ -129,6 +145,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.isUpdatingDimensions = false;
         this.id = content.id;
         this.content = content;
+        this.allThinkingParts.push(content);
         const configuredMode = this.configurationService.getValue("chat.agent.thinkingStyle") ?? ThinkingDisplayMode.Collapsed;
         this.fixedScrollingMode = configuredMode === ThinkingDisplayMode.FixedScrolling;
         this.currentTitle = extractedTitle;
@@ -139,7 +156,9 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (initialText.trim()) {
             this.appendedItemCount++;
         }
-        alert(( localize(5994, "Thinking")));
+        if (this.configurationService.getValue(AccessibilityWorkbenchSettingId.VerboseChatProgressUpdates)) {
+            alert(( localize(6609, "Thinking")));
+        }
         if (configuredMode === ThinkingDisplayMode.Collapsed) {
             this.setExpanded(false);
         } else if (configuredMode === ThinkingDisplayMode.CollapsedPreview) {
@@ -149,6 +168,18 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         const node = this.domNode;
         node.classList.add("chat-thinking-box");
+        if (!this.streamingCompleted && !this.element.isComplete) {
+            if (!this.fixedScrollingMode) {
+                node.classList.add("chat-thinking-active");
+            }
+        }
+        if (!this.fixedScrollingMode && !this.streamingCompleted && !this.element.isComplete && this._collapseButton) {
+            const labelElement = this._collapseButton.labelElement;
+            labelElement.textContent = "";
+            this.titleShimmerSpan = $("span.chat-thinking-title-shimmer");
+            this.titleShimmerSpan.textContent = extractedTitle;
+            labelElement.appendChild(this.titleShimmerSpan);
+        }
         if (this.fixedScrollingMode) {
             node.classList.add("chat-thinking-fixed-mode");
             this.currentTitle = this.defaultTitle;
@@ -162,18 +193,23 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
                     if (isExpanded) {
                         this._collapseButton.icon = Codicon.chevronDown;
                     } else {
-                        this._collapseButton.icon = ThemeIcon.modify(Codicon.loading, "spin");
+                        this._collapseButton.icon = Codicon.circleFilled;
                     }
                 }
             }
         }));
         this._register(autorun(r => {
-            if (this._isExpanded.read(r) && !this.hasExpandedOnce && this.lazyItems.length > 0) {
+            const isExpanded = this._isExpanded.read(r);
+            if (isExpanded && !this.hasExpandedOnce && this.lazyItems.length > 0) {
                 this.hasExpandedOnce = true;
                 for (const item of this.lazyItems) {
                     this.materializeLazyItem(item);
                 }
             }
+            if (isExpanded && !this.shouldAllowExpansion()) {
+                this.setExpanded(false);
+                return;
+            }
             this._onDidChangeHeight.fire();
         }));
         const label = this.lastExtractedTitle ?? "";
@@ -189,10 +225,13 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
                 if (expanded) {
                     this.setTitle(this.defaultTitle, true);
                     this.currentTitle = this.defaultTitle;
-                } else if (this.lastExtractedTitle) {
-                    const collapsedLabel = this.lastExtractedTitle ?? "";
-                    this.setTitle(collapsedLabel);
-                    this.currentTitle = collapsedLabel;
+                } else {
+                    if (this.lastExtractedTitle) {
+                        this.setTitle(this.lastExtractedTitle);
+                    } else {
+                        this.setTitle(this.defaultTitle, true);
+                        this.currentTitle = this.defaultTitle;
+                    }
                 }
             }));
         }
@@ -213,7 +252,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         if (!this.streamingCompleted && !this.element.isComplete) {
             this.workingSpinnerElement = $(".chat-thinking-item.chat-thinking-spinner-item");
-            const spinnerIcon = createThinkingIcon(ThemeIcon.modify(Codicon.loading, "spin"));
+            const spinnerIcon = createThinkingIcon(Codicon.circleFilled);
             this.workingSpinnerElement.appendChild(spinnerIcon);
             this.workingSpinnerLabel = $("span.chat-thinking-spinner-label");
             this.workingSpinnerLabel.textContent = this.getRandomWorkingMessage(WorkingMessageCategory.Thinking);
@@ -308,6 +347,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             height: viewportHeight,
             scrollHeight: contentHeight
         });
+        this.updateDropdownClickability(contentHeight);
     }
     scrollToBottom() {
         if (!this.scrollableElement) {
@@ -381,21 +421,44 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             }
         }
     }
+    setFinalizedTitle(title) {
+        if (!this._collapseButton) {
+            return;
+        }
+        const labelElement = this._collapseButton.labelElement;
+        labelElement.textContent = "";
+        const firstSpaceIndex = title.indexOf(" ");
+        if (firstSpaceIndex === -1) {
+            labelElement.textContent = title;
+        } else {
+            const verb = title.substring(0, firstSpaceIndex);
+            const rest = title.substring(firstSpaceIndex);
+            const verbSpan = $("span");
+            verbSpan.textContent = verb;
+            labelElement.appendChild(verbSpan);
+            const restSpan = $("span.chat-thinking-title-detail-text");
+            restSpan.textContent = rest;
+            labelElement.appendChild(restSpan);
+        }
+        this._collapseButton.element.ariaLabel = title;
+    }
     setDropdownClickable(clickable) {
         if (this._collapseButton) {
             this._collapseButton.element.style.pointerEvents = clickable ? "auto" : "none";
         }
         if (!clickable && this.streamingCompleted) {
-            super.setTitle(this.lastExtractedTitle ?? this.currentTitle);
+            this.setFinalizedTitle(this.lastExtractedTitle ?? this.currentTitle);
         }
     }
-    updateDropdownClickability() {
-        if (!this.wrapper) {
-            return;
+    shouldAllowExpansion() {
+        if (this.toolInvocationCount > 0 || this.lazyItems.length > 0) {
+            return true;
         }
-        if (this.wrapper.children.length > 1 || this.toolInvocationCount > 0 || this.lazyItems.length > 0) {
-            this.setDropdownClickable(true);
-            return;
+        if (this.wrapper) {
+            const meaningfulChildren = Array.from(this.wrapper.children).filter(child => child !== this.workingSpinnerElement).length;
+            if (meaningfulChildren > 1) {
+                return true;
+            }
         }
         const contentWithoutTitle = this.currentThinkingValue.trim();
         const titleToCompare = this.lastExtractedTitle ?? this.currentTitle;
@@ -403,8 +466,20 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             return text.replace(/\*\*(.+?)\*\*/g, "$1").replace(/\*(.+?)\*/g, "$1").replace(/`(.+?)`/g, "$1").trim();
         };
         const strippedContent = stripMarkdown(contentWithoutTitle);
-        const shouldDisable = !strippedContent || strippedContent === titleToCompare;
-        this.setDropdownClickable(!shouldDisable);
+        return !(!strippedContent || strippedContent === titleToCompare);
+    }
+    updateDropdownClickability(knownContentHeight) {
+        let allowExpansion = this.shouldAllowExpansion();
+        if (allowExpansion && this.fixedScrollingMode && !this.streamingCompleted && !this.element.isComplete && this.wrapper) {
+            const contentHeight = knownContentHeight ?? this.wrapper.scrollHeight;
+            if (contentHeight <= THINKING_SCROLL_MAX_HEIGHT) {
+                allowExpansion = false;
+            }
+        }
+        if (!allowExpansion && this.isExpanded()) {
+            this.setExpanded(false);
+        }
+        this.setDropdownClickable(allowExpansion);
     }
     appendToWrapper(element) {
         if (!this.wrapper) {
@@ -466,6 +541,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
     }
     markAsInactive() {
         this.isActive = false;
+        this.domNode.classList.remove("chat-thinking-active");
         this.processPendingRemovals();
         if (this.workingSpinnerElement) {
             this.workingSpinnerElement.remove();
@@ -478,6 +554,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (this.wrapper) {
             this.wrapper.classList.remove("chat-thinking-streaming");
         }
+        this.domNode.classList.remove("chat-thinking-active");
         this.streamingCompleted = true;
         if (this.mutationObserverDisposable) {
             this.mutationObserverDisposable.dispose();
@@ -495,25 +572,42 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         this.updateDropdownClickability();
         if (this.content.generatedTitle) {
             this.currentTitle = this.content.generatedTitle;
-            super.setTitle(this.content.generatedTitle);
+            this.setFinalizedTitle(this.content.generatedTitle);
             return;
         }
-        const existingToolTitle = this.toolInvocations.find(t => t.generatedTitle)?.generatedTitle;
-        if (existingToolTitle) {
-            this.currentTitle = existingToolTitle;
-            this.content.generatedTitle = existingToolTitle;
-            super.setTitle(existingToolTitle);
+        const existingTitle = this.toolInvocations.find(t => t.generatedTitle)?.generatedTitle ?? this.allThinkingParts.find(t => t.generatedTitle)?.generatedTitle;
+        if (existingTitle) {
+            this.currentTitle = existingTitle;
+            this.content.generatedTitle = existingTitle;
+            this.setGeneratedTitleOnAllParts(existingTitle);
+            this.setFinalizedTitle(existingTitle);
             return;
         }
-        if (this.appendedItemCount === 1 && this.currentThinkingValue.trim() === "" && this.singleItemInfo) {
-            this.restoreSingleItemToOriginalPosition();
-            return;
+        if (this.appendedItemCount === 1 && this.currentThinkingValue.trim() === "") {
+            if (!this.singleItemInfo) {
+                const lazyItem = this.lazyItems.find(item => item.kind === "tool" && item.originalParent);
+                if (lazyItem && lazyItem.kind === "tool") {
+                    const result = lazyItem.lazy.value;
+                    this.singleItemInfo = {
+                        element: result.domNode,
+                        originalParent: lazyItem.originalParent,
+                        originalNextSibling: this.domNode
+                    };
+                    if (result.disposable) {
+                        this._register(result.disposable);
+                    }
+                }
+            }
+            if (this.singleItemInfo && this.restoreSingleItemToOriginalPosition()) {
+                return;
+            }
         }
         if (this.extractedTitles.length === 1 && this.toolInvocationCount === 0) {
             const title = this.extractedTitles[0];
             this.currentTitle = title;
             this.content.generatedTitle = title;
-            super.setTitle(title);
+            this.setGeneratedTitleOnAllParts(title);
+            this.setFinalizedTitle(title);
             return;
         }
         const generateTitles = this.configurationService.getValue(ChatConfiguration.ThinkingGenerateTitles) ?? true;
@@ -523,25 +617,22 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         this.generateTitleViaLLM();
     }
-    setGeneratedTitleOnToolInvocations(title) {
+    setGeneratedTitleOnAllParts(title) {
         for (const toolInvocation of this.toolInvocations) {
             toolInvocation.generatedTitle = title;
         }
+        for (const thinkingPart of this.allThinkingParts) {
+            thinkingPart.generatedTitle = title;
+        }
     }
     async generateTitleViaLLM() {
         const cts = ( new CancellationTokenSource());
         const timeout = setTimeout(() => cts.cancel(), 5000);
         try {
-            let models = await this.languageModelsService.selectLanguageModels({
+            const models = await this.languageModelsService.selectLanguageModels({
                 vendor: "copilot",
                 id: "copilot-fast"
             });
-            if (!models.length) {
-                models = await this.languageModelsService.selectLanguageModels({
-                    vendor: "copilot",
-                    family: "gpt-4o-mini"
-                });
-            }
             if (!models.length) {
                 this.setFallbackTitle();
                 return;
@@ -561,6 +652,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             OUTPUT FORMAT:
             - MUST be a single sentence
             - MUST be under 10 words
+            - The FIRST word MUST be a past tense verb (e.g. "Updated", "Reviewed", "Created", "Searched", "Analyzed")
             - No quotes, no trailing punctuation
 
             GENERAL:
@@ -582,13 +674,13 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             - For reasoning/thinking: "Considered", "Planned", "Analyzed", "Reviewed", "Evaluated"
             - Choose the synonym that best fits the context
 
-            PRIORITY RULE - BLOCKED/DENIED CONTENT:
-            - If any item mentions being "blocked" (e.g. "Tried to use X, but was blocked"), it MUST be reflected in the title
-            - Blocked content takes priority over all other tool calls
-            - Use natural phrasing like "Tried to <action>, but was blocked" or "Attempted <tool> but was denied"
-            - If there are both blocked items AND normal tool calls, mention both: e.g. "Tried to run terminal but was blocked, edited file.ts"
+${this.hookCount > 0 ? `BLOCKED/DENIED CONTENT (hooks detected):
+            - Only mention "blocked" if the content explicitly includes hook results that blocked or warned about a tool (e.g. "Blocked terminal" or "Warning for read_file")
+            - If blocked items are present alongside normal tool calls, briefly note the block but do NOT let it dominate the summary: e.g. "Updated file.ts, blocked terminal"
+
+            ` : `IMPORTANT: Do NOT use words like "blocked", "denied", or "tried" in the summary - there are no hooks or blocked items in this content. Just summarize normally.
 
-            RULES FOR TOOL CALLS:
+            `}RULES FOR TOOL CALLS:
             1. If the SAME file was both edited AND read: Use a combined phrase like "Reviewed and updated <filename>"
             2. If exactly ONE file was edited: Start with an edit synonym + "<filename>" (include actual filename)
             3. If exactly ONE file was read: Start with a read synonym + "<filename>" (include actual filename)
@@ -627,13 +719,12 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             - "Edited Button.tsx, Edited Button.css, Edited index.ts" → "Modified 3 files"
             - "Searched codebase for error handling" → "Looked up error handling"
 
-            EXAMPLES WITH BLOCKED CONTENT:
-            - "Tried to use Run in Terminal, but was blocked" → "Tried to run command, but was blocked"
-            - "Tried to use Run in Terminal, but was blocked, Edited config.ts" → "Tried to run command but was blocked, edited config.ts"
-            - "Tried to use Edit File, but was blocked, Tried to use Run in Terminal, but was blocked" → "Tried to use 2 tools, but was blocked"
-            - "Used Read File, but received a warning, Edited utils.ts" → "Read file with a warning, edited utils.ts"
+${this.hookCount > 0 ? `EXAMPLES WITH BLOCKED CONTENT (from hooks):
+            - "Blocked terminal, Edited config.ts" → "Edited config.ts, terminal was blocked"
+            - "Blocked terminal, Blocked read_file" → "Two tools were blocked by hooks"
+            - "Warning for read_file, Edited utils.ts" → "Edited utils.ts with a hook warning"
 
-            EXAMPLES WITH REASONING HEADERS (no tools):
+            ` : ""}EXAMPLES WITH REASONING HEADERS (no tools):
             - "Analyzing component architecture" → "Considered component architecture"
             - "Planning refactor strategy" → "Planned refactor strategy"
             - "Reviewing error handling approach, Considering edge cases" → "Analyzed error handling approach"
@@ -647,7 +738,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             - "Looking at the UserService class, I see it handles..." → "Reviewed UserService implementation"
 
             Content: ${context}`;
-            const response = await this.languageModelsService.sendChatRequest(models[0], ( new ExtensionIdentifier("core")), [{
+            const response = await this.languageModelsService.sendChatRequest(models[0], undefined, [{
                 role: ChatMessageRole.User,
                 content: [{
                     type: "text",
@@ -681,11 +772,9 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             }
             if (generatedTitle && !this._store.isDisposed) {
                 this.currentTitle = generatedTitle;
-                if (this._collapseButton) {
-                    this._collapseButton.label = generatedTitle;
-                }
+                this.setFinalizedTitle(generatedTitle);
                 this.content.generatedTitle = generatedTitle;
-                this.setGeneratedTitleOnToolInvocations(generatedTitle);
+                this.setGeneratedTitleOnAllParts(generatedTitle);
                 return;
             }
         } catch (error) {} finally {
@@ -696,7 +785,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
     }
     restoreSingleItemToOriginalPosition() {
         if (!this.singleItemInfo) {
-            return;
+            return false;
         }
         const {
             element,
@@ -705,7 +794,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         } = this.singleItemInfo;
         if (element.childElementCount > 1) {
             this.singleItemInfo = undefined;
-            return;
+            return false;
         }
         if (originalNextSibling && originalNextSibling.parentNode === originalParent) {
             originalParent.insertBefore(element, originalNextSibling);
@@ -714,22 +803,24 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         }
         hide(this.domNode);
         this.singleItemInfo = undefined;
+        return true;
     }
     setFallbackTitle() {
         const finalLabel = this.appendedItemCount > 0 ? ( localize(
-            5995,
+            6610,
             "Finished with {0} step{1}",
             this.appendedItemCount,
             this.appendedItemCount === 1 ? "" : "s"
-        )) : ( localize(5996, "Finished Working"));
+        )) : ( localize(6611, "Finished Working"));
         this.currentTitle = finalLabel;
         if (this.wrapper) {
             this.wrapper.classList.remove("chat-thinking-streaming");
         }
+        this.domNode.classList.remove("chat-thinking-active");
         this.streamingCompleted = true;
         if (this._collapseButton) {
             this._collapseButton.icon = Codicon.check;
-            this._collapseButton.label = finalLabel;
+            this.setFinalizedTitle(finalLabel);
         }
         this.updateDropdownClickability();
     }
@@ -759,7 +850,8 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
                 lazy: ( new Lazy(factory)),
                 toolInvocationId,
                 toolInvocationOrMarkdown,
-                originalParent
+                originalParent,
+                isHook: !toolInvocationOrMarkdown && !!toolInvocationId
             };
             this.lazyItems.push(item);
         }
@@ -770,9 +862,14 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (index === -1) {
             return false;
         }
+        const removedItem = this.lazyItems[index];
         this.lazyItems.splice(index, 1);
         this.appendedItemCount--;
-        this.toolInvocationCount--;
+        if (removedItem.kind === "tool" && removedItem.isHook) {
+            this.hookCount = Math.max(0, this.hookCount - 1);
+        } else {
+            this.toolInvocationCount--;
+        }
         const toolInvocationsIndex = this.toolInvocations.findIndex(
             t => (t.kind === "toolInvocation" || t.kind === "toolInvocationSerialized") && t.toolId === toolInvocationId
         );
@@ -783,10 +880,28 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         return true;
     }
     processPendingRemovals() {
-        for (const pending of this.pendingRemovals) {
-            this.removeStreamingToolEntry(pending.toolCallId, pending.toolLabel);
+        this.pendingRemovalFlushDisposable?.dispose();
+        this.pendingRemovalFlushDisposable = undefined;
+        if (this.pendingRemovals.length === 0) {
+            return;
         }
+        const pendingRemovals = this.pendingRemovals;
         this.pendingRemovals = [];
+        for (const pending of pendingRemovals) {
+            this.removeStreamingToolEntry(pending.toolCallId, pending.toolLabel);
+        }
+    }
+    schedulePendingRemovalsFlush() {
+        if (this.pendingRemovalFlushDisposable) {
+            return;
+        }
+        this.pendingRemovalFlushDisposable = scheduleAtNextAnimationFrame(getWindow(this.domNode), () => {
+            this.pendingRemovalFlushDisposable = undefined;
+            if (this._store.isDisposed) {
+                return;
+            }
+            this.processPendingRemovals();
+        });
     }
     removeStreamingToolEntry(toolCallId, toolLabel) {
         this.toolDisposables.deleteAndDispose(toolCallId);
@@ -820,7 +935,12 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         if (!toolInvocationId) {
             return;
         }
-        this.toolInvocationCount++;
+        const isHook = !toolInvocationOrMarkdown;
+        if (isHook) {
+            this.hookCount++;
+        } else {
+            this.toolInvocationCount++;
+        }
         let toolCallLabel;
         const isToolInvocation = toolInvocationOrMarkdown && (toolInvocationOrMarkdown.kind === "toolInvocation" || toolInvocationOrMarkdown.kind === "toolInvocationSerialized");
         if (isToolInvocation && toolInvocationOrMarkdown.invocationMessage) {
@@ -865,6 +985,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
                                 toolCallId: toolInvocationOrMarkdown.toolCallId,
                                 toolLabel: currentToolLabel
                             });
+                            this.schedulePendingRemovalsFlush();
                             isComplete = true;
                             return;
                         }
@@ -908,9 +1029,9 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             const codeblockInfo = extractCodeblockUrisFromText(toolInvocationOrMarkdown.content.value);
             if (codeblockInfo?.uri) {
                 const filename = basename(codeblockInfo.uri);
-                toolCallLabel = ( localize(5997, "Edited {0}", filename));
+                toolCallLabel = ( localize(6612, "Edited {0}", filename));
             } else {
-                toolCallLabel = ( localize(5998, "Edited file"));
+                toolCallLabel = ( localize(6613, "Edited file"));
             }
         } else {
             toolCallLabel = toolInvocationId;
@@ -1002,6 +1123,7 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             return;
         }
         this.appendedItemCount++;
+        this.allThinkingParts.push(content);
         this.textContainer = $(".chat-thinking-item.markdown-content");
         if (content.value) {
             if (this.isExpanded() || this.hasExpandedOnce || (this.fixedScrollingMode && !this.streamingCompleted)) {
@@ -1029,17 +1151,60 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
             return;
         }
         if (omitPrefix) {
-            this.setTitleWithWidgets(( new MarkdownString(title)), this.instantiationService, this.chatMarkdownAnchorService, this.chatContentMarkdownRenderer);
+            if (this._collapseButton) {
+                const labelElement = this._collapseButton.labelElement;
+                labelElement.textContent = "";
+                const plainSpan = $("span");
+                plainSpan.textContent = title;
+                labelElement.appendChild(plainSpan);
+                this._collapseButton.element.ariaLabel = title;
+            }
+            this.titleShimmerSpan = undefined;
+            this.titleDetailContainer = undefined;
+            if (this.titleDetailRendered) {
+                this.titleDetailRendered.dispose();
+                this.titleDetailRendered = undefined;
+            }
             this.currentTitle = title;
             return;
         }
-        const thinkingLabel = `Working: ${title}`;
         this.lastExtractedTitle = title;
+        const thinkingLabel = `Working: ${title}`;
         this.currentTitle = thinkingLabel;
-        this.setTitleWithWidgets(( new MarkdownString(thinkingLabel)), this.instantiationService, this.chatMarkdownAnchorService, this.chatContentMarkdownRenderer);
+        if (!this._collapseButton) {
+            return;
+        }
+        const labelElement = this._collapseButton.labelElement;
+        if (!this.titleShimmerSpan || !this.titleShimmerSpan.parentElement) {
+            labelElement.textContent = "";
+            this.titleShimmerSpan = $("span.chat-thinking-title-shimmer");
+            labelElement.appendChild(this.titleShimmerSpan);
+        }
+        this.titleShimmerSpan.textContent = "Working: ";
+        if (this.titleDetailRendered) {
+            this.titleDetailRendered.dispose();
+            this.titleDetailRendered = undefined;
+        }
+        const result = this.chatContentMarkdownRenderer.render(( new MarkdownString(title)));
+        result.element.classList.add("collapsible-title-content", "chat-thinking-title-detail");
+        renderFileWidgets(
+            result.element,
+            this.instantiationService,
+            this.chatMarkdownAnchorService,
+            this._store
+        );
+        this.titleDetailRendered = result;
+        if (this.titleDetailContainer) {
+            this.titleDetailContainer.replaceWith(result.element);
+        } else {
+            labelElement.appendChild(result.element);
+        }
+        this.titleDetailContainer = result.element;
+        this._collapseButton.element.ariaLabel = thinkingLabel;
+        this._collapseButton.element.ariaExpanded = String(this.isExpanded());
     }
     hasSameContent(other, _followingContent, _element) {
-        if (other.kind === "toolInvocation" || other.kind === "toolInvocationSerialized" || other.kind === "markdownContent") {
+        if (other.kind === "toolInvocation" || other.kind === "toolInvocationSerialized" || other.kind === "markdownContent" || other.kind === "hook") {
             return true;
         }
         if (other.kind !== "thinking") {
@@ -1048,15 +1213,22 @@ let ChatThinkingContentPart = class ChatThinkingContentPart extends ChatCollapsi
         return other?.id !== this.id;
     }
     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;
             this.workingSpinnerLabel = undefined;
         }
+        this.pendingRemovalFlushDisposable?.dispose();
+        this.pendingRemovalFlushDisposable = undefined;
         this.pendingScrollDisposable?.dispose();
         super.dispose();
     }