@codingame/monaco-vscode-katex-common 31.0.1 → 32.0.1

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/chatModelSelectionLogic.d.ts

@@ -6,7 +6,6 @@ import { ILanguageModelChatMetadataAndIdentifier } from "@codingame/monaco-vscod
 interface IModelSelectionContext {
     readonly location: ChatAgentLocation;
     readonly currentModeKind: ChatModeKind;
-    readonly isInlineChatV2Enabled: boolean;
     readonly sessionType: string | undefined;
 }
 /**
@@ -14,7 +13,7 @@ interface IModelSelectionContext {
  * When a session has a specific type (and it's not 'local'), only models targeting that
  * session type are returned. Otherwise, general-purpose models are returned.
  */
-export declare function filterModelsForSession(models: ILanguageModelChatMetadataAndIdentifier[], sessionType: string | undefined, currentModeKind: ChatModeKind, location: ChatAgentLocation, isInlineChatV2Enabled: boolean): ILanguageModelChatMetadataAndIdentifier[];
+export declare function filterModelsForSession(models: ILanguageModelChatMetadataAndIdentifier[], sessionType: string | undefined, currentModeKind: ChatModeKind, location: ChatAgentLocation): ILanguageModelChatMetadataAndIdentifier[];
 /**
  * Check if a model is suitable for the current chat mode (e.g., agent mode requires tool calling).
  */
@@ -22,7 +21,7 @@ export declare function isModelSupportedForMode(model: ILanguageModelChatMetadat
 /**
  * Check if a model is suitable for inline chat (editor inline) usage.
  */
-export declare function isModelSupportedForInlineChat(model: ILanguageModelChatMetadataAndIdentifier, location: ChatAgentLocation, isInlineChatV2Enabled: boolean): boolean;
+export declare function isModelSupportedForInlineChat(model: ILanguageModelChatMetadataAndIdentifier, location: ChatAgentLocation): boolean;
 /**
  * Check if any models in the pool target a specific session type.
  */
@@ -80,12 +79,17 @@ export declare function resolveModelFromSyncState(stateModel: ILanguageModelChat
     action: "keep" | "apply" | "default";
 };
 /**
- * Merges live models with cached models per-vendor.
- * For vendors whose models have resolved, uses live data.
- * For vendors that are contributed but haven't resolved yet (startup race), keeps cached models.
- * Vendors no longer contributed are evicted from cache.
+ * Merges live models with cached models per-vendor, evicting cache for vendors
+ * no longer contributed.
+ *
+ * - `resolvedVendors`: vendors whose providers have produced at least one
+ *   result. An empty live list for these is authoritative (e.g. BYOK key
+ *   removed) and their cache entries are dropped.
+ * - When no contributor info is available yet and there are no live models
+ *   (startup / extension reload), the full cache is returned to avoid
+ *   flickering the picker to empty.
  */
-export declare function mergeModelsWithCache(liveModels: ILanguageModelChatMetadataAndIdentifier[], cachedModels: ILanguageModelChatMetadataAndIdentifier[], contributedVendors: Set<string>): ILanguageModelChatMetadataAndIdentifier[];
+export declare function mergeModelsWithCache(liveModels: ILanguageModelChatMetadataAndIdentifier[], cachedModels: ILanguageModelChatMetadataAndIdentifier[], contributedVendors: Set<string>, resolvedVendors?: ReadonlySet<string>): ILanguageModelChatMetadataAndIdentifier[];
 /**
  * Determines whether the currently selected model should be reset to default
  * when the language model list changes.

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/chatModelSelectionLogic.js

@@ -2,14 +2,14 @@
 import { ChatModeKind, ChatAgentLocation } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
 import { ILanguageModelChatMetadata } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/languageModels';
 
-function filterModelsForSession(models, sessionType, currentModeKind, location, isInlineChatV2Enabled) {
+function filterModelsForSession(models, sessionType, currentModeKind, location) {
     if (sessionType && sessionType !== "local" && hasModelsTargetingSession(models, sessionType)) {
         return models.filter(
             entry => entry.metadata?.targetChatSessionType === sessionType && entry.metadata?.isUserSelectable
         );
     }
     return models.filter(
-        entry => !entry.metadata?.targetChatSessionType && entry.metadata?.isUserSelectable && isModelSupportedForMode(entry, currentModeKind) && isModelSupportedForInlineChat(entry, location, isInlineChatV2Enabled)
+        entry => !entry.metadata?.targetChatSessionType && entry.metadata?.isUserSelectable && isModelSupportedForMode(entry, currentModeKind) && isModelSupportedForInlineChat(entry, location)
     );
 }
 function isModelSupportedForMode(model, currentModeKind) {
@@ -18,8 +18,8 @@ function isModelSupportedForMode(model, currentModeKind) {
     }
     return true;
 }
-function isModelSupportedForInlineChat(model, location, isInlineChatV2Enabled) {
-    if (location !== ChatAgentLocation.EditorInline || !isInlineChatV2Enabled) {
+function isModelSupportedForInlineChat(model, location) {
+    if (location !== ChatAgentLocation.EditorInline) {
         return true;
     }
     return !!model.metadata.capabilities?.toolCalling;
@@ -68,7 +68,7 @@ function shouldResetModelToDefault(currentModel, availableModels, context, allMo
     if (!isModelSupportedForMode(currentModel, context.currentModeKind)) {
         return true;
     }
-    if (!isModelSupportedForInlineChat(currentModel, context.location, context.isInlineChatV2Enabled)) {
+    if (!isModelSupportedForInlineChat(currentModel, context.location)) {
         return true;
     }
     if (!isModelValidForSession(currentModel, allModels, context.sessionType)) {
@@ -93,7 +93,7 @@ function resolveModelFromSyncState(stateModel, currentModel, allModels, sessionT
                 action: "default"
             };
         }
-        if (!isModelSupportedForInlineChat(stateModel, context.location, context.isInlineChatV2Enabled)) {
+        if (!isModelSupportedForInlineChat(stateModel, context.location)) {
             return {
                 action: "default"
             };
@@ -103,12 +103,13 @@ function resolveModelFromSyncState(stateModel, currentModel, allModels, sessionT
         action: "apply"
     };
 }
-function mergeModelsWithCache(liveModels, cachedModels, contributedVendors) {
-    if (liveModels.length > 0) {
-        const liveVendors = ( new Set(( liveModels.map(m => m.metadata.vendor))));
-        return [...liveModels, ...cachedModels.filter(m => !( liveVendors.has(m.metadata.vendor)) && ( contributedVendors.has(m.metadata.vendor)))];
+function mergeModelsWithCache(liveModels, cachedModels, contributedVendors, resolvedVendors) {
+    if (contributedVendors.size === 0 && liveModels.length === 0) {
+        return cachedModels;
     }
-    return cachedModels;
+    const liveVendors = ( new Set(( liveModels.map(m => m.metadata.vendor))));
+    const usableCached = cachedModels.filter(m => ( contributedVendors.has(m.metadata.vendor)) && !( liveVendors.has(m.metadata.vendor)) && !resolvedVendors?.has(m.metadata.vendor));
+    return [...liveModels, ...usableCached];
 }
 function shouldResetOnModelListChange(currentModelId, availableModels) {
     if (!currentModelId) {

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/chatPhoneInputPresenter.d.ts

@@ -0,0 +1,62 @@
+import { BaseActionViewItem } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionViewItems";
+import { IAction } from "@codingame/monaco-vscode-api/vscode/vs/base/common/actions";
+import { Disposable, IDisposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+import { IObservable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/observable";
+import { IModePickerDelegate } from "./modePickerActionItem.js";
+import { IModelPickerDelegate } from "./modelPickerActionItem.js";
+import { IChatPhoneInputPresenter } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/input/chatPhoneInputPresenter.service";
+/**
+ * Implementation of the phone-only chat-input picker presenter, registered
+ * by the agents-window (sessions) layer. Stays in `vs/workbench` as an
+ * interface so the workbench chat input can compile and run with no
+ * sessions dependency; the default singleton is a no-op.
+ */
+export interface IChatPhonePresenterImpl {
+    /**
+     * Whether the phone presenter is currently active. Workbench code
+     * consults this to decide between desktop popups and the bottom-sheet
+     * presentation. Drives a `_updateToolbar()` refresh on flips.
+     */
+    readonly enabled: IObservable<boolean>;
+    /**
+     * Show a unified bottom sheet listing both Mode and Model rows for the
+     * given chat input pickers. Resolves once the user dismisses the sheet.
+     *
+     * `modeDelegate` / `modelDelegate` are optional: callers without
+     * access to a workbench `ChatInputPart` (e.g. the agents-window
+     * agent-host mode pill, which does not own the chat input) can pass
+     * `undefined` and the implementation will fall back to its
+     * agent-host data path.
+     */
+    showCombinedModeAndModelSheet(target: HTMLElement, modeDelegate: IModePickerDelegate | undefined, modelDelegate: IModelPickerDelegate | undefined): Promise<void>;
+}
+export declare class ChatPhoneInputPresenterService extends Disposable implements IChatPhoneInputPresenter {
+    readonly _serviceBrand: undefined;
+    private readonly _impl;
+    readonly enabled: IObservable<boolean>;
+    showCombinedModeAndModelSheet(target: HTMLElement, modeDelegate: IModePickerDelegate | undefined, modelDelegate: IModelPickerDelegate | undefined): Promise<void>;
+    setImpl(impl: IChatPhonePresenterImpl): IDisposable;
+}
+/**
+ * Phone-only action view item used in place of the desktop Model and Mode
+ * pickers. Renders a single chip whose label shows the current model name
+ * with the current mode's icon as a leading marker; tapping it opens the
+ * unified bottom sheet through the {@link IChatPhoneInputPresenter}.
+ *
+ * Visually mirrors the chip used in the empty new-chat input (see
+ * `MobileChatInputConfigPicker` in `vs/sessions`) so the two chat-input
+ * surfaces present a consistent mobile experience.
+ */
+export declare class MobileChatInputCombinedPickerActionItem extends BaseActionViewItem {
+    private readonly _modeDelegate;
+    private readonly _modelDelegate;
+    private readonly _presenter;
+    private readonly _renderDisposables;
+    private _triggerElement;
+    constructor(action: IAction, _modeDelegate: IModePickerDelegate, _modelDelegate: IModelPickerDelegate, _presenter: IChatPhoneInputPresenter);
+    render(container: HTMLElement): void;
+    private _updateTrigger;
+    /** Belt-and-braces: keep the action's `run()` suppressed even if `super.render` is reintroduced. */
+    onClick(): void;
+    private _showSheet;
+}

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/chatPhoneInputPresenter.js

@@ -0,0 +1,120 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import * as chatPhoneInputPresenter from './media/chatPhoneInputPresenter.css';
+import { append, $, EventType, addDisposableListener, EventHelper, clearNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { renderIcon } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/iconLabel/iconLabels';
+import { Gesture, EventType as EventType$1 } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/touch';
+import { BaseActionViewItem } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/actionbar/actionViewItems';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { Disposable, toDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/extensions';
+import { IChatPhoneInputPresenter } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/widget/input/chatPhoneInputPresenter.service';
+import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
+import { observableValue } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/observableValue';
+import { derived } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/observables/derived';
+
+registerCss(chatPhoneInputPresenter);
+class ChatPhoneInputPresenterService extends Disposable {
+    constructor() {
+        super(...arguments);
+        this._impl = observableValue(this, undefined);
+        this.enabled = derived(this, reader => {
+            const impl = this._impl.read(reader);
+            return impl ? impl.enabled.read(reader) : false;
+        });
+    }
+    showCombinedModeAndModelSheet(target, modeDelegate, modelDelegate) {
+        const impl = this._impl.get();
+        return impl ? impl.showCombinedModeAndModelSheet(target, modeDelegate, modelDelegate) : Promise.resolve();
+    }
+    setImpl(impl) {
+        this._impl.set(impl, undefined);
+        return toDisposable(() => {
+            if (this._impl.get() === impl) {
+                this._impl.set(undefined, undefined);
+            }
+        });
+    }
+}
+let MobileChatInputCombinedPickerActionItem = class MobileChatInputCombinedPickerActionItem extends BaseActionViewItem {
+    constructor(action, _modeDelegate, _modelDelegate, _presenter) {
+        super(undefined, action);
+        this._modeDelegate = _modeDelegate;
+        this._modelDelegate = _modelDelegate;
+        this._presenter = _presenter;
+        this._renderDisposables = this._register(( new DisposableStore()));
+    }
+    render(container) {
+        this.element = container;
+        container.classList.add("chat-input-picker-item");
+        this._renderDisposables.clear();
+        const trigger = append(container, $("a.action-label.chat-phone-input-chip"));
+        trigger.tabIndex = 0;
+        trigger.role = "button";
+        this._triggerElement = trigger;
+        this._renderDisposables.add(Gesture.addTarget(trigger));
+        for (const eventType of [EventType.CLICK, EventType$1.Tap]) {
+            this._renderDisposables.add(addDisposableListener(trigger, eventType, e => {
+                EventHelper.stop(e, true);
+                this._showSheet();
+            }));
+        }
+        this._renderDisposables.add(addDisposableListener(trigger, EventType.KEY_DOWN, e => {
+            if (e.key === "Enter" || e.key === " ") {
+                EventHelper.stop(e, true);
+                this._showSheet();
+            }
+        }));
+        this._renderDisposables.add(autorun(reader => {
+            const currentMode = this._modeDelegate.currentMode.read(reader);
+            currentMode.label.read(reader);
+            currentMode.icon.read(reader);
+            this._modelDelegate.currentModel.read(reader);
+            this._updateTrigger();
+        }));
+    }
+    _updateTrigger() {
+        const trigger = this._triggerElement;
+        if (!trigger) {
+            return;
+        }
+        clearNode(trigger);
+        const currentMode = this._modeDelegate.currentMode.get();
+        const modeIcon = currentMode.icon.get();
+        if (modeIcon) {
+            append(trigger, renderIcon(modeIcon));
+        }
+        const currentModel = this._modelDelegate.currentModel.get();
+        const labelText = currentModel?.metadata.name ?? ( localize(7504, "Auto"));
+        const labelSpan = append(trigger, $("span.chat-input-picker-label"));
+        labelSpan.textContent = labelText;
+        append(trigger, renderIcon(Codicon.chevronDown));
+        const ariaParts = [];
+        const modeLabel = currentMode.label.get();
+        if (modeLabel) {
+            ariaParts.push(modeLabel);
+        }
+        ariaParts.push(labelText);
+        trigger.ariaLabel = ( localize(7505, "Pick Mode and Model, {0}", ariaParts.join(", ")));
+    }
+    onClick() {}
+    async _showSheet() {
+        const trigger = this._triggerElement;
+        if (!trigger) {
+            return;
+        }
+        trigger.setAttribute("aria-expanded", "true");
+        try {
+            await this._presenter.showCombinedModeAndModelSheet(trigger, this._modeDelegate, this._modelDelegate);
+        } finally {
+            trigger.setAttribute("aria-expanded", "false");
+            trigger.focus();
+        }
+    }
+};
+MobileChatInputCombinedPickerActionItem = ( __decorate([( __param(3, IChatPhoneInputPresenter))], MobileChatInputCombinedPickerActionItem));
+
+export { ChatPhoneInputPresenterService, MobileChatInputCombinedPickerActionItem };

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/delegationSessionPickerActionItem.js

@@ -99,13 +99,13 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
     _getSessionCategory(sessionTypeItem) {
         if (isFirstPartyAgentSessionProvider(sessionTypeItem.type)) {
             return {
-                label: ( localize(7197, "Continue In")),
+                label: ( localize(7513, "Continue In")),
                 order: 1,
                 showHeader: true
             };
         }
         return {
-            label: ( localize(7198, "Continue In (Third Party)")),
+            label: ( localize(7514, "Continue In (Third Party)")),
             order: 2,
             showHeader: false
         };
@@ -117,7 +117,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         const learnMoreUrl = "https://aka.ms/vscode-continue-chat-in";
         return {
             id: "workbench.action.chat.agentOverview.learnMoreHandOff",
-            label: ( localize(7199, "Learn about agent handoff...")),
+            label: ( localize(7515, "Learn about agent handoff...")),
             tooltip: learnMoreUrl,
             class: undefined,
             enabled: true,
@@ -133,7 +133,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
         return [{
             id: "newChatSession",
             class: undefined,
-            label: ( localize(7200, "New Chat Session")),
+            label: ( localize(7516, "New Chat Session")),
             tooltip: "",
             hover: {
                 content: ""
@@ -142,7 +142,7 @@ let DelegationSessionPickerActionItem = class DelegationSessionPickerActionItem
             icon: Codicon.plus,
             enabled: true,
             category: {
-                label: ( localize(7201, "New Chat Session")),
+                label: ( localize(7517, "New Chat Session")),
                 order: 0,
                 showHeader: false
             },

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/media/chatInputNotificationWidget.css

@@ -0,0 +1,191 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Hide the container when no notification is active */
+.interactive-session .interactive-input-part > .chat-input-notification-container:not(.has-notification) {
+	display: none;
+}
+
+/* Counteract the `.interactive-input-part` `gap: 4px` so the notification attaches to the input. Add extra -6px to account for rounded corners. */
+.interactive-session .interactive-input-part > .chat-input-notification-container {
+	margin-bottom: -10px;
+}
+
+.interactive-session .interactive-input-part > .chat-input-notification-container .chat-input-notification {
+	/* Padding needs to be -6px for top to account for -10px margin in parent container and 4px for half of chat border radius. */
+	padding: 10px 16px 16px 16px;
+	box-sizing: border-box;
+	border: 1px solid var(--vscode-input-border, transparent);
+	border-bottom: none;
+	border-top-left-radius: 4px;
+	border-top-right-radius: 4px;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+}
+
+/* Severity variants */
+.interactive-session .interactive-input-part > .chat-input-notification-container .chat-input-notification.severity-info {
+	border-color: var(--vscode-focusBorder);
+	background-color: color-mix(in srgb, var(--vscode-focusBorder) 6%, var(--vscode-editorWidget-background));
+}
+
+.interactive-session .interactive-input-part > .chat-input-notification-container .chat-input-notification.severity-warning {
+	border-color: var(--vscode-editorWarning-foreground);
+	background-color: color-mix(in srgb, var(--vscode-editorWarning-foreground) 6%, var(--vscode-editorWidget-background));
+}
+
+.interactive-session .interactive-input-part > .chat-input-notification-container .chat-input-notification.severity-error {
+	border-color: var(--vscode-editorError-foreground);
+	background-color: color-mix(in srgb, var(--vscode-editorError-foreground) 6%, var(--vscode-editorWidget-background));
+}
+
+/* Header row: icon + title + dismiss */
+.chat-input-notification .chat-input-notification-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	min-width: 0;
+}
+
+/* Severity icon */
+.chat-input-notification .chat-input-notification-icon {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+}
+
+.chat-input-notification.severity-info .chat-input-notification-icon {
+	color: var(--vscode-focusBorder);
+}
+
+.chat-input-notification.severity-warning .chat-input-notification-icon {
+	color: var(--vscode-editorWarning-foreground);
+}
+
+.chat-input-notification.severity-error .chat-input-notification-icon {
+	color: var(--vscode-editorError-foreground);
+}
+
+/* Title */
+.chat-input-notification .chat-input-notification-title {
+	font-size: 12px;
+	font-weight: 600;
+	line-height: 18px;
+	color: var(--vscode-foreground);
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/* Body row: description + actions inline */
+/* Markdown-rendered title: keep the title inline (no block <p> margins). */
+.chat-input-notification .chat-input-notification-title-markdown {
+	display: inline;
+}
+
+.chat-input-notification .chat-input-notification-title-markdown > p {
+	display: inline;
+	margin: 0;
+}
+
+.chat-input-notification .chat-input-notification-title-markdown code {
+	font-family: var(--monaco-monospace-font);
+	font-size: 11px;
+	padding: 0 3px;
+	border-radius: 3px;
+	background: var(--vscode-textCodeBlock-background);
+}
+
+/* Body row: description + actions inline, wraps at small widths */
+.chat-input-notification .chat-input-notification-body {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	min-width: 0;
+}
+
+/* Description */
+.chat-input-notification .chat-input-notification-description {
+	font-size: 12px;
+	line-height: 18px;
+	color: var(--vscode-descriptionForeground);
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/* Actions container */
+.chat-input-notification .chat-input-notification-actions {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	flex-shrink: 0;
+	margin-left: auto;
+}
+
+/* Action buttons */
+.chat-input-notification .chat-input-notification-action-button {
+	font-size: 11px;
+	padding: 4px 12px;
+	min-width: unset;
+	width: auto;
+	height: 24px;
+}
+
+/* Transparent ghost style for secondary action buttons (e.g. "View Usage") */
+.chat-input-notification .chat-input-notification-action-button.secondary {
+	border: none;
+	background: transparent;
+	color: var(--vscode-foreground);
+	padding: 4px 8px;
+	opacity: 0.8;
+}
+
+.chat-input-notification .chat-input-notification-action-button.secondary:hover {
+	background: var(--vscode-toolbar-hoverBackground);
+	opacity: 1;
+}
+
+/* Dismiss button */
+.chat-input-notification .chat-input-notification-dismiss {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	width: 20px;
+	height: 20px;
+	border-radius: 4px;
+	cursor: pointer;
+	color: var(--vscode-icon-foreground);
+	background: transparent;
+	border: none;
+	outline: none;
+	flex-shrink: 0;
+	margin-left: auto;
+}
+
+.chat-input-notification .chat-input-notification-dismiss:hover {
+	background-color: var(--vscode-toolbar-hoverBackground);
+}
+
+.chat-input-notification .chat-input-notification-dismiss:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+/* Cascade styling — remove top border-radius from sibling containers when notification is visible */
+.interactive-session .interactive-input-part > .chat-input-notification-container.has-notification + .chat-todo-list-widget-container .chat-todo-list-widget {
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}
+
+/* Hide the getting-started tip when a notification is visible */
+.interactive-session .interactive-input-part > .chat-input-notification-container.has-notification ~ .chat-getting-started-tip-container {
+	display: none !important;
+}

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/media/chatPhoneInputPresenter.css

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Combined Mode + Model chip used in `ChatInputPart` when a phone-layout
+ * presenter is active. The base layout (height/padding/color) is inherited
+ * from `.chat-input-picker-item .action-label` in `chat.css`; this file
+ * only adds the chip-specific spacing rules. */
+
+.chat-input-picker-item .action-label.chat-phone-input-chip {
+	gap: 4px;
+	cursor: pointer;
+	touch-action: manipulation;
+}
+
+.chat-input-picker-item .action-label.chat-phone-input-chip .chat-input-picker-label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	min-width: 0;
+}

package/vscode/src/vs/workbench/contrib/chat/browser/widget/input/modePickerActionItem.d.ts

@@ -11,14 +11,14 @@ import { IKeybindingService } from "@codingame/monaco-vscode-api/vscode/vs/platf
 import { IProductService } from "@codingame/monaco-vscode-api/vscode/vs/platform/product/common/productService.service";
 import { ITelemetryService } from "@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service";
 import { IChatAgentService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/participants/chatAgents.service";
-import { IChatMode } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatModes";
-import { IChatModeService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatModes.service";
+import { IChatMode, IChatModes } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatModes";
 import { Target } from "@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/promptSyntax/promptTypes";
 import { ChatInputPickerActionViewItem, IChatInputPickerOptions } from "./chatInputPickerActionItem.js";
 import { IOpenerService } from "@codingame/monaco-vscode-api/vscode/vs/platform/opener/common/opener.service";
 import { IWorkbenchAssignmentService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/assignment/common/assignmentService.service";
 export interface IModePickerDelegate {
     readonly currentMode: IObservable<IChatMode>;
+    readonly currentChatModes: IObservable<IChatModes>;
     readonly sessionResource: () => URI | undefined;
     /**
      * When set, the mode picker will show custom agents whose target matches this value.
@@ -31,7 +31,7 @@ export declare class ModePickerActionItem extends ChatInputPickerActionViewItem
     private readonly contextKeyService;
     private readonly menuService;
     private readonly _productService;
-    constructor(action: MenuItemAction, delegate: IModePickerDelegate, pickerOptions: IChatInputPickerOptions, actionWidgetService: IActionWidgetService, chatAgentService: IChatAgentService, keybindingService: IKeybindingService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, chatModeService: IChatModeService, menuService: IMenuService, commandService: ICommandService, _productService: IProductService, telemetryService: ITelemetryService, openerService: IOpenerService, assignmentService: IWorkbenchAssignmentService);
+    constructor(action: MenuItemAction, delegate: IModePickerDelegate, pickerOptions: IChatInputPickerOptions, actionWidgetService: IActionWidgetService, chatAgentService: IChatAgentService, keybindingService: IKeybindingService, configurationService: IConfigurationService, contextKeyService: IContextKeyService, menuService: IMenuService, commandService: ICommandService, _productService: IProductService, telemetryService: ITelemetryService, openerService: IOpenerService, assignmentService: IWorkbenchAssignmentService);
     private getModePickerActionBarActions;
     render(container: HTMLElement): void;
     protected renderLabel(element: HTMLElement): IDisposable | null;