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

package/vscode/src/vs/workbench/contrib/chat/browser/widgetHosts/viewPane/media/chatContextUsageDetails.css

@@ -15,7 +15,8 @@
 .chat-context-usage-details {
 	display: flex;
 	flex-direction: column;
-	padding: 4px 0;
+	margin-top: 4px;
+	margin-bottom: 4px;
 	min-width: 200px;
 }
 
@@ -23,97 +24,88 @@
 	outline: none;
 }
 
-/* Using same structure as ChatUsageWidget quota items */
-.chat-context-usage-details .quota-item {
-	margin-bottom: 4px;
-}
-
-.chat-context-usage-details .quota-item-header {
+/* Section headers — matching ChatStatusDashboard */
+.chat-context-usage-details div.header {
 	display: flex;
 	align-items: center;
-	justify-content: space-between;
-	margin-bottom: 2px;
-}
-
-.chat-context-usage-details .quota-item-label {
-	color: var(--vscode-foreground);
-}
-
-.chat-context-usage-details .quota-item-value {
 	color: var(--vscode-descriptionForeground);
+	margin-bottom: 4px;
+	font-weight: 600;
 }
 
-.chat-context-usage-details .token-row {
+/* Quota indicator — matching ChatStatusDashboard */
+.chat-context-usage-details .quota-indicator .quota-label {
 	display: flex;
-	align-items: center;
-	gap: 4px;
-	margin-bottom: 2px;
+	justify-content: space-between;
+	gap: 20px;
+	margin-bottom: 3px;
 }
 
-.chat-context-usage-details .token-count-label {
-	font-size: 12px;
+.chat-context-usage-details .quota-indicator .quota-label .quota-value {
 	color: var(--vscode-descriptionForeground);
 }
 
-/* Progress bar - matching chat usage implementation */
-.chat-context-usage-details .quota-item .quota-bar {
+.chat-context-usage-details .quota-indicator .quota-bar {
 	width: 100%;
 	height: 4px;
 	background-color: var(--vscode-gauge-background);
 	border-radius: 4px;
 	border: 1px solid var(--vscode-gauge-border);
-	margin: 2px 0;
+	margin: 4px 0;
 }
 
-.chat-context-usage-details .quota-item .quota-bar .quota-bit {
+.chat-context-usage-details .quota-indicator .quota-bar .quota-bit {
 	height: 100%;
 	background-color: var(--vscode-gauge-foreground);
 	border-radius: 4px;
 	transition: width 0.3s ease;
 }
 
-.chat-context-usage-details .quota-item.warning .quota-bar {
+.chat-context-usage-details .quota-indicator.warning .quota-bar {
 	background-color: var(--vscode-gauge-warningBackground);
 }
 
-.chat-context-usage-details .quota-item.warning .quota-bar .quota-bit {
+.chat-context-usage-details .quota-indicator.warning .quota-bar .quota-bit {
 	background-color: var(--vscode-gauge-warningForeground);
 }
 
-.chat-context-usage-details .quota-item.error .quota-bar {
+.chat-context-usage-details .quota-indicator.error .quota-bar {
 	background-color: var(--vscode-gauge-errorBackground);
 }
 
-.chat-context-usage-details .quota-item.error .quota-bar .quota-bit {
+.chat-context-usage-details .quota-indicator.error .quota-bar .quota-bit {
 	background-color: var(--vscode-gauge-errorForeground);
 }
 
-.chat-context-usage-details .warning-message {
-	font-size: 12px;
+/* Description / warning text — matching ChatStatusDashboard */
+.chat-context-usage-details div.description {
+	font-size: 11px;
 	color: var(--vscode-descriptionForeground);
-	margin-bottom: 4px;
+	display: flex;
+	align-items: center;
+	gap: 3px;
 }
 
 /* Token details breakdown */
-.chat-context-usage-details .token-details-container {
-	margin-top: 4px;
-}
-
 .chat-context-usage-details .token-category {
-	margin-bottom: 4px;
+	margin-bottom: 6px;
 }
 
 .chat-context-usage-details .token-category-header {
+	display: flex;
+	align-items: center;
+	color: var(--vscode-descriptionForeground);
+	margin-top: 16px;
+	margin-bottom: 4px;
 	font-weight: 600;
-	color: var(--vscode-foreground);
-	margin-bottom: 2px;
 }
 
 .chat-context-usage-details .token-detail-item {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
-	padding-left: 8px;
+	gap: 20px;
+	margin-bottom: 2px;
 }
 
 .chat-context-usage-details .token-detail-label {
@@ -124,15 +116,9 @@
 	color: var(--vscode-descriptionForeground);
 }
 
-.chat-context-usage-details .actions-section .separator {
-	border-top: 1px solid var(--vscode-editorHoverWidget-border);
-	margin: 4px 0;
-}
-
-.chat-context-usage-details .actions-section .actions-header {
-	font-weight: 600;
-	color: var(--vscode-foreground);
-	margin-bottom: 4px;
+/* Actions section */
+.chat-context-usage-details .actions-section {
+	margin-top: 8px;
 }
 
 .chat-context-usage-details .actions-section .button-bar-container {

package/vscode/src/vs/workbench/contrib/chat/browser/widgetHosts/viewPane/media/chatContextUsageWidget.css

@@ -6,8 +6,7 @@
 .chat-context-usage-widget {
 	display: flex;
 	align-items: center;
-	justify-content: center;
-	height: 22px;
+	gap: 4px;
 	flex-shrink: 0;
 	cursor: pointer;
 	padding: 3px;
@@ -19,8 +18,8 @@
 	display: flex;
 	align-items: center;
 	justify-content: center;
-	width: 16px;
-	height: 16px;
+	width: 14px;
+	height: 14px;
 	flex-shrink: 0;
 }
 
@@ -46,22 +45,43 @@
 }
 
 .chat-context-usage-widget .progress-bg {
-	fill: transparent;
-	stroke: var(--vscode-icon-foreground);
-	stroke-width: 2;
-	opacity: 0.4;
+	fill: none;
+	stroke: var(--vscode-disabledForeground);
+	stroke-width: 4;
+	opacity: 0.5;
 }
 
-.chat-context-usage-widget .progress-pie {
-	fill: var(--vscode-icon-foreground);
-	opacity: 0.8;
+.chat-context-usage-widget .progress-arc {
+	fill: none;
+	stroke: var(--vscode-icon-foreground);
+	stroke-width: 4;
+	stroke-linecap: round;
+	transform: rotate(-90deg);
+	transform-origin: center;
 	pointer-events: none;
 }
 
-.chat-context-usage-widget.warning .progress-pie {
-	fill: var(--vscode-editorWarning-foreground);
+.chat-context-usage-widget.warning .progress-arc {
+	stroke: var(--vscode-editorWarning-foreground);
+}
+
+.chat-context-usage-widget.error .progress-arc {
+	stroke: var(--vscode-editorError-foreground);
+}
+
+.chat-context-usage-widget .percentage-label {
+	font-size: 11px;
+	line-height: 1;
+	color: var(--vscode-descriptionForeground);
+	white-space: nowrap;
+	max-width: 0;
+	opacity: 0;
+	overflow: hidden;
+	transition: max-width 0.1s ease-out, opacity 0.1s ease-out;
 }
 
-.chat-context-usage-widget.error .progress-pie {
-	fill: var(--vscode-editorError-foreground);
+.chat-context-usage-widget:hover .percentage-label,
+.chat-context-usage-widget:focus .percentage-label {
+	max-width: 4em;
+	opacity: 1;
 }

package/vscode/src/vs/workbench/contrib/chat/common/widget/annotations.d.ts

@@ -3,6 +3,12 @@ import { IRange } from "@codingame/monaco-vscode-api/vscode/vs/editor/common/cor
 import { IChatProgressRenderableResponseContent, IChatProgressResponseContent } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatModel";
 export declare const contentRefUrl = "http://_vscodecontentref_";
 export declare function annotateSpecialMarkdownContent(response: Iterable<IChatProgressResponseContent>): IChatProgressRenderableResponseContent[];
+/**
+ * Checks whether the end of a markdown string is inside a code context
+ * (fenced code block or inline code span) where markdown link syntax
+ * would be rendered as literal text.
+ */
+export declare function isInsideCodeContext(text: string): boolean;
 export interface IMarkdownVulnerability {
     readonly title: string;
     readonly description: string;
@@ -16,6 +22,7 @@ export declare function extractCodeblockUrisFromText(text: string): {
 } | undefined;
 export declare function extractSubAgentInvocationIdFromText(text: string): string | undefined;
 export declare function hasCodeblockUriTag(text: string): boolean;
+export declare function hasEditCodeblockUriTag(text: string): boolean;
 export declare function extractVulnerabilitiesFromText(text: string): {
     newText: string;
     vulnerabilities: IMarkdownVulnerability[];

package/vscode/src/vs/workbench/contrib/chat/common/widget/annotations.js

@@ -1,5 +1,4 @@
 
-import { findLastIdx } from '@codingame/monaco-vscode-api/vscode/vs/base/common/arraysFind';
 import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
 import { basename } from '@codingame/monaco-vscode-api/vscode/vs/base/common/resources';
 import { URI } from '@codingame/monaco-vscode-api/vscode/vs/base/common/uri';
@@ -11,7 +10,7 @@ function annotateSpecialMarkdownContent(response) {
     let refIdPool = 0;
     const result = [];
     for (const item of response) {
-        const previousItemIndex = findLastIdx(result, p => p.kind !== "textEditGroup" && p.kind !== "undoStop");
+        const previousItemIndex = result.findLastIndex(p => p.kind !== "textEditGroup" && p.kind !== "undoStop");
         const previousItem = result[previousItemIndex];
         if (item.kind === "inlineReference") {
             let label = item.name;
@@ -24,37 +23,65 @@ function annotateSpecialMarkdownContent(response) {
                     label = item.inlineReference.name;
                 }
             }
-            const refId = refIdPool++;
-            const printUri = ( URI.parse(contentRefUrl)).with({
-                path: String(refId)
-            });
-            const markdownText = `[${label}](${( printUri.toString())})`;
-            const annotationMetadata = {
-                [refId]: item
-            };
-            if (previousItem?.kind === "markdownContent") {
-                const merged = appendMarkdownString(previousItem.content, ( new MarkdownString(markdownText)));
+            const previousText = previousItem?.kind === "markdownContent" ? previousItem.content.value : "";
+            if (isInsideCodeContext(previousText)) {
+                if (previousItem?.kind === "markdownContent") {
+                    const merged = appendMarkdownString(previousItem.content, ( new MarkdownString(label)));
+                    result[previousItemIndex] = {
+                        ...previousItem,
+                        content: merged
+                    };
+                } else {
+                    result.push({
+                        content: ( new MarkdownString(label)),
+                        kind: "markdownContent"
+                    });
+                }
+            } else {
+                const refId = refIdPool++;
+                const printUri = ( URI.parse(contentRefUrl)).with({
+                    path: String(refId)
+                });
+                const markdownText = `[${label}](${( printUri.toString())})`;
+                const annotationMetadata = {
+                    [refId]: item
+                };
+                if (previousItem?.kind === "markdownContent") {
+                    const merged = appendMarkdownString(previousItem.content, ( new MarkdownString(markdownText)));
+                    result[previousItemIndex] = {
+                        ...previousItem,
+                        content: merged,
+                        inlineReferences: {
+                            ...annotationMetadata,
+                            ...(previousItem.inlineReferences || {})
+                        }
+                    };
+                } else {
+                    result.push({
+                        content: ( new MarkdownString(markdownText)),
+                        inlineReferences: annotationMetadata,
+                        kind: "markdownContent"
+                    });
+                }
+            }
+        } else if (item.kind === "markdownContent" && previousItem?.kind === "markdownContent") {
+            if (canMergeMarkdownStrings(previousItem.content, item.content)) {
+                const merged = appendMarkdownString(previousItem.content, item.content);
                 result[previousItemIndex] = {
                     ...previousItem,
-                    content: merged,
-                    inlineReferences: {
-                        ...annotationMetadata,
-                        ...(previousItem.inlineReferences || {})
+                    content: merged
+                };
+            } else if (previousItem.inlineReferences && isContentRefOnly(previousItem.content.value)) {
+                result[previousItemIndex] = {
+                    ...previousItem,
+                    content: {
+                        ...item.content,
+                        value: previousItem.content.value + item.content.value
                     }
                 };
             } else {
-                result.push({
-                    content: ( new MarkdownString(markdownText)),
-                    inlineReferences: annotationMetadata,
-                    kind: "markdownContent"
-                });
+                result.push(item);
             }
-        } else if (item.kind === "markdownContent" && previousItem?.kind === "markdownContent" && canMergeMarkdownStrings(previousItem.content, item.content)) {
-            const merged = appendMarkdownString(previousItem.content, item.content);
-            result[previousItemIndex] = {
-                ...previousItem,
-                content: merged
-            };
         } else if (item.kind === "markdownVuln") {
             const vulnText = encodeURIComponent(JSON.stringify(item.vulnerabilities));
             const markdownText = `<vscode_annotation details='${vulnText}'>${item.content.value}</vscode_annotation>`;
@@ -88,6 +115,76 @@ function annotateSpecialMarkdownContent(response) {
     }
     return result;
 }
+const contentRefPattern = ( new RegExp(`^(\\[.*?\\]\\(${contentRefUrl}/\\d+\\))+$`));
+function isContentRefOnly(text) {
+    return contentRefPattern.test(text);
+}
+function isInsideCodeContext(text) {
+    const lines = text.split("\n");
+    let inFencedBlock = false;
+    let fenceChar = "";
+    let fenceLength = 0;
+    const unfencedLines = [];
+    for (const line of lines) {
+        const trimmed = line.trimStart();
+        if (inFencedBlock) {
+            const closeLength = countLeadingChar(trimmed, fenceChar);
+            if (closeLength >= fenceLength && trimmed.substring(closeLength).trim() === "") {
+                inFencedBlock = false;
+                unfencedLines.length = 0;
+            }
+            continue;
+        }
+        const firstChar = trimmed[0];
+        if (firstChar === "`" || firstChar === "~") {
+            const openLength = countLeadingChar(trimmed, firstChar);
+            if (openLength >= 3 && (firstChar === "~" || !trimmed.substring(openLength).includes("`"))) {
+                inFencedBlock = true;
+                fenceChar = firstChar;
+                fenceLength = openLength;
+                unfencedLines.length = 0;
+                continue;
+            }
+        }
+        unfencedLines.push(line);
+    }
+    return inFencedBlock || hasUnclosedInlineCode(unfencedLines.join("\n"));
+}
+function countLeadingChar(text, char) {
+    let count = 0;
+    while (count < text.length && text[count] === char) {
+        count++;
+    }
+    return count;
+}
+function hasUnclosedInlineCode(text) {
+    let i = 0;
+    while (i < text.length) {
+        if (text[i] !== "`") {
+            i++;
+            continue;
+        }
+        const openLen = countLeadingChar(text.substring(i), "`");
+        i += openLen;
+        let found = false;
+        while (i < text.length) {
+            if (text[i] !== "`") {
+                i++;
+                continue;
+            }
+            const closeLen = countLeadingChar(text.substring(i), "`");
+            i += closeLen;
+            if (closeLen === openLen) {
+                found = true;
+                break;
+            }
+        }
+        if (!found) {
+            return true;
+        }
+    }
+    return false;
+}
 function extractCodeblockUrisFromText(text) {
     const match = /<vscode_codeblock_uri( isEdit)?( subAgentInvocationId="([^"]*)")?>([\s\S]*?)<\/vscode_codeblock_uri>/ms.exec(text);
     if (match) {
@@ -124,8 +221,8 @@ function extractSubAgentInvocationIdFromText(text) {
     }
     return undefined;
 }
-function hasCodeblockUriTag(text) {
-    return text.includes("<vscode_codeblock_uri");
+function hasEditCodeblockUriTag(text) {
+    return text.includes("<vscode_codeblock_uri isEdit");
 }
 function extractVulnerabilitiesFromText(text) {
     const vulnerabilities = [];
@@ -167,4 +264,4 @@ function extractVulnerabilitiesFromText(text) {
     };
 }
 
-export { annotateSpecialMarkdownContent, contentRefUrl, extractCodeblockUrisFromText, extractSubAgentInvocationIdFromText, extractVulnerabilitiesFromText, hasCodeblockUriTag };
+export { annotateSpecialMarkdownContent, contentRefUrl, extractCodeblockUrisFromText, extractSubAgentInvocationIdFromText, extractVulnerabilitiesFromText, hasEditCodeblockUriTag, isInsideCodeContext };

package/vscode/src/vs/workbench/contrib/chat/common/widget/chatColors.d.ts

@@ -1,3 +1,4 @@
+export declare const agentStatusIndicatorBackground: string;
 export declare const chatRequestBorder: string;
 export declare const chatRequestBackground: string;
 export declare const chatSlashCommandBackground: string;

package/vscode/src/vs/workbench/contrib/chat/common/widget/chatColors.js

@@ -13,44 +13,50 @@ import { badgeBackground, badgeForeground } from '@codingame/monaco-vscode-api/v
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/quickpickColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/searchColors';
 
+registerColor("agentStatusIndicator.background", {
+    dark: ( Color.white.transparent(0.05)),
+    light: ( Color.black.transparent(0.05)),
+    hcDark: null,
+    hcLight: null
+}, ( localize(7407, "Background color of the agent status indicator in the titlebar.")));
 registerColor("chat.requestBorder", {
     dark: ( new Color(( new RGBA(255, 255, 255, 0.10)))),
     light: ( new Color(( new RGBA(0, 0, 0, 0.10)))),
     hcDark: contrastBorder,
     hcLight: contrastBorder
-}, ( localize(6616, "The border color of a chat request.")));
+}, ( localize(7408, "The border color of a chat request.")));
 const chatRequestBackground = registerColor("chat.requestBackground", {
     dark: ( transparent(editorBackground, 0.62)),
     light: ( transparent(editorBackground, 0.62)),
     hcDark: editorWidgetBackground,
     hcLight: null
-}, ( localize(6617, "The background color of a chat request.")));
+}, ( localize(7409, "The background color of a chat request.")));
 const chatSlashCommandBackground = registerColor("chat.slashCommandBackground", {
     dark: "#26477866",
     light: "#adceff7a",
     hcDark: Color.white,
     hcLight: badgeBackground
-}, ( localize(6618, "The background color of a chat slash command.")));
+}, ( localize(7410, "The background color of a chat slash command.")));
 const chatSlashCommandForeground = registerColor("chat.slashCommandForeground", {
     dark: "#85b6ff",
     light: "#26569e",
     hcDark: Color.black,
     hcLight: badgeForeground
-}, ( localize(6619, "The foreground color of a chat slash command.")));
+}, ( localize(7411, "The foreground color of a chat slash command.")));
 registerColor("chat.avatarBackground", {
     dark: "#1f1f1f",
     light: "#f2f2f2",
     hcDark: Color.black,
     hcLight: Color.white
-}, ( localize(6620, "The background color of a chat avatar.")));
-registerColor("chat.avatarForeground", foreground, ( localize(6621, "The foreground color of a chat avatar.")));
+}, ( localize(7412, "The background color of a chat avatar.")));
+registerColor("chat.avatarForeground", foreground, ( localize(7413, "The foreground color of a chat avatar.")));
 registerColor("chat.editedFileForeground", {
     light: "#895503",
     dark: "#E2C08D",
     hcDark: "#E2C08D",
     hcLight: "#895503"
 }, ( localize(
-    6622,
+    7414,
     "The foreground color of a chat edited file in the edited file list."
 )));
 registerColor("chat.requestCodeBorder", {
@@ -58,42 +64,42 @@ registerColor("chat.requestCodeBorder", {
     light: "#0e639c40",
     hcDark: null,
     hcLight: null
-}, ( localize(6623, "Border color of code blocks within the chat request bubble.")), true);
+}, ( localize(7415, "Border color of code blocks within the chat request bubble.")), true);
 registerColor("chat.requestBubbleBackground", {
     light: ( transparent(editorSelectionBackground, 0.3)),
     dark: ( transparent(editorSelectionBackground, 0.3)),
     hcDark: null,
     hcLight: null
-}, ( localize(6624, "Background color of the chat request bubble.")), true);
+}, ( localize(7416, "Background color of the chat request bubble.")), true);
 registerColor("chat.requestBubbleHoverBackground", {
     dark: ( transparent(editorSelectionBackground, 0.6)),
     light: ( transparent(editorSelectionBackground, 0.6)),
     hcDark: null,
     hcLight: null
-}, ( localize(6625, "Background color of the chat request bubble on hover.")), true);
+}, ( localize(7417, "Background color of the chat request bubble on hover.")), true);
 registerColor("chat.checkpointSeparator", {
     dark: "#585858",
     light: "#a9a9a9",
     hcDark: "#a9a9a9",
     hcLight: "#a5a5a5"
-}, ( localize(6626, "Chat checkpoint separator color.")));
+}, ( localize(7418, "Chat checkpoint separator color.")));
 registerColor("chat.linesAddedForeground", {
     dark: "#54B054",
     light: "#107C10",
     hcDark: "#54B054",
     hcLight: "#107C10"
-}, ( localize(6627, "Foreground color of lines added in chat code block pill.")), true);
+}, ( localize(7419, "Foreground color of lines added in chat code block pill.")), true);
 registerColor("chat.linesRemovedForeground", {
     dark: "#FC6A6A",
     light: "#BC2F32",
     hcDark: "#F48771",
     hcLight: "#B5200D"
-}, ( localize(6628, "Foreground color of lines removed in chat code block pill.")), true);
+}, ( localize(7420, "Foreground color of lines removed in chat code block pill.")), true);
 registerColor("chat.thinkingShimmer", {
     dark: "#ffffff",
     light: "#000000",
     hcDark: "#ffffff",
     hcLight: "#000000"
-}, ( localize(6629, "Shimmer highlight for thinking/working labels.")), true);
+}, ( localize(7421, "Shimmer highlight for thinking/working labels.")), true);
 
 export { chatRequestBackground, chatSlashCommandBackground, chatSlashCommandForeground };

package/vscode/src/vs/workbench/contrib/inlineChat/browser/inlineChatAffordance.d.ts

@@ -5,11 +5,11 @@ import { IConfigurationService } from "@codingame/monaco-vscode-api/vscode/vs/pl
 import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
 import { InlineChatInputWidget } from "./inlineChatOverlayWidget.js";
 import { IInlineChatSessionService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/inlineChat/browser/inlineChatSessionService.service";
+import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
+import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
 export declare class InlineChatAffordance extends Disposable {
-    private readonly _editor;
-    private readonly _inputWidget;
-    private readonly _instantiationService;
-    private _menuData;
-    constructor(_editor: ICodeEditor, _inputWidget: InlineChatInputWidget, _instantiationService: IInstantiationService, configurationService: IConfigurationService, chatEntiteldService: IChatEntitlementService, inlineChatSessionService: IInlineChatSessionService);
-    showMenuAtSelection(): Promise<void>;
+    #private;
+    constructor(editor: ICodeEditor, inputWidget: InlineChatInputWidget, instantiationService: IInstantiationService, configurationService: IConfigurationService, chatEntiteldService: IChatEntitlementService, inlineChatSessionService: IInlineChatSessionService, telemetryService: ITelemetryService, contextKeyService: IContextKeyService);
+    dismiss(): void;
+    showMenuAtSelection(placeholder: string): Promise<void>;
 }