@codingame/monaco-vscode-api 37.6.0 → 38.0.0

package/vscode/src/vs/sessions/browser/workbench.js

@@ -4,22 +4,23 @@ import '../../workbench/browser/style.js';
 import * as style from './media/style.css';
 import * as workbench from './media/workbench.css';
 import * as phoneLayout from './media/phoneLayout.css';
-import { DisposableStore, toDisposable } from '../../base/common/lifecycle.js';
+import { Disposable, DisposableStore, toDisposable } from '../../base/common/lifecycle.js';
 import { Emitter, setGlobalLeakWarningThreshold, Event } from '../../base/common/event.js';
-import { getActiveDocument, getWindows, getClientArea, createElement, addDisposableListener, EventType, addDisposableGenericMouseDownListener, runWhenWindowIdle, Dimension, getWindowId, getWindow, getFullscreenElement, size, getActiveElement, isAncestorUsingFlowTo } from '../../base/browser/dom.js';
-import { DeferredPromise, timeout, RunOnceScheduler, Promises } from '../../base/common/async.js';
+import { getActiveDocument, getWindows, getClientArea, createElement, addDisposableListener, EventType, addDisposableGenericMouseDownListener, runWhenWindowIdle, Dimension, getWindowId, getWindow, isHTMLElement, getFullscreenElement, size, getActiveElement, isAncestorUsingFlowTo } from '../../base/browser/dom.js';
+import { DeferredPromise, RunOnceScheduler } from '../../base/common/async.js';
 import { isFirefox, isChrome, isSafari, onDidChangeFullscreen, isFullscreen } from '../../base/browser/browser.js';
 import { mark } from '../../base/common/performance.js';
 import { onUnexpectedError, setUnexpectedErrorHandler } from '../../base/common/errors.js';
 import { isWeb, isNative, isMacintosh, isWindows, isLinux, isIOS } from '../../base/common/platform.js';
-import { Parts, positionToString, Position } from '../../workbench/services/layout/browser/layoutService.js';
+import { Parts, ModernUIDensity, LayoutSettings, positionToString, Position } from '../../workbench/services/layout/browser/layoutService.js';
 import { Part } from '../../workbench/browser/part.js';
-import { SerializableGrid } from '../../base/browser/ui/grid/grid.js';
+import { SerializableGrid, Direction, Sizing } from '../../base/browser/ui/grid/grid.js';
 import { IEditorGroupsService } from '../../workbench/services/editor/common/editorGroupsService.service.js';
 import { IEditorService } from '../../workbench/services/editor/common/editorService.service.js';
 import { IPaneCompositePartService } from '../../workbench/services/panecomposite/browser/panecomposite.service.js';
 import { ViewContainerLocation } from '../../workbench/common/views.js';
 import { IViewDescriptorService } from '../../workbench/common/views.service.js';
+import { createUnexpectedErrorHandler } from '../../platform/log/common/log.js';
 import { IInstantiationService } from '../../platform/instantiation/common/instantiation.js';
 import { ITitleService } from '../../workbench/services/title/browser/titleService.service.js';
 import { mainWindow } from '../../base/browser/window.js';
@@ -34,11 +35,18 @@ import { IConfigurationService } from '../../platform/configuration/common/confi
 import { IHostService } from '../../workbench/services/host/browser/host.service.js';
 import { IDialogService } from '../../platform/dialogs/common/dialogs.service.js';
 import { INotificationService } from '../../platform/notification/common/notification.service.js';
+import { WorkbenchHoverDelegate } from '../../platform/hover/browser/hover.js';
+import { IHoverService } from '../../platform/hover/browser/hover.service.js';
+import { setHoverDelegateFactory } from '../../base/browser/ui/hover/hoverDelegateFactory.js';
+import { setBaseLayerHoverDelegate } from '../../base/browser/ui/hover/hoverDelegate2.js';
+import { Registry } from '../../platform/registry/common/platform.js';
+import { Extensions } from '../../workbench/common/contributions.js';
+import { EditorExtensions } from '../../workbench/common/editor.js';
 import { setARIAContainer, alert } from '../../base/browser/ui/aria/aria.js';
 import { localize } from '../../nls.js';
 import { FontMeasurements } from '../../editor/browser/config/fontMeasurements.js';
 import { createBareFontInfoFromRawSettings } from '../../editor/common/config/fontInfoFromSettings.js';
-import { toErrorMessage } from '../../base/common/errorMessage.js';
+import { WorkbenchContextKeysHandler } from '../../workbench/browser/contextkeys.js';
 import { PixelRatio } from '../../base/browser/pixelRatio.js';
 import { AccessibilityProgressSignalScheduler } from '../../platform/accessibilitySignal/browser/progressAccessibilitySignalScheduler.js';
 import { setProgressAccessibilitySignalScheduler } from '../../base/browser/ui/progressbar/progressAccessibilitySignal.js';
@@ -57,8 +65,9 @@ import { SyncDescriptor } from '../../platform/instantiation/common/descriptors.
 import { TitleService } from './parts/titlebarPart.js';
 import { EDITOR_PART_MINIMUM_WIDTH, EDITOR_PART_DEFAULT_WIDTH } from './parts/editorPartSizing.js';
 import { IContextKeyService } from '../../platform/contextkey/common/contextkey.service.js';
-import { EditorMaximizedContext, IsPhoneLayoutContext, SinglePaneLayoutEnabledContext, CustomViewVisibleContext } from '../common/contextkeys.js';
+import { EditorMaximizedContext, IsPhoneLayoutContext, DesktopLayoutContext, CustomViewVisibleContext } from '../common/contextkeys.js';
 import { SessionsLayoutPolicy } from './layoutPolicy.js';
+import { ChatLayoutPresentation } from '../common/chatLayout.js';
 import { AGENTS_PART_CARD_CLASS } from './parts/agentsPartCard.js';
 import { MobileNavigationStack } from './mobileNavigationStack.js';
 import { MobileTitlebarPart } from './parts/mobile/mobileTitlebarPart.js';
@@ -70,10 +79,9 @@ import { ISessionsPartService } from '../services/sessions/browser/sessionsPartS
 import { ICustomViewService } from '../services/customView/browser/customViewService.service.js';
 import { ICustomViewGridPartService } from '../services/customView/browser/customViewGridPartService.service.js';
 import { ISessionsSetUpService } from './sessionsSetUpService.service.js';
-import { AGENTS_FLOATING_PANEL_GAP } from '../common/layoutConstants.js';
+import { AGENTS_FLOATING_PANEL_GAP } from '../../workbench/common/agentsSizes.js';
 import { ITelemetryService } from '../../platform/telemetry/common/telemetry.service.js';
 import { setContainerElement } from '../../base/browser/domStylesheets.js';
-import { AbstractLayout } from '../../workbench/browser/abstractlayout.js';
 import { IAgentWorkbenchLayoutService } from './workbench.service.js';
 import { autorun } from '../../base/common/observableInternal/reactions/autorun.js';
 import { Orientation } from '../../base/browser/ui/sash/sash.js';
@@ -83,8 +91,10 @@ registerCss(style, 0);
 registerCss(workbench, 0);
 registerCss(phoneLayout, 0);
 const PHONE_NOTIFICATION_ROW_HEIGHT = 44;
+const SESSIONS_SIDE_PANE_DIVIDER_CLASS = "sessions-side-pane-divider";
 var LayoutClasses;
 (function(LayoutClasses) {
+    LayoutClasses["MODERN_UI_COMPACT"] = "modern-ui-compact";
     LayoutClasses["MODERN_UI_TABS"] = "modern-ui-tabs";
     LayoutClasses["MODERN_UI_NOTIFICATIONS_DIALOGS"] = "modern-ui-notifications-dialogs";
     LayoutClasses["SIDEBAR_HIDDEN"] = "nosidebar";
@@ -100,8 +110,13 @@ var LayoutClasses;
     LayoutClasses["MAXIMIZED"] = "maximized";
     LayoutClasses["PHONE_LAYOUT"] = "phone-layout";
 })(LayoutClasses || (LayoutClasses = {}));
+var AgentWorkbenchLayout;
+(function(AgentWorkbenchLayout) {
+    AgentWorkbenchLayout["Mobile"] = "mobile";
+    AgentWorkbenchLayout["Desktop"] = "desktop";
+})(AgentWorkbenchLayout || (AgentWorkbenchLayout = {}));
 const CLOSE_MOBILE_SIDEBAR_DRAWER_COMMAND_ID = "sessions.closeMobileSidebarDrawer";
-class Workbench extends AbstractLayout {
+class Workbench extends Disposable {
     get activeContainer() {
         return this.getContainerFromDocument(getActiveDocument());
     }
@@ -155,20 +170,17 @@ class Workbench extends AbstractLayout {
             quickPickTop
         };
     }
-    get isSinglePaneLayoutEnabled() {
-        return false;
-    }
     static {
         this._PART_VISIBILITY_KEY = "workbench.sessions.partVisibility";
     }
     static {
         this._PART_SIZES_KEY = "workbench.sessions.partSizes";
     }
+    static {
+        this._PANEL_ALIGNMENT_KEY = "workbench.sessions.panelAlignment";
+    }
     constructor(parent, options, serviceCollection, logService) {
-        super({
-            resetLayout: options?.resetLayout,
-            customEditorRestore: options?.customEditorRestore
-        });
+        super();
         this.parent = parent;
         this.options = options;
         this.serviceCollection = serviceCollection;
@@ -213,6 +225,7 @@ class Workbench extends AbstractLayout {
         this.onDidChangeActiveContainer = this._onDidChangeActiveContainer.event;
         this.mainContainer = createElement("div");
         this.parts = ( new Map());
+        this.layoutDensity = ModernUIDensity.Default;
         this._editorRevealedExplicitly = false;
         this.partVisibility = {
             sidebar: true,
@@ -228,6 +241,7 @@ class Workbench extends AbstractLayout {
         this.mobileNavStack = this._register(( new MobileNavigationStack()));
         this.mobileTopBarDisposables = this._register(( new DisposableStore()));
         this._editorMaximized = false;
+        this._panelAlignment = "justify";
         this._applyingCustomViewGridVisibility = false;
         this._restoreAttachedEditorMaximizedOnShow = false;
         this._editorPartAutoVisibilitySuppressionCount = 0;
@@ -237,16 +251,11 @@ class Workbench extends AbstractLayout {
             editor: true,
             auxiliaryBar: true
         };
-        this.whenReadyPromise = ( new DeferredPromise());
-        this.whenReady = this.whenReadyPromise.p;
         this.restoredPromise = ( new DeferredPromise());
         this.whenRestored = this.restoredPromise.p;
         this.restored = false;
+        this.openedDefaultEditors = false;
         this._savedPartSizes = {};
-        this.previousUnexpectedError = {
-            message: undefined,
-            time: 0
-        };
         setContainerElement(parent);
         const metaElements = mainWindow.document.head.getElementsByTagName("meta");
         let viewportMeta;
@@ -270,20 +279,7 @@ class Workbench extends AbstractLayout {
             onUnexpectedError(event.reason);
             event.preventDefault();
         });
-        setUnexpectedErrorHandler(error => this.handleUnexpectedError(error, logService));
-    }
-    handleUnexpectedError(error, logService) {
-        const message = toErrorMessage(error, true);
-        if (!message) {
-            return;
-        }
-        const now = Date.now();
-        if (message === this.previousUnexpectedError.message && now - this.previousUnexpectedError.time <= 1000) {
-            return;
-        }
-        this.previousUnexpectedError.time = now;
-        this.previousUnexpectedError.message = message;
-        logService.error(message);
+        setUnexpectedErrorHandler(createUnexpectedErrorHandler(logService));
     }
     startup() {
         try {
@@ -293,7 +289,13 @@ class Workbench extends AbstractLayout {
                 const lifecycleService = accessor.get(ILifecycleService);
                 const storageService = accessor.get(IStorageService);
                 const configurationService = accessor.get(IConfigurationService);
+                this.chatLayoutPresentation = this._register(( new ChatLayoutPresentation(
+                    configurationService,
+                    this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop,
+                    this.layoutPolicy.isPhoneLayout
+                )));
                 const hostService = accessor.get(IHostService);
+                const hoverService = accessor.get(IHoverService);
                 const dialogService = accessor.get(IDialogService);
                 const notificationService = accessor.get(INotificationService);
                 const markdownRendererService = accessor.get(IMarkdownRendererService);
@@ -301,7 +303,16 @@ class Workbench extends AbstractLayout {
                     configurationService.acquireInstantiationService(instantiationService);
                 }
                 markdownRendererService.setDefaultCodeBlockRenderer(instantiationService.createInstance(EditorMarkdownCodeBlockRenderer));
+                setHoverDelegateFactory(
+                    (placement, enableInstantHover) => instantiationService.createInstance(WorkbenchHoverDelegate, placement, {
+                        instantHover: enableInstantHover
+                    }, {})
+                );
+                setBaseLayerHoverDelegate(hoverService);
                 this.initLayout(accessor);
+                ( Registry.as(Extensions.Workbench)).start(accessor);
+                ( Registry.as(EditorExtensions.EditorFactory)).start(accessor);
+                this._register(instantiationService.createInstance(WorkbenchContextKeysHandler));
                 const editorMaximizedContext = EditorMaximizedContext.bindTo(accessor.get(IContextKeyService));
                 this._register(this.onDidChangeEditorMaximized(() => {
                     editorMaximizedContext.set(this.isEditorMaximized());
@@ -311,7 +322,7 @@ class Workbench extends AbstractLayout {
                 this._register(autorun(reader => {
                     isPhoneLayoutCtx.set(this.layoutPolicy.viewportClass.read(reader) === "phone");
                 }));
-                SinglePaneLayoutEnabledContext.bindTo(contextKeyService).set(this.isSinglePaneLayoutEnabled);
+                DesktopLayoutContext.bindTo(contextKeyService).set(this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop);
                 this.logWindowLayout(accessor.get(ITelemetryService));
                 accessor.get(IMobileVisualViewport);
                 this.registerListeners(
@@ -333,7 +344,7 @@ class Workbench extends AbstractLayout {
                 }
                 this.createWorkbenchManagement(instantiationService);
                 this.layout();
-                this.restore(accessor);
+                this.restore(lifecycleService);
             });
             return instantiationService;
         } catch (error) {
@@ -343,7 +354,7 @@ class Workbench extends AbstractLayout {
     }
     logWindowLayout(telemetryService) {
         telemetryService.publicLog2("agents/windowLayout", {
-            layout: this.isSinglePaneLayoutEnabled ? "sidePane" : "classic"
+            layout: this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop ? "sidePane" : "mobile"
         });
     }
     initServices(serviceCollection) {
@@ -374,9 +385,13 @@ class Workbench extends AbstractLayout {
                 }
             })
         );
-        this._register(
-            configurationService.onDidChangeConfiguration(e => this.updateFontAliasing(e, configurationService))
-        );
+        this.updateLayoutDensity(configurationService);
+        this._register(configurationService.onDidChangeConfiguration(e => {
+            this.updateFontAliasing(e, configurationService);
+            if (e.affectsConfiguration(LayoutSettings.MODERN_UI_DENSITY)) {
+                this.updateLayoutDensity(configurationService);
+            }
+        }));
         if (isNative) {
             this._register(storageService.onWillSaveState(e => {
                 if (e.reason === WillSaveStateReason.SHUTDOWN) {
@@ -462,12 +477,18 @@ class Workbench extends AbstractLayout {
         }
         return {};
     }
+    _loadPanelAlignment(storageService) {
+        if (this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop && storageService.get(Workbench._PANEL_ALIGNMENT_KEY, StorageScope.PROFILE) === "center") {
+            return "center";
+        }
+        return "justify";
+    }
     _applyPersistedPartVisibility() {
         const savedPartVisibility = this._loadPartVisibility(this.storageService);
         this.partVisibility.editor = savedPartVisibility.editor ?? this.partVisibility.editor;
         this.partVisibility.auxiliaryBar = savedPartVisibility.auxiliaryBar ?? this.partVisibility.auxiliaryBar;
         this.partVisibility.sidebar = savedPartVisibility.sidebar ?? this.partVisibility.sidebar;
-        if (this.isSinglePaneLayoutEnabled) {
+        if (this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop) {
             this.partVisibility.panel = savedPartVisibility.panel ?? this.partVisibility.panel;
         }
     }
@@ -479,7 +500,7 @@ class Workbench extends AbstractLayout {
             editor: this.partVisibility.editor,
             auxiliaryBar: this.partVisibility.auxiliaryBar,
             sidebar: this.partVisibility.sidebar,
-            panel: this.isSinglePaneLayoutEnabled ? this.partVisibility.panel : undefined
+            panel: this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop ? this.partVisibility.panel : undefined
         }), StorageScope.WORKSPACE, StorageTarget.MACHINE);
     }
     _loadPartSizes(storageService) {
@@ -501,7 +522,7 @@ class Workbench extends AbstractLayout {
         const editorGridWidth = this._persistedGridViewSize(this.editorPartView, "width", editorNodeVisible);
         let editorWidth = this._persistedEditorWidth(editorGridWidth);
         const savedEditorWidth = this._savedPartSizes.editor !== undefined && this._savedPartSizes.editor >= EDITOR_PART_MINIMUM_WIDTH ? this._savedPartSizes.editor : undefined;
-        if ((this.isSinglePaneLayoutEnabled && !this.partVisibility.editor) || editorWidth === undefined || editorWidth < EDITOR_PART_MINIMUM_WIDTH) {
+        if ((this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop && !this.partVisibility.editor) || editorWidth === undefined || editorWidth < EDITOR_PART_MINIMUM_WIDTH) {
             editorWidth = savedEditorWidth;
         } else {
             this._savedPartSizes = {
@@ -607,6 +628,8 @@ class Workbench extends AbstractLayout {
             this.instantiationService.createInstance(MobileTitlebarPart, this.mainContainer)
         );
         this.mobileTopBarElement = mobileTitlebar.element;
+        this.focusMobileTopBar = () => mobileTitlebar.focus();
+        this.mobileTopBarDisposables.add(toDisposable(() => this.focusMobileTopBar = undefined));
         this.mobileTopBarDisposables.add(mobileTitlebar.onDidClickHamburger(() => {
             this.toggleMobileSidebarDrawer();
         }));
@@ -657,7 +680,9 @@ class Workbench extends AbstractLayout {
         this._register(notificationsToasts.onDidChangeVisibility(() => {
             notificationsStatus.update(notificationsCenter.isVisible, notificationsToasts.isVisible);
         }));
-        registerNotificationCommands(notificationsCenter, notificationsToasts, notificationService.model);
+        this._register(
+            registerNotificationCommands(notificationsCenter, notificationsToasts, notificationService.model)
+        );
         AccessibleViewRegistry.register(( new NotificationAccessibleView()));
         this.registerNotifications({
             onDidChangeNotificationsVisibility: Event.map(Event.any(
@@ -683,9 +708,6 @@ class Workbench extends AbstractLayout {
         part.setAttribute("role", role);
         return part;
     }
-    willRestoreEditors() {
-        return this.initializationState.editor.restoreEditors;
-    }
     createEditorPart() {
         const editorPartContainer = createElement("div");
         editorPartContainer.classList.add("part", "editor");
@@ -702,7 +724,7 @@ class Workbench extends AbstractLayout {
         this._editorPartContainer = editorPartContainer;
         mark("code/willCreatePart/workbench.parts.editor");
         this.getPart(Parts.EDITOR_PART).create(editorPartContainer, {
-            restorePreviousState: this.willRestoreEditors()
+            restorePreviousState: false
         });
         mark("code/didCreatePart/workbench.parts.editor");
         this.mainContainer.appendChild(editorPartContainer);
@@ -764,45 +786,27 @@ class Workbench extends AbstractLayout {
         mark(`code/didCreatePart/${Parts.CUSTOM_VIEW_GRID_PART}`);
         this.mainContainer.appendChild(customViewGridPartContainer);
     }
-    restore(accessor) {
-        const lifecycleService = accessor.get(ILifecycleService);
-        try {
-            this.restoreParts(accessor);
-        } catch (error) {
-            onUnexpectedError(error);
-        }
+    restore(lifecycleService) {
+        mark("code/didStartWorkbench");
+        performance.measure(
+            "perf: workbench create & restore",
+            "code/didLoadWorkbenchMain",
+            "code/didStartWorkbench"
+        );
+        this.restoreParts();
         void this.sessionsService.restoreVisibleSessions().catch(e => {
             this.logService.error("[Workbench] restoreVisibleSessions failed", e);
         });
-        this.whenReady.finally(() => Promise.race([this.whenRestored, timeout(2000)]).finally(() => {
-            function markDidStartWorkbench() {
-                mark("code/didStartWorkbench");
-                performance.measure(
-                    "perf: workbench create & restore",
-                    "code/didLoadWorkbenchMain",
-                    "code/didStartWorkbench"
-                );
-            }
-            if (this.isRestored()) {
-                markDidStartWorkbench();
-            } else {
-                this.whenRestored.finally(() => markDidStartWorkbench());
-            }
-            lifecycleService.phase = LifecyclePhase.Restored;
-            const eventuallyPhaseScheduler = this._register(( new RunOnceScheduler(() => {
-                this._register(
-                    runWhenWindowIdle(mainWindow, () => lifecycleService.phase = LifecyclePhase.Eventually, 2500)
-                );
-            }, 2500)));
-            eventuallyPhaseScheduler.schedule();
-        }));
+        lifecycleService.phase = LifecyclePhase.Restored;
+        this.setRestored();
+        const eventuallyPhaseScheduler = this._register(( new RunOnceScheduler(() => {
+            this._register(
+                runWhenWindowIdle(mainWindow, () => lifecycleService.phase = LifecyclePhase.Eventually, 2500)
+            );
+        }, 2500)));
+        eventuallyPhaseScheduler.schedule();
     }
-    restoreParts(accessor) {
-        const layoutReadyPromises = [];
-        const layoutRestoredPromises = [];
-        layoutReadyPromises.push(
-            this.restoreLayout(accessor, this.initializationState, layoutRestoredPromises)
-        );
+    restoreParts() {
         const partsToRestore = [{
             location: ViewContainerLocation.Sidebar,
             visible: this.partVisibility.sidebar
@@ -824,12 +828,6 @@ class Workbench extends AbstractLayout {
                 }
             }
         }
-        Promises.settled(layoutReadyPromises).finally(() => {
-            this.whenReadyPromise.complete();
-            Promises.settled(layoutRestoredPromises).finally(() => {
-                this.setRestored();
-            });
-        });
     }
     registerEditorTabHeightClass() {
         const updateCompactHeight = () => this.mainContainer.classList.toggle(
@@ -851,12 +849,13 @@ class Workbench extends AbstractLayout {
         this.customViewGridPartService = accessor.get(ICustomViewGridPartService);
         this.instantiationService = accessor.get(IInstantiationService);
         this.storageService = accessor.get(IStorageService);
+        this._panelAlignment = this._loadPanelAlignment(this.storageService);
         accessor.get(ITitleService);
-        this.layoutPolicy.setSinglePane(this.isSinglePaneLayoutEnabled);
+        this.layoutPolicy.setDesktop(this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop);
         this.registerLayoutListeners();
         this._customViewVisibleKey = CustomViewVisibleContext.bindTo(accessor.get(IContextKeyService));
         this._register(autorun(reader => {
-            this._applyCustomViewGridVisibility(this.customViewService.activeCustomView.read(reader));
+            this._applyCustomViewGridVisibility(this.customViewService.activeCustomViewOpen.read(reader)?.descriptor);
         }));
         this._register(this.editorService.onWillOpenEditor(e => this.revealEditorOnOpen(e)));
         this._register(this.editorService.onDidCloseEditor(() => this.handleDidCloseEditor()));
@@ -869,10 +868,6 @@ class Workbench extends AbstractLayout {
         this.partVisibility.sessions = visDefaults.sessions;
         this.partVisibility.editor = visDefaults.editor;
         this._applyPersistedPartVisibility();
-        this.initLayoutState(accessor);
-    }
-    initLayoutState(accessor) {
-        this.initializationState = this.getInitLayoutState(accessor);
     }
     areAllGroupsInMainPartEmpty() {
         for (const group of this.editorGroupService.mainPart.groups) {
@@ -1035,7 +1030,7 @@ class Workbench extends AbstractLayout {
         return {};
     }
     _applySideBarResize(_hidden, _context) {}
-    registerLayoutListeners() {
+    registerLayoutListeners(isIOSWindow = isIOS) {
         this._register(onDidChangeFullscreen(windowId => {
             if (windowId === getWindowId(mainWindow)) {
                 this.mainWindowFullscreen = isFullscreen(mainWindow);
@@ -1043,10 +1038,11 @@ class Workbench extends AbstractLayout {
                 this.layout();
             }
         }));
-        const onWindowResize = () => this.layout();
-        this._register(addDisposableListener(mainWindow, "resize", onWindowResize));
+        if (isIOSWindow) {
+            this._register(addDisposableListener(mainWindow, "resize", () => this.layout()));
+        }
         const visualViewport = getWindow(this.parent).visualViewport;
-        if (visualViewport && !isIOS) {
+        if (visualViewport && !isIOSWindow) {
             this._register(addDisposableListener(visualViewport, "resize", () => {
                 if (this.layoutPolicy.viewportClass.get() === "phone") {
                     this.layout();
@@ -1100,9 +1096,12 @@ class Workbench extends AbstractLayout {
         this.mainContainer.setAttribute("role", "application");
         this.workbenchGrid = workbenchGrid;
         this.workbenchGrid.edgeSnapping = this.mainWindowFullscreen;
+        this._updateSessionsSidePaneDivider();
         this._register(this.workbenchGrid.onDidChange(() => {
+            this._updateSessionsSidePaneDivider();
             this._onGridDidChange();
         }));
+        this._registerGridMaximizationListener();
         this._hasAppliedInitialEditorSplit = this.partVisibility.editor;
         for (const part of [titleBar, panelPart, sideBar, auxiliaryBarPart, sessionsPart, editorPart]) {
             this._register(part.onDidVisibilityChange(visible => {
@@ -1147,6 +1146,35 @@ class Workbench extends AbstractLayout {
             }
         }));
     }
+    _registerGridMaximizationListener() {
+        this._register(this.workbenchGrid.onDidChangeViewMaximized(() => {
+            this._fireDidChangePartVisibility(Parts.PANEL_PART, this.isVisible(Parts.PANEL_PART));
+        }));
+    }
+    _updateSessionsSidePaneDivider() {
+        this._sessionsSidePaneDivider?.classList.remove(SESSIONS_SIDE_PANE_DIVIDER_CLASS);
+        this._sessionsSidePaneDivider = undefined;
+        const sessionsElement = this.sessionsPartView.element;
+        const editorElement = this.editorPartView.element;
+        let splitView = sessionsElement.closest(".monaco-split-view2.horizontal");
+        while (splitView && this.workbenchGrid.element.contains(splitView)) {
+            const scrollableElement = Array.from(splitView.children).find(element => element.classList.contains("monaco-scrollable-element"));
+            const viewContainer = scrollableElement ? Array.from(scrollableElement.children).find(element => element.classList.contains("split-view-container")) : undefined;
+            const sashContainer = Array.from(splitView.children).find(element => element.classList.contains("sash-container"));
+            if (viewContainer && sashContainer) {
+                const views = Array.from(viewContainer.children).filter(isHTMLElement);
+                const sessionsIndex = views.findIndex(view => view.contains(sessionsElement));
+                const editorIndex = views.findIndex(view => view.contains(editorElement));
+                if (sessionsIndex >= 0 && editorIndex === sessionsIndex + 1) {
+                    const sashes = Array.from(sashContainer.children).filter(isHTMLElement);
+                    this._sessionsSidePaneDivider = sashes[sessionsIndex];
+                    this._sessionsSidePaneDivider?.classList.add(SESSIONS_SIDE_PANE_DIVIDER_CLASS);
+                    return;
+                }
+            }
+            splitView = splitView.parentElement?.closest(".monaco-split-view2.horizontal") ?? null;
+        }
+    }
     createWorkbenchManagement(instantiationService) {
         instantiationService.invokeFunction(accessor => accessor.get(ISessionsSetUpService));
     }
@@ -1161,7 +1189,7 @@ class Workbench extends AbstractLayout {
         const sizes = this.layoutPolicy.getPartSizes(width, height);
         const defaultSideBarSize = this._defaultSideBarSize(sizes.sideBarSize);
         const sideBarSize = this._savedPartSizes.sidebar ?? (this.partVisibility.sidebar ? defaultSideBarSize : Math.max(defaultSideBarSize, 250));
-        const defaultAuxiliaryBarSize = this.isSinglePaneLayoutEnabled ? this.getDockedAuxiliaryBarWidth() : sizes.auxiliaryBarSize;
+        const defaultAuxiliaryBarSize = this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop ? this.getDockedAuxiliaryBarWidth() : sizes.auxiliaryBarSize;
         const auxiliaryBarSize = this._savedPartSizes.auxiliaryBar ?? (this.partVisibility.auxiliaryBar ? defaultAuxiliaryBarSize : Math.max(defaultAuxiliaryBarSize, 300));
         const panelSize = this._savedPartSizes.panel ?? (this.partVisibility.panel ? sizes.panelSize : Math.max(sizes.panelSize, 250));
         const savedEditorWidth = this._savedPartSizes.editor;
@@ -1236,6 +1264,34 @@ class Workbench extends AbstractLayout {
             data: this._topRightSectionChildren(sessionsNode, editorNode, auxiliaryBarNode, customViewGridNode),
             size: topRightHeight
         };
+        if (this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop && this.getPanelAlignment() === "center") {
+            const chatColumn = {
+                type: "branch",
+                data: [{
+                    ...sessionsNode,
+                    size: topRightHeight
+                }, panelNode],
+                size: sessionsWidth,
+                visible: sessionsNode.visible === false && panelNode.visible === false ? false : undefined
+            };
+            return {
+                root: {
+                    type: "branch",
+                    size: width,
+                    data: [titleBarNode, {
+                        type: "branch",
+                        data: [
+                            sideBarNode,
+                            ...this._topRightSectionChildren(chatColumn, editorNode, auxiliaryBarNode, customViewGridNode)
+                        ],
+                        size: contentHeight
+                    }]
+                },
+                orientation: Orientation.VERTICAL,
+                width,
+                height
+            };
+        }
         const rightSection = {
             type: "branch",
             data: [topRightSection, panelNode],
@@ -1268,6 +1324,7 @@ class Workbench extends AbstractLayout {
         const currentClass = this.layoutPolicy.viewportClass.get();
         this._mainContainerDimension = currentClass === "phone" ? getMobileViewportDimension(layoutViewportDimension, getWindow(this.parent).visualViewport) : layoutViewportDimension;
         this.mainContainer.classList.toggle(LayoutClasses.PHONE_LAYOUT, currentClass === "phone");
+        this.mainContainer.classList.toggle(LayoutClasses.MODERN_UI_COMPACT, this.isModernUICompact());
         if (previousClass !== undefined && previousClass !== currentClass) {
             if (currentClass === "phone" && !this.mobileTopBarElement) {
                 this.createMobileTitlebar();
@@ -1329,8 +1386,8 @@ class Workbench extends AbstractLayout {
     _layoutGrid() {
         const mobileTopBarHeight = this.mobileTopBarElement?.offsetHeight ?? 0;
         const isPhone = this.layoutPolicy.viewportClass.get() === "phone";
-        const gridGutterW = isPhone ? 0 : AGENTS_FLOATING_PANEL_GAP;
-        const gridGutterH = isPhone ? 0 : AGENTS_FLOATING_PANEL_GAP;
+        const gridGutterW = isPhone || this.isModernUICompact() ? 0 : AGENTS_FLOATING_PANEL_GAP;
+        const gridGutterH = gridGutterW;
         this.workbenchGrid.layout(
             this._mainContainerDimension.width - gridGutterW,
             this._mainContainerDimension.height - mobileTopBarHeight - gridGutterH
@@ -1385,8 +1442,17 @@ class Workbench extends AbstractLayout {
     isFloatingPanelsEnabled() {
         return false;
     }
+    updateLayoutDensity(configurationService) {
+        const density = configurationService.getValue(LayoutSettings.MODERN_UI_DENSITY);
+        if (this.layoutDensity !== density) {
+            this.layoutDensity = density;
+            if (this.workbenchGrid) {
+                this.layout();
+            }
+        }
+    }
     isModernUICompact() {
-        return false;
+        return this.layoutDensity === ModernUIDensity.Compact && this.layoutPolicy.viewportClass.get() !== "phone";
     }
     getLayoutClasses() {
         return coalesce([
@@ -1399,7 +1465,9 @@ class Workbench extends AbstractLayout {
             !this.partVisibility.customViewGrid ? LayoutClasses.CUSTOM_VIEW_GRID_HIDDEN : undefined,
             LayoutClasses.STATUSBAR_HIDDEN,
             this.mainWindowFullscreen ? LayoutClasses.FULLSCREEN : undefined,
-            this.layoutPolicy.viewportClass.get() === "phone" ? LayoutClasses.PHONE_LAYOUT : undefined
+            this.layoutPolicy.viewportClass.get() === "phone" ? LayoutClasses.PHONE_LAYOUT : undefined,
+            `panel-alignment-${this.getPanelAlignment()}`,
+            this.isModernUICompact() ? LayoutClasses.MODERN_UI_COMPACT : undefined
         ]);
     }
     isEditorPaneVisible() {
@@ -1421,7 +1489,7 @@ class Workbench extends AbstractLayout {
         return part;
     }
     hasFocus(part) {
-        const container = this.getContainer(mainWindow, part);
+        const container = part === Parts.TITLEBAR_PART && this.mobileTopBarElement ? this.mobileTopBarElement : this.getContainer(mainWindow, part);
         if (!container) {
             return false;
         }
@@ -1432,6 +1500,10 @@ class Workbench extends AbstractLayout {
         return isAncestorUsingFlowTo(activeElement, container);
     }
     focusPart(part, targetWindow = mainWindow) {
+        if (part === Parts.TITLEBAR_PART && this.focusMobileTopBar && targetWindow === mainWindow) {
+            this.focusMobileTopBar();
+            return;
+        }
         switch (part) {
         case Parts.EDITOR_PART:
             this.editorGroupService.activeGroup.focus();
@@ -1559,7 +1631,7 @@ class Workbench extends AbstractLayout {
         }
         const visible = !this.isSecondarySideBarVisible();
         this.setAuxiliaryBarHidden(!visible);
-        alert(visible ? ( localize(3073, "Secondary Side Bar shown")) : ( localize(3074, "Secondary Side Bar hidden")));
+        alert(visible ? ( localize(3477, "Secondary Side Bar shown")) : ( localize(3478, "Secondary Side Bar hidden")));
     }
     isSecondarySideBarVisible() {
         return this.isVisible(Parts.AUXILIARYBAR_PART);
@@ -1625,6 +1697,25 @@ class Workbench extends AbstractLayout {
             this.toggleSidePane();
         }
     }
+    captureSidePaneComposition() {
+        return this._getSidePaneState();
+    }
+    restoreSidePaneComposition(composition) {
+        const before = this._getSidePaneState();
+        if (before.editor === composition.editor && before.auxiliaryBar === composition.auxiliaryBar) {
+            return;
+        }
+        const suppressEditorPartAutoVisibility = this.suppressEditorPartAutoVisibility();
+        try {
+            this.setEditorHidden(!composition.editor, false, true);
+            this._setAuxiliaryBarHidden(!composition.auxiliaryBar, undefined, true);
+        } finally {
+            suppressEditorPartAutoVisibility.dispose();
+        }
+        if (!before.editor && !before.auxiliaryBar && (composition.editor || composition.auxiliaryBar)) {
+            this._onSidePaneRevealed();
+        }
+    }
     _getSidePaneState() {
         const editor = this.isVisible(Parts.EDITOR_PART, mainWindow);
         const auxiliaryBar = this.isVisible(Parts.AUXILIARYBAR_PART);
@@ -1708,7 +1799,7 @@ class Workbench extends AbstractLayout {
             return;
         }
         const sidePaneWasClosed = !this.partVisibility.editor && !this.partVisibility.auxiliaryBar;
-        const panelSizeBeforeEditorReveal = !hidden && this.isSinglePaneLayoutEnabled && this._effectiveVisible(Parts.PANEL_PART) ? this.workbenchGrid.getViewSize(this.panelPartView) : undefined;
+        const panelSizeBeforeEditorReveal = !hidden && this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop && this._effectiveVisible(Parts.PANEL_PART) ? this.workbenchGrid.getViewSize(this.panelPartView) : undefined;
         this._editorRevealedExplicitly = !hidden && explicit;
         this._runWithEditorResizeSyncSuspended(() => {
             if (hidden && this._editorMaximized) {
@@ -1771,7 +1862,7 @@ class Workbench extends AbstractLayout {
                 this.focusPart(Parts.PANEL_PART);
             }
         }
-        if (this.isSinglePaneLayoutEnabled) {
+        if (this.agentWorkbenchLayout === AgentWorkbenchLayout.Desktop) {
             this._savePartVisibility();
         }
     }
@@ -1790,6 +1881,9 @@ class Workbench extends AbstractLayout {
         const visible = !!descriptor;
         if (this.partVisibility.customViewGrid === visible) {
             this.customViewGridPartService.setView(descriptor);
+            if (visible) {
+                this.focusPart(Parts.CUSTOM_VIEW_GRID_PART);
+            }
             return;
         }
         const wasVisible = Workbench._CUSTOM_VIEW_EXCLUSIVE_PARTS.map(part => this._effectiveVisible(part));
@@ -1908,9 +2002,92 @@ class Workbench extends AbstractLayout {
     }
     setPanelPosition(_position) {}
     getPanelAlignment() {
-        return "justify";
+        return this._panelAlignment;
+    }
+    setPanelAlignment(alignment) {
+        if (this.agentWorkbenchLayout !== AgentWorkbenchLayout.Desktop || (alignment !== "center" && alignment !== "justify") || alignment === this._panelAlignment) {
+            return;
+        }
+        const exitMaximizedPanel = alignment === "justify" && this.isPanelMaximized();
+        const activeElement = getActiveElement();
+        const focusedGridElement = isHTMLElement(activeElement) && this.workbenchGrid.element?.contains(activeElement) ? activeElement : undefined;
+        const focusedPart = [
+            Parts.PANEL_PART,
+            Parts.EDITOR_PART,
+            Parts.AUXILIARYBAR_PART,
+            Parts.SESSIONS_PART
+        ].find(part => this.hasFocus(part));
+        const previousAlignment = this._panelAlignment;
+        const previousMaximumEditorDimensionsOverride = this._maximumEditorDimensionsOverride;
+        const maximizedEditorWidth = exitMaximizedPanel ? this._panelMaximizedEditorState?.width : undefined;
+        try {
+            this._runWithEditorResizeSyncSuspended(() => {
+                if (exitMaximizedPanel) {
+                    this.workbenchGrid.exitMaximizedView();
+                }
+                this._maximumEditorDimensionsOverride ??= this.getMaximumEditorDimensions(this.mainContainer);
+                if (alignment === "center") {
+                    const panelSize = this._viewMoveSizing(this.panelPartView, "height");
+                    this.workbenchGrid.moveView(this.panelPartView, panelSize, this.sessionsPartView, Direction.Down);
+                } else {
+                    const sessionsWidth = this.workbenchGrid.isViewVisible(this.sessionsPartView) ? this.workbenchGrid.getViewSize(this.sessionsPartView).width : undefined;
+                    const editorSize = maximizedEditorWidth ?? this._viewMoveSizing(this.editorPartView, "width");
+                    const customViewGridSize = this._viewMoveSizing(this.customViewGridPartView, "width");
+                    this.workbenchGrid.moveView(this.editorPartView, editorSize, this.sessionsPartView, Direction.Right);
+                    this.workbenchGrid.moveView(
+                        this.customViewGridPartView,
+                        customViewGridSize,
+                        this.editorPartView,
+                        Direction.Right
+                    );
+                    if (typeof sessionsWidth === "number") {
+                        this.workbenchGrid.resizeView(this.sessionsPartView, {
+                            width: sessionsWidth,
+                            height: this.workbenchGrid.getViewSize(this.sessionsPartView).height
+                        });
+                    }
+                    if (typeof editorSize === "number") {
+                        this.workbenchGrid.resizeView(this.editorPartView, {
+                            width: editorSize,
+                            height: this.workbenchGrid.getViewSize(this.editorPartView).height
+                        });
+                    }
+                }
+                this.mainContainer.classList.toggle(`panel-alignment-${previousAlignment}`, false);
+                this.mainContainer.classList.toggle(`panel-alignment-${alignment}`, true);
+                this._layoutGrid();
+            });
+        } catch (error) {
+            this.mainContainer.classList.toggle(`panel-alignment-${alignment}`, false);
+            this.mainContainer.classList.toggle(`panel-alignment-${previousAlignment}`, true);
+            throw error;
+        } finally {
+            this._maximumEditorDimensionsOverride = previousMaximumEditorDimensionsOverride;
+            if (exitMaximizedPanel) {
+                this._panelMaximizedEditorState = undefined;
+            }
+        }
+        this._panelAlignment = alignment;
+        this.storageService.store(
+            Workbench._PANEL_ALIGNMENT_KEY,
+            alignment,
+            StorageScope.PROFILE,
+            StorageTarget.USER
+        );
+        this._onDidChangePanelAlignment.fire(alignment);
+        if (focusedGridElement?.isConnected) {
+            focusedGridElement.focus();
+        } else if (focusedPart) {
+            this.focusPart(focusedPart);
+        }
+    }
+    _viewMoveSizing(view, dimension) {
+        if (this.workbenchGrid.isViewVisible(view)) {
+            return this.workbenchGrid.getViewSize(view)[dimension];
+        }
+        const currentSize = this.workbenchGrid.getViewSize(view)[dimension];
+        return Sizing.Invisible(this.workbenchGrid.getViewCachedVisibleSize(view) ?? currentSize);
     }
-    setPanelAlignment(_alignment) {}
     getSize(part) {
         if (part === Parts.AUXILIARYBAR_PART) {
             return this._auxiliaryBarViewSize();
@@ -1970,6 +2147,9 @@ class Workbench extends AbstractLayout {
         }
     }
     getMaximumEditorDimensions(_container) {
+        if (this._maximumEditorDimensionsOverride) {
+            return this._maximumEditorDimensionsOverride;
+        }
         const sidebarWidth = this.partVisibility.sidebar ? this.workbenchGrid.getViewSize(this.sideBarPartView).width : 0;
         const auxiliaryBarWidth = this.partVisibility.auxiliaryBar ? this._auxiliaryBarLayoutWidth() : 0;
         const panelHeight = this.partVisibility.panel ? this.workbenchGrid.getViewSize(this.panelPartView).height : 0;
@@ -1984,9 +2164,25 @@ class Workbench extends AbstractLayout {
             return;
         }
         if (this.isPanelMaximized()) {
-            this.workbenchGrid.exitMaximizedView();
+            const editorWidth = this._panelMaximizedEditorState?.width;
+            this._runWithEditorResizeSyncSuspended(() => {
+                this.workbenchGrid.exitMaximizedView();
+                if (typeof editorWidth === "number") {
+                    this.workbenchGrid.resizeView(this.editorPartView, {
+                        width: editorWidth,
+                        height: this.workbenchGrid.getViewSize(this.editorPartView).height
+                    });
+                }
+            });
+            this._panelMaximizedEditorState = undefined;
         } else {
-            this.workbenchGrid.maximizeView(this.panelPartView, [this.titleBarPartView, this.sideBarPartView]);
+            const editorState = {
+                width: this.workbenchGrid.isViewVisible(this.editorPartView) ? this.workbenchGrid.getViewSize(this.editorPartView).width : undefined
+            };
+            this._runWithEditorResizeSyncSuspended(() => {
+                this.workbenchGrid.maximizeView(this.panelPartView, [this.titleBarPartView, this.sideBarPartView]);
+            });
+            this._panelMaximizedEditorState = editorState;
         }
     }
     isPanelMaximized() {
@@ -2124,4 +2320,4 @@ class Workbench extends AbstractLayout {
     }
 }
 
-export { CLOSE_MOBILE_SIDEBAR_DRAWER_COMMAND_ID, Workbench };
+export { AgentWorkbenchLayout, CLOSE_MOBILE_SIDEBAR_DRAWER_COMMAND_ID, Workbench };