@codingame/monaco-vscode-katex-common 34.1.3 → 35.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsOpener.js

@@ -83,7 +83,7 @@ async function openSessionDefault(accessor, session, openOptions) {
         }
         return await chatWidgetService.openSession(session.resource, target, options);
     } catch (error) {
-        notificationService.error(( localize(5374, "Failed to open chat session: {0}", toErrorMessage(error))));
+        notificationService.error(( localize(5604, "Failed to open chat session: {0}", toErrorMessage(error))));
         return undefined;
     }
 }

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsViewer.d.ts

@@ -8,6 +8,7 @@ import { ITreeNode, ITreeElementRenderDetails, IAsyncDataSource, ITreeSorter, IT
 import { Disposable, DisposableStore, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
 import { AgentSessionSection, AgentSessionStatus, IAgentSession, IAgentSessionSection, IAgentSessionShowLess, IAgentSessionShowMore, IAgentSessionsModel } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsModel";
 import { IconLabel } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabel";
+import { ThemeIcon } from "@codingame/monaco-vscode-api/vscode/vs/base/common/themables";
 import { FuzzyScore } from "@codingame/monaco-vscode-api/vscode/vs/base/common/filters";
 import { IMarkdownRendererService } from "@codingame/monaco-vscode-api/vscode/vs/platform/markdown/browser/markdownRenderer.service";
 import { IProductService } from "@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service";
@@ -24,10 +25,12 @@ import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/
 import { URI } from "@codingame/monaco-vscode-api/vscode/vs/base/common/uri";
 import { AgentSessionApprovalModel } from "./agentSessionApprovalModel.js";
 import { IChatSessionsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service";
+import { IAccessibilityService } from "@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service";
 export type AgentSessionListItem = IAgentSession | IAgentSessionSection | IAgentSessionShowMore | IAgentSessionShowLess;
 interface IAgentSessionItemTemplate {
     readonly element: HTMLElement;
     readonly icon: HTMLElement;
+    readonly statusIcon: AgentSessionStatusIcon;
     readonly title: IconLabel;
     readonly pinnedIndicator: HTMLElement;
     readonly statusContainer: HTMLElement;
@@ -47,6 +50,19 @@ interface IAgentSessionItemTemplate {
     readonly elementDisposable: DisposableStore;
     readonly disposables: IDisposable;
 }
+declare class AgentSessionStatusIcon extends Disposable {
+    private readonly container;
+    private readonly getIcon;
+    private readonly accessibilityService;
+    private static readonly PIXEL_SPINNER_GRID_KEY;
+    private static readonly PIXEL_SPINNER_RING_KEY;
+    private _currentCacheKey;
+    private _lastInputs;
+    constructor(container: HTMLElement, getIcon: (session: IAgentSession, statusOnly?: boolean) => ThemeIcon, accessibilityService: IAccessibilityService);
+    setStatus(session: IAgentSession, statusOnly?: boolean): void;
+    reset(): void;
+    private render;
+}
 export interface IAgentSessionRendererOptions {
     readonly disableHover?: boolean;
     readonly hideSessionBadge?: boolean;
@@ -54,6 +70,12 @@ export interface IAgentSessionRendererOptions {
     getHoverPosition(): HoverPosition;
     isGroupedByRepository?(): boolean;
     isSortedByUpdated?(): boolean;
+    /**
+     * Called when a session hover is shown so the host can pause updates that
+     * would re-sort the list while the user is reading the hover. The returned
+     * disposable resumes updates.
+     */
+    pauseSessionUpdates?(): IDisposable;
 }
 export declare class AgentSessionRenderer extends Disposable implements ICompressibleTreeRenderer<IAgentSession, FuzzyScore, IAgentSessionItemTemplate> {
     private readonly options;
@@ -65,6 +87,7 @@ export declare class AgentSessionRenderer extends Disposable implements ICompres
     private readonly instantiationService;
     private readonly contextKeyService;
     private readonly chatSessionsService;
+    private readonly accessibilityService;
     static readonly TEMPLATE_ID = "agent-session";
     static readonly APPROVAL_ROW_MAX_LINES = 3;
     private static readonly _APPROVAL_ROW_LINE_HEIGHT;
@@ -74,7 +97,7 @@ export declare class AgentSessionRenderer extends Disposable implements ICompres
     private readonly sessionHover;
     private readonly _onDidChangeItemHeight;
     readonly onDidChangeItemHeight: Event<IAgentSession>;
-    constructor(options: IAgentSessionRendererOptions, _approvalModel: AgentSessionApprovalModel | undefined, _activeSessionResource: IObservable<URI | undefined>, markdownRendererService: IMarkdownRendererService, productService: IProductService, hoverService: IHoverService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, chatSessionsService: IChatSessionsService);
+    constructor(options: IAgentSessionRendererOptions, _approvalModel: AgentSessionApprovalModel | undefined, _activeSessionResource: IObservable<URI | undefined>, markdownRendererService: IMarkdownRendererService, productService: IProductService, hoverService: IHoverService, instantiationService: IInstantiationService, contextKeyService: IContextKeyService, chatSessionsService: IChatSessionsService, accessibilityService: IAccessibilityService);
     renderTemplate(container: HTMLElement): IAgentSessionItemTemplate;
     renderElement(session: ITreeNode<IAgentSession, FuzzyScore>, index: number, template: IAgentSessionItemTemplate, details?: ITreeElementRenderDetails): void;
     private triggerResolve;

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsViewer.js

@@ -2,7 +2,7 @@
 import { registerCss } from '@codingame/monaco-vscode-api/css';
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
 import * as agentsessionsviewer from './media/agentsessionsviewer.css';
-import { h } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { clearNode, h } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { NotSelectableGroupId } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/list/list';
 import { Disposable, MutableDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
@@ -41,11 +41,75 @@ import { BugIndicatingError } from '@codingame/monaco-vscode-api/vscode/vs/base/
 import { compareIgnoreCase } from '@codingame/monaco-vscode-api/vscode/vs/base/common/strings';
 import { CancellationTokenSource } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
 import { IChatSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service';
+import { createPixelSpinner } from '../../../../../base/browser/ui/pixelSpinner/pixelSpinner.js';
+import { IAccessibilityService } from '@codingame/monaco-vscode-api/vscode/vs/platform/accessibility/common/accessibility.service';
 import { ChatSessionStatus, isSessionInProgressStatus } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 var AgentSessionRenderer_1, AgentSessionSectionRenderer_1;
 registerCss(agentsessionsviewer);
+class AgentSessionStatusIcon extends Disposable {
+    static {
+        this.PIXEL_SPINNER_GRID_KEY = "__pixel_spinner_grid__";
+    }
+    static {
+        this.PIXEL_SPINNER_RING_KEY = "__pixel_spinner_ring__";
+    }
+    constructor(container, getIcon, accessibilityService) {
+        super();
+        this.container = container;
+        this.getIcon = getIcon;
+        this.accessibilityService = accessibilityService;
+        this._register(this.accessibilityService.onDidChangeReducedMotion(() => {
+            if (this._lastInputs) {
+                this.render(this._lastInputs);
+            }
+        }));
+    }
+    setStatus(session, statusOnly) {
+        const inputs = {
+            session,
+            statusOnly
+        };
+        this._lastInputs = inputs;
+        this.render(inputs);
+    }
+    reset() {
+        this._currentCacheKey = undefined;
+        this._lastInputs = undefined;
+        clearNode(this.container);
+    }
+    render(inputs) {
+        const {
+            session,
+            statusOnly
+        } = inputs;
+        this.container.className = `agent-session-icon${session.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
+        if ((session.status === ChatSessionStatus.InProgress || session.status === ChatSessionStatus.NeedsInput) && !this.accessibilityService.isMotionReduced()) {
+            const isNeedsInput = session.status === ChatSessionStatus.NeedsInput;
+            const cacheKey = isNeedsInput ? AgentSessionStatusIcon.PIXEL_SPINNER_RING_KEY : AgentSessionStatusIcon.PIXEL_SPINNER_GRID_KEY;
+            this.container.style.color = isNeedsInput ? asCssVariable("list.warningForeground") : asCssVariable("textLink.foreground");
+            if (this._currentCacheKey === cacheKey) {
+                return;
+            }
+            this._currentCacheKey = cacheKey;
+            clearNode(this.container);
+            createPixelSpinner(this.container, {
+                variant: isNeedsInput ? "ring" : "grid"
+            });
+            return;
+        }
+        const icon = this.getIcon(session, statusOnly);
+        const cacheKey = ThemeIcon.asCSSSelector(icon);
+        this.container.style.color = icon.color ? asCssVariable(icon.color.id) : "";
+        if (this._currentCacheKey === cacheKey) {
+            return;
+        }
+        this._currentCacheKey = cacheKey;
+        clearNode(this.container);
+        this.container.appendChild(h(`span${cacheKey}`).root);
+    }
+}
 let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
     static {
         AgentSessionRenderer_1 = this;
@@ -75,7 +139,8 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         hoverService,
         instantiationService,
         contextKeyService,
-        chatSessionsService
+        chatSessionsService,
+        accessibilityService
     ) {
         super();
         this.options = options;
@@ -87,6 +152,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         this.instantiationService = instantiationService;
         this.contextKeyService = contextKeyService;
         this.chatSessionsService = chatSessionsService;
+        this.accessibilityService = accessibilityService;
         this.templateId = AgentSessionRenderer_1.TEMPLATE_ID;
         this.sessionHover = this._register(( new MutableDisposable()));
         this._onDidChangeItemHeight = this._register(( new Emitter()));
@@ -135,6 +201,11 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         return {
             element: elements.item,
             icon: elements.icon,
+            statusIcon: disposables.add(( new AgentSessionStatusIcon(
+                elements.icon,
+                (session, statusOnly) => this.getIcon(session, statusOnly),
+                this.accessibilityService
+            ))),
             title: disposables.add(( new IconLabel(elements.title, {
                 supportHighlights: true,
                 supportIcons: true
@@ -176,9 +247,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             template.element.removeAttribute("data-section-label");
         }
         if (this.options.useStatusOnlyIcons) {
-            const statusIcon = this.getIcon(session.element, true);
-            template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(statusIcon)}${session.element.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
-            template.icon.style.color = statusIcon.color ? asCssVariable(statusIcon.color.id) : "";
+            template.statusIcon.setStatus(session.element, true);
             if (session.element.providerType === AgentSessionProviders.Background) {
                 template.detailsIcon.className = "agent-session-details-icon";
             } else {
@@ -186,9 +255,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 template.detailsIcon.classList.add("visible");
             }
         } else {
-            const icon = this.getIcon(session.element);
-            template.icon.className = `agent-session-icon ${ThemeIcon.asClassName(icon)}${session.element.status === ChatSessionStatus.NeedsInput ? " needs-input" : ""}`;
-            template.icon.style.color = icon.color ? asCssVariable(icon.color.id) : "";
+            template.statusIcon.setStatus(session.element);
             template.detailsIcon.className = "agent-session-details-icon";
         }
         const markdownTitle = ( new MarkdownString(session.element.label));
@@ -371,7 +438,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 color: themeColorFromId("textLink.foreground")
             };
         }
-        if (!statusOnly && session.providerType === AgentSessionProviders.Local) {
+        if (!statusOnly && (session.providerType === AgentSessionProviders.Local || session.providerType === AgentSessionProviders.AgentHostCopilot)) {
             return {
                 ...Codicon.circleSmallFilled,
                 color: themeColorFromId("agentSessionReadIndicator.foreground")
@@ -392,13 +459,13 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             return true;
         }
         if (session.element.status === ChatSessionStatus.InProgress) {
-            template.description.textContent = ( localize(5381, "Working..."));
+            template.description.textContent = ( localize(5611, "Working..."));
             return true;
         } else if (session.element.status === ChatSessionStatus.NeedsInput) {
-            template.description.textContent = ( localize(5382, "Input needed."));
+            template.description.textContent = ( localize(5612, "Input needed."));
             return true;
         } else if (session.element.status === ChatSessionStatus.Failed) {
-            template.description.textContent = ( localize(5383, "Failed"));
+            template.description.textContent = ( localize(5613, "Failed"));
             return true;
         }
         template.description.textContent = "";
@@ -407,7 +474,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
     toDuration(startTime, endTime, useFullTimeWords, disallowNow) {
         const elapsed = Math.max(Math.round((endTime - startTime) / 1000) * 1000, 1000 );
         if (!disallowNow && elapsed < 60000) {
-            return localize(5384, "now");
+            return localize(5614, "now");
         }
         return getDurationString(elapsed, useFullTimeWords);
     }
@@ -422,7 +489,7 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 const date = this.options.isSortedByUpdated?.() ? session.timing.lastRequestEnded ?? session.timing.created : session.timing.created;
                 const seconds = Math.round((( new Date()).getTime() - date) / 1000);
                 if (seconds < 60) {
-                    timeLabel = ( localize(5384, "now"));
+                    timeLabel = ( localize(5614, "now"));
                 } else {
                     timeLabel = sessionDateFromNow(date, true);
                 }
@@ -457,11 +524,22 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
             this.sessionHover.value = this.instantiationService.createInstance(AgentSessionHoverWidget, session);
         }
         const widget = this.sessionHover.value;
+        let pauseDisposable;
         return {
             id: `agent.session.hover.${( session.resource.toString())}`,
             content: widget.domNode,
             style: HoverStyle.Pointer,
-            onDidShow: () => widget.onRendered(),
+            onDidShow: () => {
+                const previousPauseDisposable = pauseDisposable;
+                pauseDisposable = this.options.pauseSessionUpdates?.();
+                previousPauseDisposable?.dispose();
+                widget.onRendered();
+            },
+            onDidHide: () => {
+                widget.onHidden();
+                pauseDisposable?.dispose();
+                pauseDisposable = undefined;
+            },
             position: {
                 hoverPosition: this.options.getHoverPosition()
             }
@@ -505,11 +583,11 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
                 template.approvalButtonContainer.textContent = "";
                 const isActive = this._activeSessionResource.read(reader)?.toString() === ( session.element.resource.toString());
                 const button = buttonStore.add(( new Button(template.approvalButtonContainer, {
-                    title: ( localize(5385, "Allow once")),
+                    title: ( localize(5615, "Allow once")),
                     secondary: isActive,
                     ...defaultButtonStyles
                 })));
-                button.label = ( localize(5386, "Allow"));
+                button.label = ( localize(5616, "Allow"));
                 buttonStore.add(button.onDidClick(() => info.confirm()));
             }
             if (wasVisible !== visible) {
@@ -528,21 +606,21 @@ let AgentSessionRenderer = class AgentSessionRenderer extends Disposable {
         templateData.disposables.dispose();
     }
 };
-AgentSessionRenderer = AgentSessionRenderer_1 = ( __decorate([( __param(3, IMarkdownRendererService)), ( __param(4, IProductService)), ( __param(5, IHoverService)), ( __param(6, IInstantiationService)), ( __param(7, IContextKeyService)), ( __param(8, IChatSessionsService))], AgentSessionRenderer));
+AgentSessionRenderer = AgentSessionRenderer_1 = ( __decorate([( __param(3, IMarkdownRendererService)), ( __param(4, IProductService)), ( __param(5, IHoverService)), ( __param(6, IInstantiationService)), ( __param(7, IContextKeyService)), ( __param(8, IChatSessionsService)), ( __param(9, IAccessibilityService))], AgentSessionRenderer));
 function toStatusLabel(status) {
     let statusLabel;
     switch (status) {
     case ChatSessionStatus.NeedsInput:
-        statusLabel = ( localize(5387, "Needs Input"));
+        statusLabel = ( localize(5617, "Needs Input"));
         break;
     case ChatSessionStatus.InProgress:
-        statusLabel = ( localize(5388, "In Progress"));
+        statusLabel = ( localize(5618, "In Progress"));
         break;
     case ChatSessionStatus.Failed:
-        statusLabel = ( localize(5389, "Failed"));
+        statusLabel = ( localize(5619, "Failed"));
         break;
     default:
-        statusLabel = ( localize(5390, "Completed"));
+        statusLabel = ( localize(5620, "Completed"));
     }
     return statusLabel;
 }
@@ -635,7 +713,7 @@ class AgentSessionShowMoreRenderer {
         };
     }
     renderElement(element, _index, template) {
-        template.label.textContent = this.options?.compactLabel ? ( localize(5391, "+{0} more", element.element.remainingCount)) : ( localize(5392, "Show {0} More...", element.element.remainingCount));
+        template.label.textContent = this.options?.compactLabel ? ( localize(5621, "+{0} more", element.element.remainingCount)) : ( localize(5622, "Show {0} More...", element.element.remainingCount));
         template.container.setAttribute("data-section-label", element.element.sectionLabel);
     }
     renderCompressedElements() {
@@ -670,7 +748,7 @@ class AgentSessionShowLessRenderer {
         };
     }
     renderElement(element, _index, template) {
-        template.label.textContent = ( localize(5393, "Show less"));
+        template.label.textContent = ( localize(5623, "Show less"));
         template.container.setAttribute("data-section-label", element.element.sectionLabel);
     }
     renderCompressedElements() {
@@ -733,24 +811,24 @@ class AgentSessionsAccessibilityProvider {
         return "listitem";
     }
     getWidgetAriaLabel() {
-        return localize(5394, "Agent Sessions");
+        return localize(5624, "Agent Sessions");
     }
     getAriaLabel(element) {
         if (isAgentSessionSection(element)) {
             const count = element.sessions.length;
             if (count === 1) {
-                return localize(5395, "{0} sessions section, {1} session", element.label, count);
+                return localize(5625, "{0} sessions section, {1} session", element.label, count);
             }
-            return localize(5396, "{0} sessions section, {1} sessions", element.label, count);
+            return localize(5626, "{0} sessions section, {1} sessions", element.label, count);
         }
         if (isAgentSessionShowMore(element)) {
-            return localize(5397, "Show {0} more sessions", element.remainingCount);
+            return localize(5627, "Show {0} more sessions", element.remainingCount);
         }
         if (isAgentSessionShowLess(element)) {
-            return localize(5398, "Show less sessions");
+            return localize(5628, "Show less sessions");
         }
         return localize(
-            5399,
+            5629,
             "{0} session {1} ({2}), created {3}",
             element.providerLabel,
             element.label,
@@ -1079,14 +1157,14 @@ function extractRepoNameFromPath(dirPath) {
     return segments[segments.length - 1];
 }
 const AgentSessionSectionLabels = {
-    [AgentSessionSection.Pinned]: ( localize(5400, "Pinned")),
-    [AgentSessionSection.Today]: ( localize(5401, "Today")),
-    [AgentSessionSection.Yesterday]: ( localize(5402, "Yesterday")),
-    [AgentSessionSection.Week]: ( localize(5403, "Last 7 days")),
-    [AgentSessionSection.Older]: ( localize(5404, "Older")),
-    [AgentSessionSection.Archived]: ( localize(5405, "Archived")),
-    [AgentSessionSection.More]: ( localize(5406, "More")),
-    [AgentSessionSection.Repository]: ( localize(5407, "Other"))
+    [AgentSessionSection.Pinned]: ( localize(5630, "Pinned")),
+    [AgentSessionSection.Today]: ( localize(5631, "Today")),
+    [AgentSessionSection.Yesterday]: ( localize(5632, "Yesterday")),
+    [AgentSessionSection.Week]: ( localize(5633, "Last 7 days")),
+    [AgentSessionSection.Older]: ( localize(5634, "Older")),
+    [AgentSessionSection.Archived]: ( localize(5635, "Archived")),
+    [AgentSessionSection.More]: ( localize(5636, "More")),
+    [AgentSessionSection.Repository]: ( localize(5637, "Other"))
 };
 const DAY_THRESHOLD = 24 * 60 * 60 * 1000;
 const WEEK_THRESHOLD = 7 * DAY_THRESHOLD;
@@ -1151,10 +1229,10 @@ function sessionDateFromNow(sessionTime, appendAgoLabel) {
     const startOfYesterday = startOfToday - DAY_THRESHOLD;
     const startOfTwoDaysAgo = startOfYesterday - DAY_THRESHOLD;
     if (sessionTime < startOfToday && sessionTime >= startOfYesterday) {
-        return appendAgoLabel ? ( localize(5408, "1 day ago")) : ( localize(5409, "1 day"));
+        return appendAgoLabel ? ( localize(5638, "1 day ago")) : ( localize(5639, "1 day"));
     }
     if (sessionTime < startOfYesterday && sessionTime >= startOfTwoDaysAgo) {
-        return appendAgoLabel ? ( localize(5410, "2 days ago")) : ( localize(5411, "2 days"));
+        return appendAgoLabel ? ( localize(5640, "2 days ago")) : ( localize(5641, "2 days"));
     }
     return fromNow(sessionTime, appendAgoLabel);
 }
@@ -1261,7 +1339,7 @@ let AgentSessionsDragAndDrop = class AgentSessionsDragAndDrop extends Disposable
         if (sessions.length === 1) {
             return sessions[0].label;
         }
-        return localize(5412, "{0} agent sessions", sessions.length);
+        return localize(5642, "{0} agent sessions", sessions.length);
     }
     onDragOver(data, targetElement, targetIndex, targetSector, originalEvent) {
         return false;

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/media/agentsessionsviewer.css

@@ -26,6 +26,18 @@
 		border-radius: 6px;
 	}
 
+	/* Suppressed while selected so the selection highlight is not overpainted. */
+	.monaco-list-row:not(.selected):not(.focused):not(:hover):has(.agent-session-icon.needs-input) {
+		animation: agent-session-needs-input-accent-pulse 3s ease-in-out infinite;
+	}
+
+	@media (prefers-reduced-motion: reduce) {
+		.monaco-list-row:not(.selected):not(.focused):not(:hover):has(.agent-session-icon.needs-input) {
+			animation: none;
+			background-color: color-mix(in srgb, var(--vscode-list-warningForeground) 8%, transparent);
+		}
+	}
+
 	.monaco-list-row .force-no-twistie {
 		display: none !important;
 	}
@@ -49,6 +61,11 @@
 		}
 	}
 
+.monaco-list:focus .monaco-list-row.selected .agent-session-icon > .codicon,
+.monaco-list:focus .monaco-list-row.selected .agent-session-icon > .monaco-pixel-spinner {
+	color: var(--vscode-list-activeSelectionForeground) !important;
+}
+
 	.monaco-list-row.selected .agent-session-item,
 	.monaco-list-row.selected .agent-session-title {
 		color: unset;
@@ -427,3 +444,13 @@
 		opacity: 0.4;
 	}
 }
+
+/* PROTO: yellow background pulse for "Input needed" session rows. */
+@keyframes agent-session-needs-input-accent-pulse {
+	0%, 100% {
+		background-color: transparent;
+	}
+	50% {
+		background-color: color-mix(in srgb, var(--vscode-list-warningForeground) 12%, transparent);
+	}
+}

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/sessionTypeAvailability.d.ts

@@ -0,0 +1,63 @@
+import { IMarkdownString } from "@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent";
+import { IChatEntitlementService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service";
+import { IChatSessionsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service";
+import { ILanguageModelsService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels.service";
+/**
+ * Why a session type cannot currently be selected, or
+ * {@link SessionTypeAvailability.Available} when it can.
+ */
+export declare enum SessionTypeAvailability {
+    /** Selectable — has an Auto fallback or at least one targeted/BYOK model. */
+    Available = 0,
+    /** Unusable until the user signs in (the type needs a Copilot account; BYOK is not supported here). */
+    SignInRequired = 1,
+    /** Unusable, but the user can resolve it by upgrading (Copilot Free / Student). */
+    UpgradeRequired = 2,
+    /** Unusable with no upgrade path — no models target it and the user is already on a paid plan. */
+    NoModels = 3
+}
+/**
+ * Whether the given session type can currently produce a request, and if not,
+ * why. A session type is usable when it can fall back to the synthetic "Auto"
+ * model ({@link IChatSessionsService.supportsAutoModelForSessionType}) or has at
+ * least one model targeting it (e.g. a user-configured BYOK model). A type that
+ * does not require its own models ({@link IChatSessionsService.requiresCustomModelsForSessionType})
+ * — e.g. the cloud delegation agent, which runs remotely without a local model —
+ * also stays usable on a paid plan even with neither an Auto fallback nor a
+ * targeted model. When a type is not usable, Copilot Free / Student (EDU) users
+ * see an Upgrade affordance ({@link SessionTypeAvailability.UpgradeRequired});
+ * paid users whose type genuinely requires its own models but has none simply
+ * have no models ({@link SessionTypeAvailability.NoModels}) and are shown an
+ * explanation with no upgrade button. A signed-out user gets a Sign-in
+ * affordance ({@link SessionTypeAvailability.SignInRequired}) for Copilot-backed
+ * types ({@link IChatSessionsService.requiresCopilotSignInForSessionType}), unless
+ * anonymous access is enabled; types that don't depend on Copilot stay usable
+ * while signed out. Unavailable types are greyed out in the picker either way.
+ *
+ * While the type's contribution isn't registered yet (e.g. during a window
+ * reload before the extension host re-registers), this returns
+ * {@link SessionTypeAvailability.Available} so a harness is never locked
+ * prematurely; the model picker is the backstop and shows "No models available"
+ * for an active session in that window.
+ *
+ * Shared by the chat input session-type picker and the Agents window harness
+ * picker so both surfaces apply the same rule.
+ */
+export declare function getSessionTypeAvailability(chatSessionsService: IChatSessionsService, chatEntitlementService: IChatEntitlementService, languageModelsService: ILanguageModelsService, type: string): SessionTypeAvailability;
+/**
+ * The inline description shown for an unavailable session type, or `undefined`
+ * when it is available. Free / Student users get an actionable "[Upgrade]"
+ * link; paid users with no models get a plain "No models available" note.
+ */
+export declare function getSessionTypeUnavailableDescription(availability: SessionTypeAvailability): IMarkdownString | undefined;
+/**
+ * The hover shown for an unavailable session type, or `undefined` when it is
+ * available. Free / Student users are prompted to upgrade; paid users with no
+ * models get an explanation with no upgrade link.
+ */
+export declare function getSessionTypeUnavailableHover(availability: SessionTypeAvailability): IMarkdownString | undefined;
+/**
+ * Plain-text description for surfaces that cannot render markdown (e.g. the
+ * mobile picker sheet), or `undefined` when the session type is available.
+ */
+export declare function getSessionTypeUnavailableLabel(availability: SessionTypeAvailability): string | undefined;

package/vscode/src/vs/workbench/contrib/chat/browser/agentSessions/sessionTypeAvailability.js

@@ -0,0 +1,97 @@
+
+import { MarkdownString } from '@codingame/monaco-vscode-api/vscode/vs/base/common/htmlContent';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { ChatEntitlement } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService';
+import { hasModelsTargetingSession } from '../widget/input/chatModelSelectionLogic.js';
+
+var SessionTypeAvailability;
+(function(SessionTypeAvailability) {
+    SessionTypeAvailability[SessionTypeAvailability["Available"] = 0] = "Available";
+    SessionTypeAvailability[SessionTypeAvailability["SignInRequired"] = 1] = "SignInRequired";
+    SessionTypeAvailability[SessionTypeAvailability["UpgradeRequired"] = 2] = "UpgradeRequired";
+    SessionTypeAvailability[SessionTypeAvailability["NoModels"] = 3] = "NoModels";
+})(SessionTypeAvailability || (SessionTypeAvailability = {}));
+function getSessionTypeAvailability(chatSessionsService, chatEntitlementService, languageModelsService, type) {
+    if (!chatSessionsService.getChatSessionContribution(type)) {
+        return SessionTypeAvailability.Available;
+    }
+    const entitlement = chatEntitlementService.entitlement;
+    if (entitlement === ChatEntitlement.Unknown && !chatEntitlementService.anonymous && chatSessionsService.requiresCopilotSignInForSessionType(type)) {
+        return SessionTypeAvailability.SignInRequired;
+    }
+    if (hasModelsTargetingSessionType(languageModelsService, type) || chatSessionsService.supportsAutoModelForSessionType(type)) {
+        return SessionTypeAvailability.Available;
+    }
+    const canUpgrade = entitlement === ChatEntitlement.Free || entitlement === ChatEntitlement.EDU;
+    if (canUpgrade) {
+        return SessionTypeAvailability.UpgradeRequired;
+    }
+    return chatSessionsService.requiresCustomModelsForSessionType(type) ? SessionTypeAvailability.NoModels : SessionTypeAvailability.Available;
+}
+function hasModelsTargetingSessionType(languageModelsService, type) {
+    return ( languageModelsService.getLanguageModelIds().some(id => {
+        const metadata = languageModelsService.lookupLanguageModel(id);
+        return !!metadata && hasModelsTargetingSession([{
+            identifier: id,
+            metadata
+        }], type);
+    }));
+}
+function getSessionTypeUnavailableDescription(availability) {
+    switch (availability) {
+    case SessionTypeAvailability.SignInRequired:
+        return (new MarkdownString(localize(5708, "[Sign in](command:workbench.action.chat.triggerSetup)"), {
+            isTrusted: {
+                enabledCommands: ["workbench.action.chat.triggerSetup"]
+            }
+        }));
+    case SessionTypeAvailability.UpgradeRequired:
+        return (new MarkdownString(localize(5709, "[Upgrade](command:workbench.action.chat.upgradePlan)"), {
+            isTrusted: {
+                enabledCommands: ["workbench.action.chat.upgradePlan"]
+            }
+        }));
+    case SessionTypeAvailability.NoModels:
+        return (new MarkdownString(localize(5710, "No models available")));
+    default:
+        return undefined;
+    }
+}
+function getSessionTypeUnavailableHover(availability) {
+    switch (availability) {
+    case SessionTypeAvailability.SignInRequired:
+        {
+            const hover = ( new MarkdownString("", {
+                isTrusted: {
+                    enabledCommands: ["workbench.action.chat.triggerSetup"]
+                },
+                supportThemeIcons: true
+            }));
+            hover.appendMarkdown(( localize(
+                5711,
+                "[Sign in to GitHub Copilot](command:workbench.action.chat.triggerSetup) to use this agent."
+            )));
+            return hover;
+        }
+    case SessionTypeAvailability.UpgradeRequired:
+        {
+            const hover = ( new MarkdownString("", {
+                isTrusted: {
+                    enabledCommands: ["workbench.action.chat.upgradePlan"]
+                },
+                supportThemeIcons: true
+            }));
+            hover.appendMarkdown(( localize(
+                5712,
+                "[Upgrade to GitHub Copilot Pro](command:workbench.action.chat.upgradePlan) to use this agent."
+            )));
+            return hover;
+        }
+    case SessionTypeAvailability.NoModels:
+        return (new MarkdownString(localize(5713, "No models are available for this agent.")));
+    default:
+        return undefined;
+    }
+}
+
+export { SessionTypeAvailability, getSessionTypeAvailability, getSessionTypeUnavailableDescription, getSessionTypeUnavailableHover };