@codingame/monaco-vscode-workbench-service-override 37.6.0 → 38.0.0

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

@@ -0,0 +1,26 @@
+
+import { AbstractPaneCompositePart } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/paneCompositePart';
+import { Parts } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { agentsDetailBackground } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/agentsColors';
+import { AuxiliaryBarPart } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/auxiliaryBarPart';
+
+class DesktopAuxiliaryBarPart extends AuxiliaryBarPart {
+    create(parent) {
+        this.options = { ...this.options, hasTitle: false };
+        super.create(parent);
+    }
+    shouldShowCompositeBar() {
+        return false;
+    }
+    getPartBackgroundColor() {
+        return this.getColor(agentsDetailBackground) || '';
+    }
+    layout(width, height, top, left) {
+        if (!this.layoutService.isVisible(Parts.AUXILIARYBAR_PART)) {
+            return;
+        }
+        AbstractPaneCompositePart.prototype.layout.call(this, width, height, top, left);
+    }
+}
+
+export { DesktopAuxiliaryBarPart };

package/vscode/src/vs/sessions/browser/parts/{singlePaneEditorPart.d.ts → desktopEditorPart.d.ts}

@@ -11,11 +11,11 @@ import { EditorGroupLayout, GroupDirection, IEditorDropTargetDelegate } from "@c
 import { IHostService } from "@codingame/monaco-vscode-api/vscode/vs/workbench/services/host/browser/host.service";
 import { IAgentWorkbenchLayoutService } from "@codingame/monaco-vscode-api/vscode/vs/sessions/browser/workbench.service";
 import { MainEditorPart } from "./editorPart.js";
-import { SinglePaneAuxiliaryBarPart } from "./singlePaneAuxiliaryBarPart.js";
+import { DesktopAuxiliaryBarPart } from "./desktopAuxiliaryBarPart.js";
 /**
- * Single-pane editor part: owns the docked auxiliary bar so "tab bar + editor
+ * Desktop editor part: owns the docked auxiliary bar so "tab bar + editor
  * header + editor + auxiliary bar" is a single unit. It creates the
- * {@link SinglePaneAuxiliaryBarPart} (lazily, so the pane composite service and
+ * {@link DesktopAuxiliaryBarPart} (lazily, so the pane composite service and
  * the editor part share one instance) and the {@link DockedAuxiliaryBarController}
  * that docks and sizes the auxiliary bar inside the editor part. The header itself
  * is rendered by the editor group from the group's configured header
@@ -23,13 +23,14 @@ import { SinglePaneAuxiliaryBarPart } from "./singlePaneAuxiliaryBarPart.js";
  * that row for text file editors. The part only reacts to the tab row's height to
  * reposition the docked auxiliary bar.
  */
-export declare class SinglePaneMainEditorPart extends MainEditorPart {
+export declare class DesktopMainEditorPart extends MainEditorPart {
     private readonly _instantiationService;
     private readonly agentWorkbenchLayoutService;
     private _auxiliaryBar;
     private _dockedAuxBar;
     private readonly _groupRelayoutListeners;
     private readonly _tabsOverride;
+    private readonly _tabsPresentationRelayout;
     private _enforcedShowTabs;
     protected getGroupViewOptions(): IEditorGroupViewOptions;
     get preferredWidth(): number | undefined;
@@ -42,10 +43,11 @@ export declare class SinglePaneMainEditorPart extends MainEditorPart {
      * The auxiliary bar owned by this editor part, created on first access. The
      * pane composite service reads this so both share the same instance.
      */
-    get auxiliaryBar(): SinglePaneAuxiliaryBarPart;
+    get auxiliaryBar(): DesktopAuxiliaryBarPart;
+    private _updateSidePaneTabsClass;
     /**
      * Creates the editor part's DOM. Besides the base content (the editor grid), the
-     * single-pane part docks the auxiliary bar here — in the same place the base part
+     * desktop part docks the auxiliary bar here — in the same place the base part
      * creates its content — and enables the header separator border on every group.
      */
     protected createContentArea(parent: HTMLElement, options?: IEditorPartCreationOptions): HTMLElement;

package/vscode/src/vs/sessions/browser/parts/{singlePaneEditorPart.js → desktopEditorPart.js}

@@ -1,5 +1,6 @@
 
 import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib/tslib.es6';
+import { scheduleAtNextAnimationFrame } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
 import { DisposableMap, MutableDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
@@ -13,10 +14,11 @@ import { DockedEditorInput } from '@codingame/monaco-vscode-api/vscode/vs/sessio
 import { DockedAuxiliaryBarController } from '../dockedAuxiliaryBarController.js';
 import { Menus } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/menus';
 import { IAgentWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/workbench.service';
+import { AGENTS_SIDE_PANE_MULTIPLE_TABS_CLASS } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/agentsPartCard';
 import { MainEditorPart } from './editorPart.js';
-import { SinglePaneAuxiliaryBarPart } from './singlePaneAuxiliaryBarPart.js';
+import { DesktopAuxiliaryBarPart } from './desktopAuxiliaryBarPart.js';
 
-let SinglePaneMainEditorPart = class SinglePaneMainEditorPart extends MainEditorPart {
+let DesktopMainEditorPart = class DesktopMainEditorPart extends MainEditorPart {
     getGroupViewOptions() {
         return {
             menuIds: {
@@ -67,6 +69,7 @@ let SinglePaneMainEditorPart = class SinglePaneMainEditorPart extends MainEditor
         this.agentWorkbenchLayoutService = agentWorkbenchLayoutService;
         this._groupRelayoutListeners = this._register(( new DisposableMap()));
         this._tabsOverride = this._register(( new MutableDisposable()));
+        this._tabsPresentationRelayout = this._register(( new MutableDisposable()));
         this._register(configurationService.onDidChangeConfiguration(event => {
             if (event.affectsConfiguration("workbench.editor.showTabs")) {
                 this._updateTabsOverride();
@@ -100,13 +103,30 @@ let SinglePaneMainEditorPart = class SinglePaneMainEditorPart extends MainEditor
     }
     get auxiliaryBar() {
         if (!this._auxiliaryBar) {
-            this._auxiliaryBar = this._register(this._instantiationService.createInstance(SinglePaneAuxiliaryBarPart));
+            this._auxiliaryBar = this._register(this._instantiationService.createInstance(DesktopAuxiliaryBarPart));
         }
         return this._auxiliaryBar;
     }
+    _updateSidePaneTabsClass(scheduleRelayout) {
+        const root = this.agentWorkbenchLayoutService.mainContainer;
+        const multiple = this.partOptions.showTabs === "multiple";
+        if (root.classList.contains(AGENTS_SIDE_PANE_MULTIPLE_TABS_CLASS) === multiple) {
+            return;
+        }
+        root.classList.toggle(AGENTS_SIDE_PANE_MULTIPLE_TABS_CLASS, multiple);
+        if (scheduleRelayout) {
+            this._tabsPresentationRelayout.value = scheduleAtNextAnimationFrame(mainWindow, () => this.agentWorkbenchLayoutService.layout());
+        }
+    }
     createContentArea(parent, options) {
         this._updateTabsOverride();
         const container = super.createContentArea(parent, options);
+        this._updateSidePaneTabsClass(false);
+        this._register(this.onDidChangeEditorPartOptions(event => {
+            if (event.oldPartOptions.showTabs !== event.newPartOptions.showTabs) {
+                this._updateSidePaneTabsClass(true);
+            }
+        }));
         this._registerGroupRelayoutListeners();
         const layoutService = this.agentWorkbenchLayoutService;
         this._dockedAuxBar = this._register(( new DockedAuxiliaryBarController(this.element, this.auxiliaryBar, {
@@ -166,7 +186,7 @@ let SinglePaneMainEditorPart = class SinglePaneMainEditorPart extends MainEditor
         this._dockedAuxBar?.layout();
     }
 };
-SinglePaneMainEditorPart = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IThemeService)), ( __param(3, IConfigurationService)), ( __param(4, IStorageService)), ( __param(5, IAgentWorkbenchLayoutService)), ( __param(6, IHostService)), ( __param(7, IContextKeyService))], SinglePaneMainEditorPart));
+DesktopMainEditorPart = ( __decorate([( __param(1, IInstantiationService)), ( __param(2, IThemeService)), ( __param(3, IConfigurationService)), ( __param(4, IStorageService)), ( __param(5, IAgentWorkbenchLayoutService)), ( __param(6, IHostService)), ( __param(7, IContextKeyService))], DesktopMainEditorPart));
 function countEditorGroups(groups) {
     let count = 0;
     for (const group of groups) {
@@ -175,4 +195,4 @@ function countEditorGroups(groups) {
     return count;
 }
 
-export { SinglePaneMainEditorPart };
+export { DesktopMainEditorPart };

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

@@ -3,7 +3,11 @@ import { LayoutPriority } from '@codingame/monaco-vscode-api/vscode/vs/base/brow
 import { mainWindow } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/window';
 import { MainEditorPart as MainEditorPart$1 } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/editor/editorPart';
 import { Parts } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
+import { AGENTS_FLOATING_PANEL_GAP } from '@codingame/monaco-vscode-api/vscode/vs/workbench/common/agentsSizes';
+import { AgentWorkbenchLayout } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/workbench';
+import { getSidePaneBottomFrameInset } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/agentsPartCard';
 import { EDITOR_PART_MINIMUM_WIDTH } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/editorPartSizing';
+import { isPhoneLayout } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/parts/mobile/mobileLayout';
 
 class MainEditorPart extends MainEditorPart$1 {
     constructor() {
@@ -19,15 +23,23 @@ class MainEditorPart extends MainEditorPart$1 {
     }
     layout(width, height, top, left) {
         const agentLayoutService = this.layoutService;
-        const keepForDockedTabBar = agentLayoutService.isSinglePaneLayoutEnabled
+        const keepForDockedTabBar = agentLayoutService.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop
             && this.layoutService.isVisible(Parts.AUXILIARYBAR_PART);
         if (!this.layoutService.isVisible(Parts.EDITOR_PART, mainWindow) && !keepForDockedTabBar) {
             return;
         }
-        const adjustedWidth = width - MainEditorPart.MARGIN_RIGHT - MainEditorPart.MARGIN_LEFT - 2 ;
-        const adjustedHeight = height - MainEditorPart.MARGIN_TOP - MainEditorPart.MARGIN_BOTTOM - 2 ;
+        const compact = this.layoutService.isModernUICompact();
+        const marginLeft = !isPhoneLayout(this.layoutService)
+            && !compact
+            && !this.layoutService.isVisible(Parts.SIDEBAR_PART)
+            && !this.layoutService.isVisible(Parts.SESSIONS_PART)
+            ? AGENTS_FLOATING_PANEL_GAP : MainEditorPart.MARGIN_LEFT;
+        const borderTotal = compact ? 0 : 2;
+        const bottomFrameInset = getSidePaneBottomFrameInset(this.layoutService.mainContainer);
+        const adjustedWidth = width - MainEditorPart.MARGIN_RIGHT - marginLeft - borderTotal;
+        const adjustedHeight = height - MainEditorPart.MARGIN_TOP - MainEditorPart.MARGIN_BOTTOM - borderTotal - bottomFrameInset;
         super.layout(adjustedWidth, adjustedHeight, top, left);
-        if (agentLayoutService.isSinglePaneLayoutEnabled && !this.layoutService.isVisible(Parts.EDITOR_PART, mainWindow)) {
+        if (agentLayoutService.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop && !this.layoutService.isVisible(Parts.EDITOR_PART, mainWindow)) {
             agentLayoutService.handleDockedEditorPartLayout(width);
         }
     }

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

@@ -7,6 +7,6 @@ export declare class EditorParts extends EditorPartsBase {
     protected createMainEditorPart(): MainEditorPart;
     moveGroup(group: IEditorGroupView | GroupIdentifier, location: IEditorGroupView | GroupIdentifier, direction: GroupDirection): IEditorGroupView;
     copyGroup(group: IEditorGroupView | GroupIdentifier, location: IEditorGroupView | GroupIdentifier, direction: GroupDirection): IEditorGroupView;
-    private involvesSinglePaneMainPart;
+    private involvesDesktopMainPart;
     private resolveGroup;
 }

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

@@ -4,34 +4,35 @@ import * as editorPart from './media/editorPart.css';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/extensions';
 import { EditorParts as EditorParts$1 } from '@codingame/monaco-vscode-api/vscode/vs/workbench/browser/parts/editor/editorParts';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/instantiation/common/instantiation';
+import { AgentWorkbenchLayout } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/workbench';
 import { IAgentWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/sessions/browser/workbench.service';
 import { MainEditorPart } from './editorPart.js';
-import { SinglePaneMainEditorPart } from './singlePaneEditorPart.js';
+import { DesktopMainEditorPart } from './desktopEditorPart.js';
 
 registerCss(editorPart, 0);
 class EditorParts extends EditorParts$1 {
     createMainEditorPart() {
         const layoutService = this.instantiationService.invokeFunction(accessor => accessor.get(IAgentWorkbenchLayoutService));
-        const editorPart = layoutService.isSinglePaneLayoutEnabled ? this.instantiationService.createInstance(SinglePaneMainEditorPart, this) : this.instantiationService.createInstance(MainEditorPart, this);
+        const editorPart = layoutService.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop ? this.instantiationService.createInstance(DesktopMainEditorPart, this) : this.instantiationService.createInstance(MainEditorPart, this);
         this._register(editorPart.enforcePartOptions({
             tabActionReserveSpace: false
         }));
         return editorPart;
     }
     moveGroup(group, location, direction) {
-        if (this.involvesSinglePaneMainPart(group, location)) {
+        if (this.involvesDesktopMainPart(group, location)) {
             return this.resolveGroup(group);
         }
         return super.moveGroup(group, location, direction);
     }
     copyGroup(group, location, direction) {
-        if (this.involvesSinglePaneMainPart(group, location)) {
+        if (this.involvesDesktopMainPart(group, location)) {
             return this.resolveGroup(group);
         }
         return super.copyGroup(group, location, direction);
     }
-    involvesSinglePaneMainPart(group, location) {
-        return this.mainPart instanceof SinglePaneMainEditorPart && (this.getPart(group) === this.mainPart || this.getPart(location) === this.mainPart);
+    involvesDesktopMainPart(group, location) {
+        return this.mainPart instanceof DesktopMainEditorPart && (this.getPart(group) === this.mainPart || this.getPart(location) === this.mainPart);
     }
     resolveGroup(group) {
         const resolvedGroup = typeof group === "number" ? this.getGroup(group) : group;

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

@@ -0,0 +1,14 @@
+import { Grid, IView } from "@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/grid/grid";
+export declare const GRID_GAP_SASH_CLASS = "agents-grid-gap-sash";
+/** Insets that expose a shared visual gap along the interior edges of a grid view. */
+export interface IGridEdgeInsets {
+    readonly top: number;
+    readonly right: number;
+    readonly bottom: number;
+    readonly left: number;
+}
+export declare const NO_GRID_EDGE_INSETS: IGridEdgeInsets;
+/** Splits a shared gap between each view and its adjacent grid neighbors. */
+export declare function getGridEdgeInsets<T extends IView>(grid: Grid<T>, view: T, gap: number): IGridEdgeInsets;
+/** Marks only the gap sashes owned by this grid, excluding grids nested inside its leaves. */
+export declare function updateGridGapSashes<T extends IView>(grid: Grid<T>, enabled: boolean): void;

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

@@ -0,0 +1,69 @@
+
+import { isHTMLElement } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
+import { Direction, isGridBranchNode } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/grid/grid';
+
+const GRID_GAP_SASH_CLASS = 'agents-grid-gap-sash';
+const NO_GRID_EDGE_INSETS = { top: 0, right: 0, bottom: 0, left: 0 };
+function getGridEdgeInsets(grid, view, gap) {
+    if (gap <= 0) {
+        return NO_GRID_EDGE_INSETS;
+    }
+    const before = Math.floor(gap / 2);
+    const after = gap - before;
+    return {
+        top: grid.getNeighborViews(view, Direction.Up, false).length > 0 ? before : 0,
+        right: grid.getNeighborViews(view, Direction.Right, false).length > 0 ? after : 0,
+        bottom: grid.getNeighborViews(view, Direction.Down, false).length > 0 ? after : 0,
+        left: grid.getNeighborViews(view, Direction.Left, false).length > 0 ? before : 0,
+    };
+}
+function getDirectChild(element, className) {
+    for (const child of element.children) {
+        if (isHTMLElement(child) && child.classList.contains(className)) {
+            return child;
+        }
+    }
+    return undefined;
+}
+function updateGridGapSashes(grid, enabled) {
+    const visit = (element, node) => {
+        if (!isGridBranchNode(node)) {
+            return;
+        }
+        const splitView = getDirectChild(element, 'monaco-split-view2');
+        const sashContainer = splitView && getDirectChild(splitView, 'sash-container');
+        const scrollable = splitView && getDirectChild(splitView, 'monaco-scrollable-element');
+        const viewContainer = scrollable && getDirectChild(scrollable, 'split-view-container');
+        if (!splitView || !sashContainer || !viewContainer) {
+            return;
+        }
+        const positionProperty = splitView.classList.contains('horizontal') ? 'left' : 'top';
+        const sashes = Array.from(sashContainer.children)
+            .filter((child) => isHTMLElement(child) && child.classList.contains('monaco-sash'))
+            .map((sash, index) => ({ sash, index, position: Number.parseFloat(sash.style[positionProperty]) }))
+            .sort((first, second) => {
+            if (Number.isNaN(first.position) || Number.isNaN(second.position)) {
+                return first.index - second.index;
+            }
+            return first.position - second.position;
+        })
+            .map(({ sash }) => sash);
+        const views = Array.from(viewContainer.children)
+            .filter((child) => isHTMLElement(child) && child.classList.contains('split-view-view'));
+        for (const sash of sashes) {
+            sash.classList.toggle(GRID_GAP_SASH_CLASS, enabled);
+        }
+        for (let index = 0; index < node.children.length; index++) {
+            const childElement = views[index]?.firstElementChild;
+            if (isHTMLElement(childElement) && childElement.classList.contains('monaco-grid-branch-node')) {
+                visit(childElement, node.children[index]);
+            }
+        }
+    };
+    const root = getDirectChild(grid.element, 'monaco-grid-branch-node');
+    if (root) {
+        visit(root, grid.getViews());
+    }
+}
+
+export { GRID_GAP_SASH_CLASS, NO_GRID_EDGE_INSETS, getGridEdgeInsets, updateGridGapSashes };

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

@@ -30,13 +30,13 @@
 	width: 100%;
 	max-width: var(--session-view-centered-content-max-width, 950px);
 	margin: 0 auto;
-	padding: 0 var(--session-view-content-horizontal-padding, var(--vscode-spacing-size320));
+	padding: 0 var(--session-view-content-horizontal-padding, var(--vscode-spacing-size240));
 	box-sizing: border-box;
 }
 
 .session-view.grid-layout .session-header-bar > .chat-composite-bar-header {
 	max-width: none;
-	padding: 0 var(--session-view-content-horizontal-padding, var(--vscode-spacing-size320));
+	padding: 0 var(--session-view-content-horizontal-padding, var(--vscode-spacing-size240));
 }
 
 /* Tabs host: the chat tab strip, shown only when the session has multiple chats. */
@@ -204,11 +204,11 @@
 	height: var(--vscode-spacing-size280, 28px);
 }
 
-.session-view.tabs-replace-header .chat-groups-view.single-group .chat-composite-bar-tabs-row {
+.monaco-workbench:not(.modern-ui-connected-editor-tabs) .session-view.tabs-replace-header .chat-groups-view.single-group .chat-composite-bar-tabs-row {
 	border-bottom: var(--vscode-strokeThickness) solid color-mix(in srgb, var(--session-view-foreground, var(--chat-tab-active-foreground)) 12%, transparent);
 }
 
-:is(.hc-black, .hc-light) .session-view.tabs-replace-header .chat-groups-view.single-group .chat-composite-bar-tabs-row {
+.monaco-workbench:not(.modern-ui-connected-editor-tabs):is(.hc-black, .hc-light) .session-view.tabs-replace-header .chat-groups-view.single-group .chat-composite-bar-tabs-row {
 	border-bottom-color: var(--vscode-contrastBorder);
 }
 
@@ -255,6 +255,17 @@
 	gap: 4px;
 }
 
+.monaco-workbench.session-comparison-grid-active .session-header-bar .chat-composite-bar-title-actions .action-label.codicon-close {
+	opacity: 0;
+	pointer-events: none;
+}
+
+.monaco-workbench.session-comparison-grid-active .session-header-bar:hover .chat-composite-bar-title-actions .action-label.codicon-close,
+.monaco-workbench.session-comparison-grid-active .session-header-bar:focus-within .chat-composite-bar-title-actions .action-label.codicon-close {
+	opacity: 1;
+	pointer-events: auto;
+}
+
 /* Floating variant: a lightweight, absolutely positioned toolbar with no header chrome */
 .chat-composite-bar.chat-composite-bar-toolbar-floating {
 	position: absolute;
@@ -557,3 +568,120 @@
 	border-right: var(--vscode-strokeThickness) solid var(--vscode-focusBorder);
 	box-sizing: border-box;
 }
+
+.session-chat-tabs-bar .tab-connected-edge,
+.session-chat-tabs-bar .tab-connected-overflow-edge {
+	display: none;
+}
+
+.modern-ui-connected-editor-tabs.agent-sessions-workbench .session-view {
+	--modern-ui-connected-tab-surface: var(--session-view-background);
+}
+
+/* Default-density sessions own their individual frames in both tab styles.
+ * Connected tabs retain the same ownership in compact density. */
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs:not(.phone-layout):is(.modern-ui-connected-editor-tabs, :not(.modern-ui-compact)) .part.sessionspart.agents-part-card {
+	border-color: transparent;
+	background-clip: padding-box;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs:not(.phone-layout):is(.modern-ui-connected-editor-tabs, :not(.modern-ui-compact)) .part.sessionspart.agents-part-card::after {
+	content: none;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs:not(.phone-layout):is(.modern-ui-connected-editor-tabs, :not(.modern-ui-compact)) .session-view {
+	position: relative;
+	border-radius: max(0px, calc(var(--agents-part-corner-radius, var(--vscode-cornerRadius-large)) - var(--vscode-strokeThickness)));
+	overflow: hidden;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs:not(.phone-layout):is(.modern-ui-connected-editor-tabs, :not(.modern-ui-compact)) .session-view > .session-view-content {
+	/* Keep sticky-scroll and other transcript overlays below the session frame. */
+	isolation: isolate;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs:not(.phone-layout):is(.modern-ui-connected-editor-tabs, :not(.modern-ui-compact)) .session-view::after {
+	content: '';
+	position: absolute;
+	inset: 0;
+	border: var(--vscode-strokeThickness) solid var(--modern-ui-connected-tab-border, var(--part-border-color, transparent));
+	border-width: var(--agents-part-frame-border-width, var(--vscode-strokeThickness));
+	border-radius: inherit;
+	box-sizing: border-box;
+	pointer-events: none;
+	z-index: 10;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs:not(.phone-layout) .chat-groups-view.single-group .modern-ui-editor-tab-content::after {
+	border: 0;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs:not(.phone-layout) .chat-groups-view.single-group .chat-composite-bar-tab:first-child > :is(.chat-composite-bar-tab-fill, .tab-connected-edge) {
+	border-top-left-radius: 0;
+	border-left-color: transparent;
+	background-clip: border-box;
+}
+
+.modern-ui-connected-editor-tabs.agent-sessions-workbench .session-view .chat-composite-bar.session-chat-tabs-bar {
+	padding: 0;
+	max-width: none;
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tabs-row {
+	position: relative;
+	height: calc(var(--modern-ui-connected-tab-row-height) + var(--vscode-strokeThickness));
+	border-bottom: 0;
+	--modern-ui-editor-tab-active-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-unfocused-active-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-active-hover-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-unfocused-active-hover-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-action-active-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-action-unfocused-active-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-action-active-hover-background: var(--modern-ui-connected-tab-surface);
+	--modern-ui-editor-tab-action-unfocused-active-hover-background: var(--modern-ui-connected-tab-surface);
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tabs-row::after {
+	content: '';
+	position: absolute;
+	bottom: 0;
+	inset-inline: 0;
+	height: var(--vscode-strokeThickness);
+	background-color: var(--modern-ui-connected-tab-border);
+	pointer-events: none;
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tabs {
+	box-sizing: border-box;
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab {
+	scroll-margin-inline: calc(var(--modern-ui-connected-tab-shoulder-radius) + var(--vscode-strokeThickness));
+}
+
+/* Native scrolling rounds fractional bounds; reserve a stroke beyond the terminal shoulder. */
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab:last-child {
+	margin-right: calc(var(--modern-ui-connected-tab-shoulder-radius) + var(--vscode-strokeThickness));
+}
+
+.modern-ui-connected-editor-tabs.modern-ui-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab > .chat-composite-bar-tab-actions {
+	position: relative;
+	inset: auto;
+	flex-shrink: 0;
+	margin: 0 0 0 var(--vscode-spacing-size20);
+	border: 0;
+	border-radius: 0;
+}
+
+.modern-ui-connected-editor-tabs.modern-ui-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab > .chat-composite-bar-tab-actions::before {
+	display: none;
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab.active > .chat-composite-bar-tab-actions {
+	pointer-events: auto;
+	background-color: var(--modern-ui-connected-tab-surface);
+}
+
+.modern-ui-connected-editor-tabs.monaco-workbench .session-chat-tabs-bar .chat-composite-bar-tab.active > .chat-composite-bar-tab-actions .action-label {
+	opacity: 1;
+}

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

@@ -16,6 +16,8 @@
 .chat-group-view {
 	position: relative;
 	overflow: hidden;
+	contain: paint;
+	box-sizing: border-box;
 	background-color: var(--session-view-background);
 	color: var(--session-view-foreground);
 }
@@ -39,6 +41,14 @@
 	max-width: none;
 }
 
+.agent-sessions-workbench .part.sessionspart .chat-groups-view:not(.single-group) .interactive-session .chat-scroll-down {
+	right: var(--session-view-content-horizontal-padding, var(--vscode-spacing-size240));
+}
+
+.agent-sessions-workbench .part.sessionspart .chat-groups-view:not(.single-group) .interactive-session > .interactive-list > .chat-transcript-context {
+	max-width: none;
+}
+
 /* With a lone group, the tab strip aligns with the centered header/content band
  * rather than spanning the full leaf width. With more than one group it spans
  * the full leaf (the default) so the grid reads edge-to-edge. */

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

@@ -15,8 +15,8 @@
 	border-right-width: 0;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 0;
-	border-top-left-radius: 8px;
-	border-bottom-left-radius: 8px;
+	border-top-left-radius: var(--agents-part-corner-radius, var(--vscode-cornerRadius-large));
+	border-bottom-left-radius: var(--agents-part-corner-radius, var(--vscode-cornerRadius-large));
 	box-sizing: border-box;
 	overflow: hidden;
 }
@@ -35,6 +35,50 @@
 	width: auto;
 }
 
+.agent-sessions-workbench.modern-ui-connected-editor-tabs.dock-detail-panel .part.editor:not(.modal-editor-part) > .content .editor-group-container > .title.tabs > .tabs-and-actions-container::after {
+	inset-inline: 0;
+}
+
+/* The group owns the connected frame; the outer card only reserves its space. */
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) {
+	border-color: transparent;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part)::after {
+	content: none;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) > .content .editor-group-container {
+	position: relative;
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) > .content .editor-group-container::after {
+	content: '';
+	position: absolute;
+	inset: 0;
+	border: var(--vscode-strokeThickness) solid var(--modern-ui-connected-tab-border);
+	border-width: var(--agents-part-frame-border-width, var(--vscode-strokeThickness));
+	border-radius: max(0px, calc(var(--agents-part-corner-radius, var(--vscode-cornerRadius-large)) - var(--vscode-strokeThickness)));
+	box-sizing: border-box;
+	pointer-events: none;
+	z-index: 10;
+}
+
+:is(.hc-black, .hc-light).monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) > .content .editor-group-container::after {
+	border-color: var(--vscode-agentsPanel-border, var(--vscode-contrastBorder));
+}
+
+/* Keep the whole justified upper row on the same frame baseline above the panel. */
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.panel-alignment-justify:not(.nopanel):not(.phone-layout):not(.modern-ui-compact):not(.noeditorpane) .part.editor:not(.modal-editor-part),
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.panel-alignment-justify:not(.dock-detail-panel):not(.nopanel):not(.phone-layout):not(.modern-ui-compact):not(.noeditorpane) .part.auxiliarybar {
+	max-height: calc(100% - var(--agents-session-frame-inset) + var(--agents-side-pane-frame-inset));
+}
+
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) > .content .editor-group-container > .title.tabs .tab:first-child > .tab-fill,
+.monaco-workbench.agent-sessions-workbench.modern-ui-tabs.modern-ui-connected-editor-tabs.dock-detail-panel:not(.phone-layout) .part.editor.editor-tabs-multiple:not(.modal-editor-part) > .content .editor-group-container > .title.tabs .tab.last-in-row + .tab > .tab-fill {
+	background-clip: border-box;
+}
+
 .agent-sessions-workbench.dock-detail-panel .part.editor .browser-root > .browser-navbar {
 	box-sizing: border-box;
 	height: var(--vscode-spacing-size320);

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

@@ -56,17 +56,17 @@
 	align-items: center;
 }
 
-.session-readonly-banner .session-readonly-banner-action-link {
+.session-readonly-banner-action .monaco-link {
 	color: var(--vscode-textLink-foreground);
 	cursor: pointer;
 }
 
-.session-readonly-banner .session-readonly-banner-action-link:hover {
+.session-readonly-banner-action .monaco-link:hover {
 	color: var(--vscode-textLink-activeForeground);
 	text-decoration: underline;
 }
 
-.session-readonly-banner .session-readonly-banner-action-link:focus-visible {
+.session-readonly-banner-action .monaco-link:focus-visible {
 	outline: 1px solid var(--vscode-focusBorder);
 	outline-offset: 2px;
 	border-radius: var(--vscode-cornerRadius-small, 2px);