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

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

@@ -0,0 +1,134 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.monaco-workbench.nosessionspart .part.sessionspart {
+	display: none !important;
+	visibility: hidden !important;
+}
+
+.monaco-workbench .part.sessionspart {
+	position: relative;
+	isolation: isolate;
+}
+
+.monaco-workbench .part.sessionspart > .title,
+.monaco-workbench .part.sessionspart > .content {
+	position: relative;
+	z-index: 2;
+}
+
+.monaco-workbench .part.sessionspart > .content .monaco-editor,
+.monaco-workbench .part.sessionspart > .content .monaco-editor .margin,
+.monaco-workbench .part.sessionspart > .content .monaco-editor .monaco-editor-background {
+	background-color: var(--vscode-agentsPanel-background);
+}
+
+.monaco-workbench .part.sessionspart .session-view,
+.monaco-workbench .part.sessionspart .session-view .session-view-content {
+	background-color: var(--session-view-background);
+	color: var(--session-view-foreground);
+	position: relative;
+}
+
+.monaco-workbench .part.sessionspart .session-view .interactive-session {
+	--vscode-interactive-session-foreground: var(--session-view-foreground) !important;
+}
+
+.monaco-workbench .part.sessionspart > .content > .monaco-progress-container {
+	top: 0;
+}
+
+/* Each grid leaf surfaces its own load progress on a bar pinned to its top, mirroring how each editor group owns its own ProgressBar.
+ * The chat view spans the full leaf width (so the transcript scrollbar stays at the right edge), so the progress bar is centered and
+ * capped to the centered-content width (set as a CSS variable in `SessionView`) to align with the header/content band rather than
+ * starting in the empty side gutters. */
+.monaco-workbench .part.sessionspart .chat-view {
+	position: relative;
+}
+
+.monaco-workbench .part.sessionspart .chat-view > .monaco-progress-container {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	margin: 0 auto;
+	max-width: var(--session-view-centered-content-max-width);
+	z-index: 10;
+}
+
+.monaco-workbench .part.sessionspart .title-actions .actions-container {
+	justify-content: flex-end;
+}
+
+.monaco-workbench .part.sessionspart .title-actions .action-item {
+	margin-right: 4px;
+}
+
+.monaco-workbench .part.sessionspart > .title {
+	background-color: var(--vscode-agentsPanel-background);
+}
+
+.monaco-workbench .part.sessionspart > .title > .title-label {
+	flex: 1;
+}
+
+.monaco-workbench .part.sessionspart > .title > .title-label h2 {
+	text-transform: uppercase;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container {
+	flex: 1;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus {
+	outline: 0 !important; /* activity bar indicates focus custom */
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
+	outline-offset: 2px;
+}
+
+.hc-black .monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label,
+.hc-light .monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label {
+	border-radius: 0px;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item .action-label::before {
+	position: absolute;
+	left: 5px; /* place icon in center */
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked:not(:focus) .active-item-indicator:before,
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked.clicked:focus .active-item-indicator:before {
+	border-top-color: var(--vscode-panelTitle-activeBorder) !important;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label,
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:focus .action-label {
+	color: var(--vscode-agentsPanel-foreground) !important;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item.checked .action-label,
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:hover .action-label {
+	outline: var(--vscode-contrastActiveBorder, unset) solid 1px !important;
+}
+
+.monaco-workbench .part.sessionspart > .title > .composite-bar-container > .composite-bar > .monaco-action-bar .action-item:not(.checked):hover .action-label {
+	outline: var(--vscode-contrastActiveBorder, unset) dashed 1px !important;
+}
+
+.monaco-workbench .sessionspart.part.pane-composite-part > .composite.title > .title-actions {
+	flex: inherit;
+}
+
+.monaco-workbench .sessionspart.pane-composite-part > .title.has-composite-bar > .title-actions .monaco-action-bar .action-item {
+	max-width: 150px;
+}
+
+/* Nudge icon position to ensure it looks optically aligned within the button */
+.monaco-workbench .part.sessionspart .interactive-session .chat-input-toolbars > .chat-execute-toolbar .monaco-action-bar .action-item > .action-label.codicon-arrow-up-compact::before {
+	display: inline-block;
+	transform: translateY(0.5px);
+}

package/vscode/src/vs/sessions/browser/parts/menubar.contribution.d.ts

@@ -0,0 +1 @@
+export {};

package/vscode/src/vs/sessions/browser/parts/menubar.contribution.js

@@ -0,0 +1,79 @@
+
+import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
+import { MenuRegistry, MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
+import { IsMacNativeContext } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkeys';
+import { Menus } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/menus';
+
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarFileMenu,
+    title: {
+        value: "File",
+        original: "File",
+        mnemonicTitle: ( localize(2967, "&&File"))
+    },
+    order: 1
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarEditMenu,
+    title: {
+        value: "Edit",
+        original: "Edit",
+        mnemonicTitle: ( localize(2968, "&&Edit"))
+    },
+    order: 2
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarSelectionMenu,
+    title: {
+        value: "Selection",
+        original: "Selection",
+        mnemonicTitle: ( localize(2969, "&&Selection"))
+    },
+    order: 3
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarViewMenu,
+    title: {
+        value: "View",
+        original: "View",
+        mnemonicTitle: ( localize(2970, "&&View"))
+    },
+    order: 4
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: Menus.GoMenu,
+    title: {
+        value: "Go",
+        original: "Go",
+        mnemonicTitle: ( localize(2971, "&&Go"))
+    },
+    order: 5
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarTerminalMenu,
+    title: {
+        value: "Terminal",
+        original: "Terminal",
+        mnemonicTitle: ( localize(2972, "&&Terminal"))
+    },
+    order: 7
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarHelpMenu,
+    title: {
+        value: "Help",
+        original: "Help",
+        mnemonicTitle: ( localize(2973, "&&Help"))
+    },
+    order: 8
+});
+MenuRegistry.appendMenuItem(MenuId.MenubarMainMenu, {
+    submenu: MenuId.MenubarPreferencesMenu,
+    title: {
+        value: "Preferences",
+        original: "Preferences",
+        mnemonicTitle: ( localize(2974, "&&Preferences"))
+    },
+    when: IsMacNativeContext,
+    order: 9
+});

package/vscode/src/vs/sessions/browser/parts/mobile/mobileCustomViewGridPart.d.ts

@@ -0,0 +1,13 @@
+import { CustomViewGridPart } from "../customViewGridPart.js";
+/**
+ * Mobile variant of {@link CustomViewGridPart}.
+ *
+ * On phone-sized viewports the part fills the full grid cell without card
+ * margins or border insets. When the viewport transitions to tablet/desktop
+ * (e.g. device rotation crossing the phone breakpoint) this delegates to the
+ * desktop implementation so layout math stays correct.
+ */
+export declare class MobileCustomViewGridPart extends CustomViewGridPart {
+    updateStyles(): void;
+    layout(width: number, height: number, top: number, left: number): void;
+}

package/vscode/src/vs/sessions/browser/parts/mobile/mobileCustomViewGridPart.js

@@ -0,0 +1,33 @@
+
+import { Parts } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { Part } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/part';
+import { clearAgentsPartCardStyles } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/agentsPartCard';
+import { CustomViewGridPart } from '../customViewGridPart.js';
+import { isPhoneLayout } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/mobile/mobileLayout';
+
+class MobileCustomViewGridPart extends CustomViewGridPart {
+    updateStyles() {
+        super.updateStyles();
+        if (!isPhoneLayout(this.layoutService)) {
+            return;
+        }
+        const container = this.getContainer();
+        if (container) {
+            clearAgentsPartCardStyles(container);
+        }
+    }
+    layout(width, height, top, left) {
+        if (!isPhoneLayout(this.layoutService)) {
+            super.layout(width, height, top, left);
+            return;
+        }
+        if (!this.layoutService.isVisible(Parts.CUSTOM_VIEW_GRID_PART)) {
+            return;
+        }
+        const { contentSize } = this.layoutContents(width, height);
+        this._layoutNode(contentSize.width, contentSize.height);
+        Part.prototype.layout.call(this, width, height, top, left);
+    }
+}
+
+export { MobileCustomViewGridPart };

package/vscode/src/vs/sessions/browser/parts/mobile/mobileSessionsPart.d.ts

@@ -0,0 +1,14 @@
+import { SessionsPart } from "../sessionsPart.js";
+/**
+ * Mobile variant of SessionsPart.
+ *
+ * On phone-sized viewports the sessions part fills the full grid cell without
+ * card margins, border insets, or session-bar height adjustments. When
+ * the viewport transitions to tablet/desktop (e.g., device rotation
+ * crossing the phone breakpoint) this delegates to the desktop
+ * implementation so layout math stays correct.
+ */
+export declare class MobileSessionsPart extends SessionsPart {
+    updateStyles(): void;
+    layout(width: number, height: number, top: number, left: number): void;
+}

package/vscode/src/vs/sessions/browser/parts/mobile/mobileSessionsPart.js

@@ -0,0 +1,34 @@
+
+import { Parts } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { Part } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/part';
+import { SessionsPart } from '../sessionsPart.js';
+import { clearAgentsPartCardStyles } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/agentsPartCard';
+import { isPhoneLayout } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/mobile/mobileLayout';
+
+class MobileSessionsPart extends SessionsPart {
+    updateStyles() {
+        super.updateStyles();
+        if (!isPhoneLayout(this.layoutService)) {
+            return;
+        }
+        const container = this.getContainer();
+        if (container) {
+            clearAgentsPartCardStyles(container);
+        }
+    }
+    layout(width, height, top, left) {
+        if (!isPhoneLayout(this.layoutService)) {
+            super.layout(width, height, top, left);
+            return;
+        }
+        if (!this.layoutService.isVisible(Parts.SESSIONS_PART)) {
+            return;
+        }
+        this._lastLayout = { width, height, top, left };
+        const { contentSize } = this.layoutContents(width, height);
+        this._gridWidget?.layout(contentSize.width, contentSize.height, top, left);
+        Part.prototype.layout.call(this, width, height, top, left);
+    }
+}
+
+export { MobileSessionsPart };

package/vscode/src/vs/sessions/browser/parts/remoteHostUnavailableEmptyState.d.ts

@@ -0,0 +1,39 @@
+import { Disposable } from "@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle";
+export interface IRemoteHostUnavailableEmptyStateContent {
+    readonly title: string;
+    /** Omitted when the title already says everything, leaving the title and action to speak. */
+    readonly description?: string;
+    readonly progress?: string;
+    readonly action?: {
+        readonly label: string;
+        readonly run: () => void;
+    };
+    /** Optional kind-scoped auto-start policy, rendered beneath the action. */
+    readonly autoConnect?: {
+        readonly label: string;
+        readonly checked: boolean;
+        readonly onChange: (checked: boolean) => void;
+    };
+}
+/**
+ * Blocking recovery state for a new chat whose remote host is unavailable.
+ */
+export declare class RemoteHostUnavailableEmptyState extends Disposable {
+    readonly domNode: HTMLElement;
+    private readonly _title;
+    private readonly _description;
+    private readonly _progress;
+    private readonly _actionContainer;
+    private readonly _action;
+    private readonly _actionListener;
+    private readonly _autoConnectContainer;
+    private readonly _autoConnectRow;
+    private readonly _autoConnect;
+    private readonly _autoConnectLabel;
+    private readonly _autoConnectListener;
+    constructor();
+    get visible(): boolean;
+    setContent(content: IRemoteHostUnavailableEmptyStateContent | undefined): void;
+    focus(): void;
+    dispose(): void;
+}

package/vscode/src/vs/sessions/browser/parts/remoteHostUnavailableEmptyState.js

@@ -0,0 +1,136 @@
+
+import { registerCss } from '@codingame/monaco-vscode-api/css';
+import * as remoteHostUnavailableEmptyState from './media/remoteHostUnavailableEmptyState.css';
+import { $, append, addDisposableListener, EventType, EventHelper } 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 { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { Checkbox } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/toggle/toggle';
+import { Gesture, EventType as EventType$1 } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/touch';
+import { Codicon } from '@codingame/monaco-vscode-api/vscode/vs/base/common/codicons';
+import { Disposable, MutableDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { defaultButtonStyles, defaultCheckboxStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
+
+registerCss(remoteHostUnavailableEmptyState, 0);
+class RemoteHostUnavailableEmptyState extends Disposable {
+    constructor() {
+        super();
+        this._actionListener = this._register(( new MutableDisposable()));
+        this._autoConnectListener = this._register(( new MutableDisposable()));
+        this.domNode = $(".remote-host-unavailable-empty-state.hidden");
+        this.domNode.setAttribute("role", "group");
+        this.domNode.tabIndex = -1;
+        const icon = append(this.domNode, $(".remote-host-unavailable-empty-state-icon"));
+        icon.setAttribute("aria-hidden", "true");
+        icon.appendChild(renderIcon(Codicon.debugDisconnect));
+        this._title = append(this.domNode, $("h2.remote-host-unavailable-empty-state-title"));
+        this._description = append(
+            this.domNode,
+            $("p.remote-host-unavailable-empty-state-description.hidden")
+        );
+        this._progress = append(
+            this.domNode,
+            $("p.remote-host-unavailable-empty-state-progress.hidden")
+        );
+        this._progress.setAttribute("role", "status");
+        this._actionContainer = append(this.domNode, $(".remote-host-unavailable-empty-state-action.hidden"));
+        this._action = this._register(( new Button(this._actionContainer, {
+            ...defaultButtonStyles,
+            title: true
+        })));
+        this._autoConnectContainer = append(
+            this.domNode,
+            $(".remote-host-unavailable-empty-state-auto-connect.hidden")
+        );
+        this._autoConnectRow = append(
+            this._autoConnectContainer,
+            $(".remote-host-unavailable-empty-state-auto-connect-row")
+        );
+        this._autoConnect = this._register(( new Checkbox("", false, {
+            ...defaultCheckboxStyles,
+            size: 14
+        })));
+        append(this._autoConnectRow, this._autoConnect.domNode);
+        this._autoConnectLabel = append(
+            this._autoConnectRow,
+            $("span.remote-host-unavailable-empty-state-auto-connect-label")
+        );
+        this._autoConnectLabel.setAttribute("aria-hidden", "true");
+        this._register(Gesture.addTarget(this._autoConnectRow));
+    }
+    get visible() {
+        return !this.domNode.classList.contains("hidden");
+    }
+    setContent(content) {
+        this._actionListener.clear();
+        this._autoConnectListener.clear();
+        this.domNode.classList.toggle("hidden", !content);
+        if (!content) {
+            this._description.textContent = "";
+            this._description.classList.add("hidden");
+            this._progress.textContent = "";
+            this._progress.classList.add("hidden");
+            this._actionContainer.classList.add("hidden");
+            this._action.label = "";
+            this._autoConnectContainer.classList.add("hidden");
+            this._autoConnectLabel.textContent = "";
+            this._autoConnect.checked = false;
+            this._autoConnect.setTitle("");
+            return;
+        }
+        this.domNode.setAttribute("aria-label", content.title);
+        this._title.textContent = content.title;
+        this._description.textContent = content.description ?? "";
+        this._description.classList.toggle("hidden", !content.description);
+        this._progress.textContent = content.progress ?? "";
+        this._progress.classList.toggle("hidden", !content.progress);
+        if (!content.action) {
+            this._actionContainer.classList.add("hidden");
+            this._action.label = "";
+        } else {
+            this._actionContainer.classList.remove("hidden");
+            this._action.label = content.action.label;
+            this._action.setAriaLabel(content.action.label);
+            this._actionListener.value = this._action.onDidClick(() => content.action?.run());
+        }
+        const autoConnect = content.autoConnect;
+        this._autoConnectContainer.classList.toggle("hidden", !autoConnect);
+        this._autoConnectLabel.textContent = autoConnect?.label ?? "";
+        this._autoConnect.checked = autoConnect?.checked ?? false;
+        this._autoConnect.setTitle(autoConnect?.label ?? "");
+        if (!autoConnect) {
+            return;
+        }
+        const listeners = ( new DisposableStore());
+        listeners.add(
+            this._autoConnect.onChange(() => autoConnect.onChange(this._autoConnect.checked))
+        );
+        listeners.add(
+            addDisposableListener(this._autoConnectRow, EventType.CLICK, e => {
+                if (!this._autoConnect.enabled) {
+                    return;
+                }
+                EventHelper.stop(e, true);
+                this._autoConnect.checked = !this._autoConnect.checked;
+                autoConnect.onChange(this._autoConnect.checked);
+            })
+        );
+        listeners.add(addDisposableListener(this._autoConnectRow, EventType$1.Tap, e => {
+            if (!this._autoConnect.enabled) {
+                return;
+            }
+            EventHelper.stop(e, true);
+            this._autoConnect.checked = !this._autoConnect.checked;
+            autoConnect.onChange(this._autoConnect.checked);
+        }));
+        this._autoConnectListener.value = listeners;
+    }
+    focus() {
+        this.domNode.focus();
+    }
+    dispose() {
+        this.domNode.remove();
+        super.dispose();
+    }
+}
+
+export { RemoteHostUnavailableEmptyState };

package/vscode/src/vs/sessions/browser/parts/sessionBarStyles.d.ts

@@ -0,0 +1,9 @@
+import { IColorTheme } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService";
+/**
+ * Applies the shared session bar CSS custom properties onto the given container.
+ *
+ * These tokens drive the foreground/background/border treatment that the session
+ * header and the chat tab strip share, so both surfaces stay visually in sync.
+ */
+export declare function applySessionBarThemeColors(container: HTMLElement, theme: IColorTheme): void;
+export declare function applySessionViewThemeColors(container: HTMLElement, theme: IColorTheme, active: boolean): void;

package/vscode/src/vs/sessions/browser/parts/sessionBarStyles.js

@@ -0,0 +1,62 @@
+
+import { PANEL_ACTIVE_TITLE_FOREGROUND, PANEL_INACTIVE_TITLE_FOREGROUND, PANEL_ACTIVE_TITLE_BORDER, MODERN_EDITOR_TAB_ACTIVE_BACKGROUND, MODERN_EDITOR_TAB_HOVER_BACKGROUND, MODERN_EDITOR_TAB_ACTIVE_HOVER_BACKGROUND, TAB_UNFOCUSED_ACTIVE_BACKGROUND, TAB_ACTIVE_BACKGROUND, TAB_UNFOCUSED_HOVER_BACKGROUND, TAB_HOVER_BACKGROUND } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/theme';
+import { ColorThemeData } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/themes/common/colorThemeData';
+import { agentsPanelBackground, activeSessionViewBackground, inactiveSessionViewBackground, activeSessionViewForeground, inactiveSessionViewForeground } from '@codingame/monaco-vscode-api/vscode/vs/sessions/common/theme';
+
+function applySessionBarThemeColors(container, theme) {
+    const bg = theme.getColor(agentsPanelBackground);
+    const activeFg = theme.getColor(PANEL_ACTIVE_TITLE_FOREGROUND);
+    const inactiveFg = theme.getColor(PANEL_INACTIVE_TITLE_FOREGROUND);
+    const activeBorder = theme.getColor(PANEL_ACTIVE_TITLE_BORDER);
+    container.style.setProperty("--chat-bar-background", bg?.toString() ?? "");
+    container.style.setProperty("--chat-tab-active-foreground", activeFg?.toString() ?? "");
+    container.style.setProperty("--chat-tab-inactive-foreground", inactiveFg?.toString() ?? "");
+    container.style.setProperty("--chat-tab-active-border", activeBorder?.toString() ?? "");
+}
+function applySessionViewThemeColors(container, theme, active) {
+    const background = theme.getColor(active ? activeSessionViewBackground : inactiveSessionViewBackground);
+    const foreground = theme.getColor(active ? activeSessionViewForeground : inactiveSessionViewForeground);
+    const activeTabBackground = theme.getColor(MODERN_EDITOR_TAB_ACTIVE_BACKGROUND);
+    const hoverTabBackground = theme.getColor(MODERN_EDITOR_TAB_HOVER_BACKGROUND);
+    const activeHoverTabBackground = theme.getColor(MODERN_EDITOR_TAB_ACTIVE_HOVER_BACKGROUND);
+    const unfocusedActiveTabBackground = getLegacyTabBackgroundCustomization(theme, TAB_UNFOCUSED_ACTIVE_BACKGROUND, TAB_ACTIVE_BACKGROUND) ?? activeTabBackground;
+    const legacyUnfocusedHoverTabBackground = getLegacyTabBackgroundCustomization(theme, TAB_UNFOCUSED_HOVER_BACKGROUND, TAB_HOVER_BACKGROUND);
+    const unfocusedHoverTabBackground = legacyUnfocusedHoverTabBackground ?? hoverTabBackground;
+    const unfocusedActiveHoverTabBackground = legacyUnfocusedHoverTabBackground ?? activeHoverTabBackground;
+    container.style.setProperty("--session-view-background", background?.toString() ?? "");
+    container.style.setProperty("--session-view-foreground", foreground?.toString() ?? "");
+    container.style.setProperty("--part-background", background?.toString() ?? "");
+    container.style.setProperty("--part-foreground", foreground?.toString() ?? "");
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-active-background",
+        activeTabBackground && background ? ( activeTabBackground.makeOpaque(background).toString()) : ""
+    );
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-hover-background",
+        hoverTabBackground && background ? ( hoverTabBackground.makeOpaque(background).toString()) : ""
+    );
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-active-hover-background",
+        activeHoverTabBackground && background ? ( activeHoverTabBackground.makeOpaque(background).toString()) : ""
+    );
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-unfocused-active-background",
+        unfocusedActiveTabBackground && background ? ( unfocusedActiveTabBackground.makeOpaque(background).toString()) : ""
+    );
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-unfocused-hover-background",
+        unfocusedHoverTabBackground && background ? ( unfocusedHoverTabBackground.makeOpaque(background).toString()) : ""
+    );
+    container.style.setProperty(
+        "--modern-ui-editor-tab-action-unfocused-active-hover-background",
+        unfocusedActiveHoverTabBackground && background ? ( unfocusedActiveHoverTabBackground.makeOpaque(background).toString()) : ""
+    );
+}
+function getLegacyTabBackgroundCustomization(theme, colorId, relatedColorId) {
+    if (theme instanceof ColorThemeData && !theme.getColorCustomization(colorId) && !theme.getColorCustomization(relatedColorId)) {
+        return undefined;
+    }
+    return theme.getColor(colorId);
+}
+
+export { applySessionBarThemeColors, applySessionViewThemeColors };

package/vscode/src/vs/sessions/browser/parts/sessionDropTarget.d.ts

@@ -0,0 +1,39 @@
+import { IInstantiationService } from "@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation";
+import { Themable } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService";
+import { IThemeService } from "@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/themeService.service";
+/**
+ * Resolves an HTML element under the part's content area to the session view
+ * it belongs to (if any). Returns the session id and the view's root element.
+ */
+export interface ISessionDropTargetDelegate {
+    findTargetView(child: HTMLElement): {
+        readonly sessionId: string;
+        readonly element: HTMLElement;
+    } | undefined;
+}
+/**
+ * Drop target for the sessions grid. Listens for drag events over the part's
+ * content area, displays a half-pane overlay on whichever session view is
+ * being hovered, and calls into {@link ISessionsManagementService} to insert
+ * or move the dragged session next to the target.
+ *
+ * Currently supports only left/right insertion; up/down and "into" drops are
+ * not supported.
+ */
+export declare class SessionDropTarget extends Themable {
+    private readonly _container;
+    private readonly _delegate;
+    private readonly _instantiationService;
+    private _overlay?;
+    private _counter;
+    private readonly _sessionTransfer;
+    constructor(_container: HTMLElement, _delegate: ISessionDropTargetDelegate, themeService: IThemeService, _instantiationService: IInstantiationService);
+    private get overlay();
+    private _registerListeners;
+    private _onDragEnter;
+    private _onDragLeave;
+    private _onDragEnd;
+    private _updateContainer;
+    dispose(): void;
+    private _disposeOverlay;
+}