@codingame/monaco-vscode-katex-common 33.0.7 → 34.0.0

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@codingame/monaco-vscode-katex-common",
-  "version": "33.0.7",
+  "version": "34.0.0",
   "private": false,
   "description": "VSCode public API plugged on the monaco editor - common package depending on katex",
   "keywords": [],
+  "license": "MIT",
   "author": {
     "name": "CodinGame",
     "url": "http://www.codingame.com"
   },
-  "license": "MIT",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@github.com/CodinGame/monaco-vscode-api.git"
   },
   "type": "module",
   "dependencies": {
-    "@codingame/monaco-vscode-api": "33.0.7",
+    "@codingame/monaco-vscode-api": "34.0.0",
     "katex": "0.16.45",
     "marked": "14.0.0"
   },

package/vscode/src/vs/base/browser/ui/pixelSpinner/pixelSpinner.css

@@ -0,0 +1,169 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-pixel-spinner {
+	display: inline-grid;
+	grid-template-columns: repeat(2, 2px);
+	grid-template-rows: repeat(3, 2px);
+	column-gap: 2px;
+	row-gap: 2px;
+	place-content: center;
+	width: 16px;
+	height: 16px;
+	color: currentColor;
+	pointer-events: none;
+	contain: layout style size paint;
+	isolation: isolate;
+	transform: translateZ(0);
+}
+
+/* Pause all dot animations while the spinner is scrolled out of view. The
+ * `monaco-pixel-spinner-paused` class is toggled from JS by a per-window
+ * IntersectionObserver. Continuous CSS animations otherwise force the
+ * compositor to do work every vsync even for spinners that are offscreen. */
+.monaco-pixel-spinner.monaco-pixel-spinner-paused .monaco-pixel-spinner-dot {
+	animation-play-state: paused;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot {
+	display: block;
+	width: 2px;
+	height: 2px;
+	border-radius: 50%;
+	background-color: currentColor;
+	opacity: 0;
+	transform: translateY(-4px);
+	animation: monaco-pixel-spinner-dot-cycle 1820ms infinite;
+	animation-timing-function: steps(6, jump-none);
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(1) {
+	animation-delay: 520ms;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(2) {
+	animation-delay: 650ms;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(3) {
+	animation-delay: 260ms;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(4) {
+	animation-delay: 390ms;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(5) {
+	animation-name: monaco-pixel-spinner-dot-cycle-long;
+}
+
+.monaco-pixel-spinner .monaco-pixel-spinner-dot:nth-child(6) {
+	animation-name: monaco-pixel-spinner-dot-cycle-short;
+	animation-delay: 130ms;
+}
+
+@keyframes monaco-pixel-spinner-dot-cycle {
+	0% {
+		opacity: 0;
+		transform: translateY(-4px);
+	}
+	9.34%, 57.14% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+	66.48%, 100% {
+		opacity: 0;
+		transform: translateY(7px);
+	}
+}
+
+@keyframes monaco-pixel-spinner-dot-cycle-long {
+	0% {
+		opacity: 0;
+		transform: translateY(-4px);
+	}
+	9.34%, 64.29% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+	73.63%, 100% {
+		opacity: 0;
+		transform: translateY(7px);
+	}
+}
+
+@keyframes monaco-pixel-spinner-dot-cycle-short {
+	0% {
+		opacity: 0;
+		transform: translateY(-4px);
+	}
+	9.34%, 50% {
+		opacity: 1;
+		transform: translateY(0);
+	}
+	59.34%, 100% {
+		opacity: 0;
+		transform: translateY(7px);
+	}
+}
+
+/* Ring variant: same 2×3 grid layout as the cascading variant, but the
+ * highlight travels clockwise around the perimeter of the 6 dots:
+ *   [1][2]      1 → 2
+ *   [3][4]      ↑   ↓
+ *   [5][6]      3   4
+ *               ↑   ↓
+ *               5 ← 6
+ */
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot {
+	animation: monaco-pixel-spinner-ring-pulse 1200ms linear infinite;
+	opacity: 0.25;
+	transform: none;
+	animation-timing-function: steps(4, jump-none);
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(1) {
+	animation-delay: 0ms;
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(2) {
+	animation-delay: 200ms;
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(3) {
+	animation-delay: 1000ms;
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(4) {
+	animation-delay: 400ms;
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(5) {
+	animation-delay: 800ms;
+}
+
+.monaco-pixel-spinner.monaco-pixel-spinner-ring .monaco-pixel-spinner-dot:nth-child(6) {
+	animation-delay: 600ms;
+}
+
+@keyframes monaco-pixel-spinner-ring-pulse {
+	0%, 100% {
+		opacity: 0.25;
+		transform: none;
+	}
+	16.67% {
+		opacity: 1;
+		transform: none;
+	}
+}
+
+@media (prefers-reduced-motion: reduce) {
+	.monaco-pixel-spinner .monaco-pixel-spinner-dot {
+		animation: none;
+		opacity: 1;
+		transform: translateY(0);
+	}
+}

package/vscode/src/vs/base/browser/ui/pixelSpinner/pixelSpinner.d.ts

@@ -0,0 +1,28 @@
+export interface IPixelSpinnerOptions {
+    /**
+     * Accessible label for the spinner. When provided, the spinner is given
+     * `role="status"` and `aria-label` so screen readers announce a busy state.
+     * When omitted (the default), the spinner is purely decorative and is marked
+     * `aria-hidden="true"` — appropriate when a surrounding element already
+     * conveys the busy state.
+     */
+    readonly ariaLabel?: string;
+    /**
+     * Visual variant of the spinner.
+     *  - `'grid'` (default): six dots in a 2×3 grid that cascade vertically.
+     *  - `'ring'`: six dots arranged in a circle with a highlight that orbits the ring.
+     */
+    readonly variant?: "grid" | "ring";
+}
+/**
+ * Creates a small pixel-art style spinner. Color is driven by `currentColor`,
+ * so consumers can control the visual color via the parent element's `color`
+ * style or by setting `style.color` directly on the returned element.
+ *
+ * Respects `prefers-reduced-motion` by disabling the animation.
+ *
+ * @param parent Optional parent to append the spinner to.
+ * @param options Optional spinner configuration.
+ * @returns The spinner root element.
+ */
+export declare function createPixelSpinner(parent?: HTMLElement, options?: IPixelSpinnerOptions): HTMLElement;

package/vscode/src/vs/base/browser/ui/pixelSpinner/pixelSpinner.js

@@ -0,0 +1,61 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { h, onDidUnregisterWindow, getWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import * as pixelSpinner from './pixelSpinner.css';
+
+registerCss(pixelSpinner);
+function createPixelSpinner(parent, options) {
+    const rootClass = "span.monaco-pixel-spinner";
+    const root = h(rootClass).root;
+    {
+        root.setAttribute("aria-hidden", "true");
+    }
+    for (let i = 0; i < 6; i++) {
+        root.appendChild(h("span.monaco-pixel-spinner-dot").root);
+    }
+    parent?.appendChild(root);
+    trackSpinner(root);
+    return root;
+}
+const PAUSED_CLASS = "monaco-pixel-spinner-paused";
+const observersByWindow = ( new Map());
+let unregisterWindowListener;
+function getObserverFor(targetWindow) {
+    if (typeof targetWindow.IntersectionObserver !== "function") {
+        return undefined;
+    }
+    let observer = observersByWindow.get(targetWindow);
+    if (!observer) {
+        observer = new targetWindow.IntersectionObserver(entries => {
+            for (const entry of entries) {
+                const target = entry.target;
+                if (!target.isConnected) {
+                    observer.unobserve(target);
+                    continue;
+                }
+                target.classList.toggle(PAUSED_CLASS, !entry.isIntersecting);
+            }
+        });
+        observersByWindow.set(targetWindow, observer);
+        if (!unregisterWindowListener) {
+            unregisterWindowListener = onDidUnregisterWindow(window => {
+                const obs = observersByWindow.get(window);
+                if (obs) {
+                    obs.disconnect();
+                    observersByWindow.delete(window);
+                }
+            });
+        }
+    }
+    return observer;
+}
+function trackSpinner(root) {
+    const observer = getObserverFor(getWindow(root));
+    if (!observer) {
+        return;
+    }
+    root.classList.add(PAUSED_CLASS);
+    observer.observe(root);
+}
+
+export { createPixelSpinner };

package/vscode/src/vs/platform/actions/browser/actionWidgetDropdownActionViewItem.d.ts

@@ -2,7 +2,7 @@ import { BaseActionViewItem } from "@codingame/monaco-vscode-api/vscode/vs/base/
 import { IAction } from "@codingame/monaco-vscode-api/vscode/vs/base/common/actions";
 import { IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
 import { IActionWidgetService } from "@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service";
-import { IActionWidgetDropdownOptions } from "../../actionWidget/browser/actionWidgetDropdown.js";
+import { IActionWidgetDropdownOptions } from "@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidgetDropdown";
 import { IContextKeyService } from "@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service";
 import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service";
 import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";

package/vscode/src/vs/platform/actions/browser/actionWidgetDropdownActionViewItem.js

@@ -5,7 +5,7 @@ import { BaseActionViewItem } from '@codingame/monaco-vscode-api/vscode/vs/base/
 import { getBaseLayerHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegate2';
 import { getDefaultHoverDelegate } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverDelegateFactory';
 import { IActionWidgetService } from '@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidget.service';
-import { ActionWidgetDropdown } from '../../actionWidget/browser/actionWidgetDropdown.js';
+import { ActionWidgetDropdown } from '@codingame/monaco-vscode-api/vscode/vs/platform/actionWidget/browser/actionWidgetDropdown';
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
 import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';

package/vscode/src/vs/platform/actions/browser/buttonbar.js

@@ -168,14 +168,14 @@ let WorkbenchButtonBar = class WorkbenchButtonBar extends ButtonBar {
         if (secondary.length > 0) {
             const btn = this.addButton({
                 secondary: true,
-                ariaLabel: ( localize(1811, "More Actions")),
+                ariaLabel: ( localize(1813, "More Actions")),
                 small: this._options?.small
             });
             btn.icon = Codicon.dropDownButton;
             btn.element.classList.add("default-colors", "monaco-text-button");
             btn.enabled = true;
             this._updateStore.add(
-                this._hoverService.setupManagedHover(hoverDelegate, btn.element, ( localize(1811, "More Actions")))
+                this._hoverService.setupManagedHover(hoverDelegate, btn.element, ( localize(1813, "More Actions")))
             );
             this._updateStore.add(btn.onDidClick(async () => {
                 this._contextMenuService.showContextMenu({

package/vscode/src/vs/workbench/contrib/chat/browser/accessibility/chatAccessibilityProvider.js

@@ -9,6 +9,7 @@ import { IInstantiationService } from '@codingame/monaco-vscode-api/vscode/vs/pl
 import { IKeybindingService } from '@codingame/monaco-vscode-api/vscode/vs/platform/keybinding/common/keybinding.service';
 import { AccessibilityVerbositySettingId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/accessibility/browser/accessibilityConfiguration';
 import { migrateLegacyTerminalToolSpecificData } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chat';
+import { getExplicitFileOrImageAttachmentSummary } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/attachments/chatVariableEntries';
 import { IChatToolInvocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatService/chatService';
 import { isRequestVM, isResponseVM } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatViewModel';
 import { isToolResultInputOutputDetails, isToolResultOutputDetails, toolContentToA11yString } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/tools/languageModelToolsService';
@@ -25,7 +26,7 @@ const getToolConfirmationAlert = (accessor, toolInvocation) => {
         if (state.type === IChatToolInvocation.StateKind.WaitingForPostApproval) {
             const detail = isToolResultInputOutputDetails(state.resultDetails) ? state.resultDetails.input : isToolResultOutputDetails(state.resultDetails) ? undefined : toolContentToA11yString(state.contentForModel);
             return {
-                title: ( localize(4768, "Approve results of tool")),
+                title: ( localize(4828, "Approve results of tool")),
                 detail: detail
             };
         }
@@ -42,7 +43,7 @@ const getToolConfirmationAlert = (accessor, toolInvocation) => {
             } else if (v.toolSpecificData.kind === "input") {
                 input = JSON.stringify(v.toolSpecificData.rawInput);
             } else if (v.toolSpecificData.kind === "modifiedFilesConfirmation") {
-                input = ( localize(4769, "{0} files", v.toolSpecificData.modifiedFiles.length));
+                input = ( localize(4829, "{0} files", v.toolSpecificData.modifiedFiles.length));
             }
         }
         const titleObj = state.confirmationMessages?.title;
@@ -53,18 +54,18 @@ const getToolConfirmationAlert = (accessor, toolInvocation) => {
         };
     })).filter(isDefined);
     let message = acceptKb && cancelKb ? ( localize(
-        4770,
+        4830,
         "Chat confirmation required: {0}. Press {1} to accept or {2} to cancel.",
         ( text.map(t => t.title)).join(", "),
         acceptKb,
         cancelKb
     )) : ( localize(
-        4771,
+        4831,
         "Chat confirmation required: {0}",
         ( text.map(t => t.title)).join(", ")
     ));
     if (( text.some(t => t.detail))) {
-        message += " " + ( localize(4772, "Details: {0}", ( text.map(t => t.detail ? t.detail : "")).join(" ")));
+        message += " " + ( localize(4832, "Details: {0}", ( text.map(t => t.detail ? t.detail : "")).join(" ")));
     }
     return message;
 };
@@ -80,11 +81,11 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
         return "listitem";
     }
     getWidgetAriaLabel() {
-        return localize(4773, "Chat");
+        return localize(4833, "Chat");
     }
     getAriaLabel(element) {
         if (isRequestVM(element)) {
-            return element.messageText;
+            return element.messageText.trim() || getExplicitFileOrImageAttachmentSummary(element.variables) || "";
         }
         if (isResponseVM(element)) {
             return this._getLabelWithInfo(element);
@@ -111,10 +112,10 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
         case 0:
             break;
         case 1:
-            tableCountHint = ( localize(4774, "1 table "));
+            tableCountHint = ( localize(4834, "1 table "));
             break;
         default:
-            tableCountHint = ( localize(4775, "{0} tables ", tableCount));
+            tableCountHint = ( localize(4835, "{0} tables ", tableCount));
             break;
         }
         const fileTreeCount = element.response.value.filter(v => v.kind === "treeData").length ?? 0;
@@ -123,10 +124,10 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
         case 0:
             break;
         case 1:
-            fileTreeCountHint = ( localize(4776, "1 file tree "));
+            fileTreeCountHint = ( localize(4836, "1 file tree "));
             break;
         default:
-            fileTreeCountHint = ( localize(4777, "{0} file trees ", fileTreeCount));
+            fileTreeCountHint = ( localize(4837, "{0} file trees ", fileTreeCount));
             break;
         }
         const elicitationCount = element.response.value.filter(v => v.kind === "elicitation2" || v.kind === "elicitationSerialized");
@@ -140,7 +141,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
         switch (codeBlockCount) {
         case 0:
             label = accessibleViewHint ? ( localize(
-                4778,
+                4838,
                 "{0}{1}{2}{3}{4} {5}",
                 toolInvocationHint,
                 fileTreeCountHint,
@@ -149,7 +150,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
                 (element.response.toString()),
                 accessibleViewHint
             )) : ( localize(
-                4779,
+                4839,
                 "{0}{1}{2} {3}",
                 fileTreeCountHint,
                 elicitationHint,
@@ -159,7 +160,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
             break;
         case 1:
             label = accessibleViewHint ? ( localize(
-                4780,
+                4840,
                 "{0}{1}{2}1 code block: {3} {4}{5}",
                 toolInvocationHint,
                 fileTreeCountHint,
@@ -168,7 +169,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
                 (element.response.toString()),
                 accessibleViewHint
             )) : ( localize(
-                4781,
+                4841,
                 "{0}{1}1 code block: {2} {3}",
                 fileTreeCountHint,
                 elicitationHint,
@@ -178,7 +179,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
             break;
         default:
             label = accessibleViewHint ? ( localize(
-                4782,
+                4842,
                 "{0}{1}{2}{3} code blocks: {4}{5} {6}",
                 toolInvocationHint,
                 fileTreeCountHint,
@@ -188,7 +189,7 @@ let ChatAccessibilityProvider = class ChatAccessibilityProvider {
                 (element.response.toString()),
                 accessibleViewHint
             )) : ( localize(
-                4783,
+                4843,
                 "{0}{1}{2} code blocks: {3} {4}",
                 fileTreeCountHint,
                 elicitationHint,

package/vscode/src/vs/workbench/contrib/chat/browser/actions/chatContinueInAction.js

@@ -92,8 +92,8 @@ class ContinueChatInSessionAction extends Action2 {
     constructor() {
         super({
             id: ContinueChatInSessionAction.ID,
-            title: ( localize2(4963, "Continue Chat in...")),
-            tooltip: ( localize(4963, "Continue Chat in...")),
+            title: ( localize2(5023, "Continue Chat in...")),
+            tooltip: ( localize(5023, "Continue Chat in...")),
             precondition: ( ContextKeyExpr.and(ChatContextKeys.enabled, ( ChatContextKeys.requestInProgress.negate()), ( ChatContextKeys.remoteJobCreating.negate()), ChatContextKeys.hasCanDelegateProviders)),
             menu: [{
                 id: MenuId.ChatExecute,
@@ -145,8 +145,8 @@ let ChatContinueInSessionActionItem = ChatContinueInSessionActionItem_1 = class
         const learnMoreUrl = "https://aka.ms/vscode-continue-chat-in";
         return [{
             id: "workbench.action.chat.continueChatInSession.learnMore",
-            label: ( localize(4964, "Learn More")),
-            tooltip: ( localize(4964, "Learn More")),
+            label: ( localize(5024, "Learn More")),
+            tooltip: ( localize(5024, "Learn More")),
             class: undefined,
             enabled: true,
             run: async () => {
@@ -210,9 +210,9 @@ let ChatContinueInSessionActionItem = ChatContinueInSessionActionItem_1 = class
             class: undefined,
             description: `@${contrib.name}`,
             label: getAgentSessionProviderName(provider),
-            tooltip: ( localize(4965, "Continue in {0}", getAgentSessionProviderName(provider))),
+            tooltip: ( localize(5025, "Continue in {0}", getAgentSessionProviderName(provider))),
             category: {
-                label: ( localize(4966, "Continue In")),
+                label: ( localize(5026, "Continue In")),
                 order: 0,
                 showHeader: true
             },
@@ -231,9 +231,9 @@ let ChatContinueInSessionActionItem = ChatContinueInSessionActionItem_1 = class
             icon: getAgentSessionProviderIcon(provider),
             class: undefined,
             label: getAgentSessionProviderName(provider),
-            tooltip: ( localize(4965, "Continue in {0}", getAgentSessionProviderName(provider))),
+            tooltip: ( localize(5025, "Continue in {0}", getAgentSessionProviderName(provider))),
             category: {
-                label: ( localize(4966, "Continue In")),
+                label: ( localize(5026, "Continue In")),
                 order: 0,
                 showHeader: true
             },
@@ -247,7 +247,7 @@ let ChatContinueInSessionActionItem = ChatContinueInSessionActionItem_1 = class
         if (this.location === ActionLocation.Editor) {
             const view = h("span.action-widget-delegate-label", [h("span", {
                 className: ThemeIcon.asClassName(Codicon.forward)
-            }), h("span", [( localize(4967, "Continue in..."))])]);
+            }), h("span", [( localize(5027, "Continue in..."))])]);
             element.appendChild(view.root);
             return null;
         } else {

package/vscode/src/vs/workbench/contrib/chat/browser/actions/chatElicitationActions.js

@@ -15,7 +15,7 @@ class AcceptElicitationRequestAction extends Action2 {
     constructor() {
         super({
             id: AcceptElicitationRequestActionId,
-            title: ( localize2(4982, "Accept Request")),
+            title: ( localize2(5043, "Accept Request")),
             f1: false,
             category: CHAT_CATEGORY,
             keybinding: {