@codingame/monaco-vscode-workbench-service-override 37.2.0 → 37.3.0

package/vscode/src/vs/sessions/browser/parts/media/customViewGridPart.css

@@ -0,0 +1,108 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-workbench.nocustomviewgrid .part.customviewgridpart {
+	display: none !important;
+	visibility: hidden !important;
+}
+
+.monaco-workbench .part.customviewgridpart > .content {
+	display: flex;
+}
+
+.custom-view-grid {
+	display: flex;
+	flex-direction: row;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+}
+
+.custom-view-node {
+	display: flex;
+	flex-direction: column;
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	position: relative;
+	background-color: var(--session-view-background);
+	color: var(--session-view-foreground);
+}
+
+/* Header: a centered, width-capped band matching the session header's measure
+	and side padding, so a custom view and a session view align. */
+.custom-view-header {
+	flex-shrink: 0;
+}
+
+.custom-view-header-band {
+	box-sizing: border-box;
+	margin: 0 auto;
+	padding: 6px 10px;
+	border-bottom: var(--vscode-strokeThickness) solid color-mix(in srgb, var(--session-view-foreground) 12%, transparent);
+}
+
+.custom-view-header-title-row {
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	min-height: 26px;
+}
+
+.custom-view-header-title {
+	flex: 1 1 auto;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: var(--vscode-fontSize-heading3, 13px);
+	font-weight: var(--vscode-fontWeight-semiBold, 600);
+}
+
+.custom-view-header-actions {
+	display: flex;
+	align-items: center;
+	flex-shrink: 0;
+}
+
+.custom-view-header-actions.custom-view-header-actions-buttons .monaco-action-bar .actions-container {
+	gap: var(--vscode-spacing-size60, 6px);
+}
+
+.custom-view-header-description {
+	margin-top: 2px;
+	font-size: var(--vscode-fontSize-body2, 12px);
+	opacity: 0.8;
+}
+
+.custom-view-header-description.hidden {
+	display: none;
+}
+
+/* The scroll container is scrolled natively by DomScrollableElement, so it must
+	fill the body and clip; the content keeps its natural height. */
+.custom-view-body {
+	flex: 1 1 auto;
+	min-height: 0;
+}
+
+.custom-view-scroll-content {
+	width: 100%;
+	height: 100%;
+	min-height: 100%;
+	overflow: hidden;
+}
+
+.custom-view-content {
+	box-sizing: border-box;
+	margin: 0 auto;
+	padding: 10px;
+}
+
+/* The content is the focus fallback when a view does not focus a child of its own. */
+.custom-view-content:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}

package/vscode/src/vs/sessions/browser/parts/media/editorPart.css

@@ -0,0 +1,210 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* Border for editor part in aux window */
+.agent-sessions-workbench > .part.editor:not(.modal-editor-part) {
+	border-top: 1px solid var(--vscode-agentsPanel-border, var(--vscode-widget-border, transparent));
+}
+
+.agent-sessions-workbench .monaco-grid-view .part.editor:not(.modal-editor-part) {
+	margin: 0 0 0 0;
+	background: var(--vscode-editor-background);
+	border: 1px solid var(--vscode-agentsPanel-border, var(--vscode-widget-border, transparent));
+	border-right-width: 0;
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+	border-top-left-radius: 8px;
+	border-bottom-left-radius: 8px;
+	box-sizing: border-box;
+	overflow: hidden;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor:not(.modal-editor-part) .editor-group-container > .title {
+	--modern-ui-editor-tabs-border: color-mix(in srgb, var(--vscode-activeSessionView-foreground, var(--vscode-agentsPanel-foreground)) 12%, transparent);
+}
+
+:is(.hc-black, .hc-light).agent-sessions-workbench.dock-detail-panel .part.editor:not(.modal-editor-part) .editor-group-container > .title {
+	--modern-ui-editor-tabs-border: var(--vscode-contrastBorder);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor:not(.modal-editor-part) > .content .editor-group-container > .title.tabs > .tabs-and-actions-container::after {
+	right: var(--vscode-spacing-size20);
+	left: var(--vscode-spacing-size20);
+	width: auto;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .browser-root > .browser-navbar {
+	box-sizing: border-box;
+	height: var(--vscode-spacing-size320);
+	padding: var(--vscode-spacing-size20) 0 0 var(--vscode-spacing-size40);
+	gap: var(--vscode-spacing-size40);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .editor-tabs-compact-height .browser-root > .browser-navbar {
+	height: var(--vscode-spacing-size280);
+}
+
+.agent-sessions-workbench .part.editor .browser-welcome-content {
+	gap: var(--vscode-spacing-size40);
+}
+
+.agent-sessions-workbench .part.editor .browser-welcome-icon {
+	display: none;
+}
+
+.agent-sessions-workbench .part.editor .browser-welcome-title,
+.agent-sessions-workbench .part.editor .browser-welcome-subtitle {
+	padding: 0;
+	margin: 0;
+	font-size: var(--vscode-fontSize-body1);
+	line-height: normal;
+}
+
+.agent-sessions-workbench .part.editor .browser-welcome-title {
+	color: var(--vscode-foreground);
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.agent-sessions-workbench .part.editor .browser-welcome-subtitle {
+	color: var(--vscode-descriptionForeground);
+	font-weight: var(--vscode-fontWeight-regular);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .search-editor > .query-container {
+	--search-editor-query-layout-offset: var(--vscode-spacing-size80, 8px);
+	display: grid;
+	grid-template-columns: minmax(0, 1fr) auto;
+	align-items: center;
+	column-gap: var(--vscode-spacing-size40);
+	box-sizing: border-box;
+	min-height: var(--vscode-spacing-size320);
+	margin: 0;
+	padding: var(--vscode-spacing-size20) var(--vscode-spacing-size40);
+	border-bottom: var(--vscode-strokeThickness) solid var(--vscode-editorGroupHeader-tabsBorder, var(--vscode-editorGroup-border));
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .search-editor > .query-container > .search-widget {
+	min-width: 0;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .search-editor > .query-container > .includes-excludes {
+	min-height: 0;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .search-editor > .query-container > .includes-excludes:not(.expanded) > .expand {
+	position: static;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor .search-editor > .query-container > .includes-excludes.expanded {
+	grid-column: 1 / -1;
+	width: 100%;
+}
+
+/* Editor Layout Actions Toolbar */
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title .editor-actions {
+	padding-right: 0;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title > .single-tab-and-actions-container > .title-actions {
+	padding: 0 0 0 var(--vscode-spacing-size40);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .single-tab.title-label {
+	padding-left: var(--vscode-spacing-size80);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .single-tab.title-label::before {
+	display: none;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .tabs-bar-add-tab {
+	display: flex;
+	align-items: center;
+	flex: 0 0 auto;
+	height: var(--editor-group-tab-height);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .tabs-bar-add-tab::after {
+	content: '';
+	width: var(--vscode-strokeThickness);
+	height: var(--vscode-spacing-size160);
+	margin: 0 var(--vscode-spacing-size40);
+	background-color: var(--vscode-titleBar-activeForeground);
+	opacity: 0.3;
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .tabs-bar-add-tab .action-label:not(.separator) {
+	width: var(--vscode-codiconFontSize);
+	height: var(--vscode-codiconFontSize);
+	margin: 0 var(--vscode-spacing-size40);
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	border-radius: var(--vscode-cornerRadius-small);
+	color: var(--chat-tab-inactive-foreground, currentColor);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .tabs-bar-add-tab .action-label:not(.separator):not(.disabled):hover {
+	background-color: var(--vscode-toolbar-hoverBackground);
+	color: var(--chat-tab-active-foreground, currentColor);
+}
+
+.agent-sessions-workbench.dock-detail-panel .part.editor > .content .editor-group-container > .title:not(.tabs) > .single-tab-and-actions-container > .label-container > .tabs-bar-add-tab .action-label:not(.separator):focus-visible {
+	outline: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
+	outline-offset: calc(-1 * var(--vscode-strokeThickness));
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.tabs-border-bottom > .monaco-scrollable-element {
+	flex: 1 1 auto;
+	min-width: 0;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title .editor-actions-separator {
+	display: block;
+	align-self: center;
+	width: 1px;
+	height: 16px;
+	margin: 0 4px;
+	background-color: var(--vscode-titleBar-activeForeground);
+	opacity: 0.3;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title .editor-layout-actions {
+	display: block;
+	cursor: default;
+	flex: initial;
+	padding: 0 0 0 4px;
+	height: var(--editor-group-tab-height);
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title .editor-layout-actions.hidden {
+	display: none;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title .editor-layout-actions .action-item {
+	margin-right: 4px;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title > .tabs-and-actions-container.wrapping .editor-layout-actions {
+	/* When tabs are wrapped, position the trailing editor actions at the end of the very last row */
+	position: absolute;
+	bottom: 0;
+	right: 0;
+}
+
+.agent-sessions-workbench .part.editor > .content .editor-group-container > .title.two-tab-bars > .tabs-and-actions-container:first-child .editor-layout-actions {
+	/* When multiple tab bars are visible, only show editor actions for the last tab bar */
+	display: none;
+}
+
+/* Modal Editor Part */
+
+.agent-sessions-workbench .part.editor.modal-editor-part .modal-editor-action-container .action-label.codicon.codicon-open-in-window {
+	transform: rotate(180deg);
+}

package/vscode/src/vs/sessions/browser/parts/media/remoteHostUnavailableEmptyState.css

@@ -0,0 +1,81 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.remote-host-unavailable-empty-state {
+	position: absolute;
+	inset: 0;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	box-sizing: border-box;
+	gap: var(--vscode-spacing-size120);
+	padding: var(--vscode-spacing-size240) var(--vscode-spacing-size160);
+	color: var(--session-view-foreground);
+	text-align: center;
+}
+
+.remote-host-unavailable-empty-state.hidden,
+.remote-host-unavailable-empty-state-description.hidden,
+.remote-host-unavailable-empty-state-progress.hidden,
+.remote-host-unavailable-empty-state-action.hidden,
+.remote-host-unavailable-empty-state-auto-connect.hidden {
+	display: none;
+}
+
+.remote-host-unavailable-empty-state-icon {
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	color: var(--vscode-descriptionForeground);
+}
+
+.remote-host-unavailable-empty-state-icon .codicon {
+	font-size: var(--vscode-codiconFontSize);
+}
+
+.remote-host-unavailable-empty-state-title {
+	max-width: var(--session-view-centered-content-max-width);
+	margin: 0;
+	color: var(--session-view-foreground);
+	font-size: var(--vscode-fontSize-heading2);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 1.4;
+}
+
+.remote-host-unavailable-empty-state-description,
+.remote-host-unavailable-empty-state-progress {
+	max-width: var(--session-view-centered-content-max-width);
+	margin: 0;
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body1);
+	line-height: 1.4;
+}
+
+.remote-host-unavailable-empty-state-action {
+	margin-top: var(--vscode-spacing-size80);
+}
+
+.remote-host-unavailable-empty-state-auto-connect {
+	margin-top: var(--vscode-spacing-size80);
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-body2);
+}
+
+.remote-host-unavailable-empty-state-auto-connect-row {
+	display: flex;
+	align-items: center;
+	gap: var(--vscode-spacing-size60);
+	cursor: pointer;
+}
+
+.remote-host-unavailable-empty-state-auto-connect-label {
+	cursor: pointer;
+}
+
+.chat-group-view-content.remote-host-unavailable > .chat-view {
+	visibility: hidden;
+	pointer-events: none;
+}

package/vscode/src/vs/sessions/browser/parts/media/sessionDropTarget.css

@@ -0,0 +1,31 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+#monaco-workbench-session-drop-overlay {
+	position: absolute;
+	z-index: 10000;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+
+#monaco-workbench-session-drop-overlay > .session-drop-overlay-indicator {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	pointer-events: none; /* important: do not steal events from the parent */
+	opacity: 0; /* hidden initially */
+}
+
+.monaco-workbench.monaco-enable-motion #monaco-workbench-session-drop-overlay > .session-drop-overlay-indicator {
+	transition: opacity 150ms ease-out;
+}
+
+.monaco-workbench.monaco-enable-motion #monaco-workbench-session-drop-overlay > .session-drop-overlay-indicator.overlay-move-transition {
+	transition: top 70ms ease-out, left 70ms ease-out, width 70ms ease-out, height 70ms ease-out, opacity 150ms ease-out;
+}

package/vscode/src/vs/sessions/browser/parts/media/sessionReadOnlyBanner.css

@@ -0,0 +1,87 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* A small status banner shown flush below the tab bar (within the same centered
+ * band) when the session's active chat is read-only. Stands in for the composer,
+ * which is hidden for read-only chats. Kept within the centered band (aligned
+ * with the header/tab bar and the centered transcript) with a subtle distinct
+ * background so it reads as a banner. */
+.session-readonly-banner {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: var(--vscode-spacing-size40, 4px);
+	box-sizing: border-box;
+	/* Match the VS Code editor read-only banner: 26px tall, 12px text. */
+	height: 26px;
+	/* Match the tab strip's insets so the banner starts and ends flush with the
+		tabs; the extra left inset accounts for the header's status-icon column. */
+	margin: calc(-1 * var(--vscode-spacing-size20, 2px)) var(--vscode-spacing-size100, 10px) 0 calc(var(--vscode-spacing-size100, 10px) + var(--vscode-codiconFontSize, 16px) + var(--vscode-spacing-size60, 6px));
+	padding: 0 var(--vscode-spacing-size100, 10px);
+	background-color: color-mix(in srgb, var(--vscode-focusBorder) 4%, var(--vscode-editorWidget-background));
+	color: var(--vscode-descriptionForeground);
+	font-size: var(--vscode-fontSize-label1, 12px);
+	font-family: var(--vscode-chat-font-family, inherit);
+}
+
+.session-readonly-banner.hidden {
+	display: none;
+}
+
+/* Match the editor read-only lock: standard codicon size, muted icon color. */
+.session-readonly-banner .session-readonly-banner-icon {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+	color: var(--vscode-icon-foreground);
+}
+
+.session-readonly-banner .session-readonly-banner-icon .codicon {
+	font-size: var(--vscode-codiconFontSize, 16px);
+}
+
+.session-readonly-banner .session-readonly-banner-text {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/* Inline action (e.g. "Restore" for an archived session), styled as a link. */
+.session-readonly-banner .session-readonly-banner-action {
+	flex-shrink: 0;
+	display: flex;
+	align-items: center;
+}
+
+.session-readonly-banner .session-readonly-banner-action-link {
+	color: var(--vscode-textLink-foreground);
+	cursor: pointer;
+}
+
+.session-readonly-banner .session-readonly-banner-action-link:hover {
+	color: var(--vscode-textLink-activeForeground);
+	text-decoration: underline;
+}
+
+.session-readonly-banner .session-readonly-banner-action-link:focus-visible {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: 2px;
+	border-radius: var(--vscode-cornerRadius-small, 2px);
+}
+
+
+/*
+ * Announced by the banner's live region; the visible text is aria-hidden so a
+ * ticking countdown does not queue an utterance per update.
+ */
+.session-readonly-banner .session-readonly-banner-announcement {
+	position: absolute;
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+	clip-path: inset(50%);
+	white-space: nowrap;
+}

package/vscode/src/vs/sessions/browser/parts/media/sessionView.css

@@ -0,0 +1,107 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+/* ------------------------------------------------------------------------- *
+ * Inactive session chat input state
+ *
+ * When a session column is not the active/focused/selected one, fade out all
+ * of its chat input controls (attach, mode/model pickers, etc.) and keep only
+ * the send button visible in a desaturated state. This reduces visual noise
+ * across the multi-session grid so attention stays on the active session.
+ * ------------------------------------------------------------------------- */
+
+/* Shared inset for the header content, transcript, and composer. */
+.session-view {
+	--session-view-content-horizontal-padding: var(--vscode-spacing-size320);
+}
+
+.session-view .session-view-centered-content {
+	height: 100%;
+	margin: 0 auto;
+	box-sizing: border-box;
+}
+
+/* Transitions apply to both active and inactive states so controls fade
+ * smoothly in either direction. Only declared when the user has not requested
+ * reduced motion so we never need to unset them. */
+@media (prefers-reduced-motion: no-preference) {
+	.session-view .chat-composite-bar.session-header-bar,
+	.session-view .interactive-session .interactive-list,
+	.session-view .interactive-session .interactive-list .chat-tool-invocation-part,
+	.session-view .interactive-session .interactive-list .chat-thinking-box,
+	.session-view .interactive-session .interactive-list .chat-footer-toolbar,
+	.session-view .interactive-session .chat-input-toolbars > .chat-input-toolbar,
+	.session-view .interactive-session .chat-secondary-toolbar,
+	.session-view .interactive-session .chat-attachments-container,
+	.session-view .interactive-session .interactive-input-followups {
+		transition: opacity 0.15s ease;
+	}
+
+	.session-view .interactive-session .chat-input-toolbars > .chat-execute-toolbar {
+		transition: filter 0.15s ease, opacity 0.15s ease;
+	}
+}
+
+/* Strongly recede the whole header (title, meta, toolbar) for inactive sessions
+ * so the active session's header stands out, while keeping it legible. */
+.session-view:not(.is-active) .chat-composite-bar.session-header-bar {
+	opacity: 0.6;
+}
+
+/* Recede the chat transcript for inactive sessions so it reads as quiet but
+ * stays legible at a glance. The list as a whole is only lightly dimmed so the
+ * agent's text responses remain readable; non-text content (tool calls) is
+ * dimmed further below to keep the visual hierarchy. */
+.session-view:not(.is-active) .interactive-session .interactive-list {
+	opacity: 0.9;
+}
+
+/* Push tool calls / invocations, thinking sections, and the per-response footer
+ * toolbar further back than plain text responses in inactive sessions. Opacity
+ * nests multiplicatively, so this stacks on top of the list's 0.9 for an
+ * effective ~0.54 while the plain text stays at 0.9. */
+.session-view:not(.is-active) .interactive-session .interactive-list .chat-tool-invocation-part,
+.session-view:not(.is-active) .interactive-session .interactive-list .chat-thinking-box,
+.session-view:not(.is-active) .interactive-session .interactive-list .chat-footer-toolbar {
+	opacity: 0.6;
+}
+
+/* Fully fade out the in-input controls (attach, mode/model/harness pickers,
+ * etc.) for inactive sessions so only the send button remains as a quiet
+ * affordance. */
+.session-view:not(.is-active) .interactive-session .chat-input-toolbars > .chat-input-toolbar {
+	opacity: 0;
+	visibility: hidden;
+	pointer-events: none;
+}
+
+/* Fade out the controls that sit below the input box (secondary toolbar,
+ * attachments row and followups) so the inactive input reads as quiet. */
+.session-view:not(.is-active) .interactive-session .chat-secondary-toolbar,
+.session-view:not(.is-active) .interactive-session .chat-attachments-container,
+.session-view:not(.is-active) .interactive-session .interactive-input-followups {
+	opacity: 0;
+	pointer-events: none;
+}
+
+/* Fade the chat input editor (including placeholder/draft text) for inactive sessions. */
+.session-view:not(.is-active) .interactive-session .chat-editor-container {
+	opacity: 0.6;
+}
+
+/* Fully desaturate the in-flight chat-input border beam in inactive sessions so
+ * it matches the muted treatment of the rest of the inactive input controls.
+ * Relative color syntax zeroes the saturation channel while preserving hue and
+ * lightness — unlike mixing toward a fixed gray, this keeps the accent's
+ * lightness intact so high-contrast themes (white/black accents) still read. */
+.session-view:not(.is-active) .interactive-session .chat-input-container.working {
+	--chat-input-working-border-color1: hsl(from var(--vscode-chat-inputWorkingBorderColor1) h 0% l);
+}
+
+/* Desaturate the send button so it reads as muted while still discoverable. */
+.session-view:not(.is-active) .interactive-session .chat-input-toolbars > .chat-execute-toolbar {
+	filter: grayscale(1);
+	opacity: 0.6;
+}