@codingame/monaco-vscode-chat-service-override 25.1.2 → 26.0.0

package/vscode/src/vs/workbench/contrib/chat/browser/widgetHosts/viewPane/chatViewPane.js

@@ -4,14 +4,17 @@ import { __decorate, __param } from '@codingame/monaco-vscode-api/external/tslib
 import * as chatViewPane from './media/chatViewPane.css';
 import { $, append, addDisposableListener, EventType, setVisibility, getWindow, EventHelper } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/dom';
 import { StandardMouseEvent } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/mouseEvent';
+import { Button } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/button/button';
+import { Sash, Orientation } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/sash/sash';
 import { CancellationToken } from '@codingame/monaco-vscode-api/vscode/vs/base/common/cancellation';
 import { Event } from '@codingame/monaco-vscode-api/vscode/vs/base/common/event';
-import { MutableDisposable, toDisposable } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
+import { MutableDisposable, toDisposable, DisposableStore } from '@codingame/monaco-vscode-api/vscode/vs/base/common/lifecycle';
 import { MarshalledId } from '@codingame/monaco-vscode-api/vscode/vs/base/common/marshallingIds';
 import '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/index';
 import { localize } from '@codingame/monaco-vscode-api/vscode/vs/nls';
 import { MenuWorkbenchToolBar } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/browser/toolbar';
 import { MenuId } from '@codingame/monaco-vscode-api/vscode/vs/platform/actions/common/actions';
+import { ICommandService } from '@codingame/monaco-vscode-api/vscode/vs/platform/commands/common/commands.service';
 import { IConfigurationService } from '@codingame/monaco-vscode-api/vscode/vs/platform/configuration/common/configuration.service';
 import { IContextKeyService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextkey/common/contextkey.service';
 import { IContextMenuService } from '@codingame/monaco-vscode-api/vscode/vs/platform/contextview/browser/contextView.service';
@@ -24,6 +27,7 @@ import { IOpenerService } from '@codingame/monaco-vscode-api/vscode/vs/platform/
 import { StorageScope, StorageTarget } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage';
 import { IStorageService } from '@codingame/monaco-vscode-api/vscode/vs/platform/storage/common/storage.service';
 import { ITelemetryService } from '@codingame/monaco-vscode-api/vscode/vs/platform/telemetry/common/telemetry.service';
+import { defaultButtonStyles } from '@codingame/monaco-vscode-api/vscode/vs/platform/theme/browser/defaultStyles';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colorUtils';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/baseColors';
 import '@codingame/monaco-vscode-api/vscode/vs/platform/theme/common/colors/chartsColors';
@@ -52,28 +56,67 @@ import { localChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/wor
 import { IChatSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/chatSessionsService.service';
 import { LocalChatSessionUri, getChatSessionType } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/model/chatUri';
 import { ChatConfiguration, ChatAgentLocation, ChatModeKind } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/common/constants';
-import { AgentSessionsControl } from '../../agentSessions/agentSessionsControl.js';
-import { AgentSessionsListDelegate } from '../../agentSessions/agentSessionsViewer.js';
+import { AgentSessionsControl } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsControl';
+import { ACTION_ID_NEW_CHAT } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/actions/chatActions';
 import { ChatWidget } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/widget/chatWidget';
 import { ChatViewWelcomeController } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/viewsWelcome/chatViewWelcomeController';
 import { Position, LayoutSettings } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService';
 import { IWorkbenchLayoutService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/layout/browser/layoutService.service';
 import { AgentSessionsViewerOrientation, AgentSessionsViewerPosition } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessions';
-import { Link } from '@codingame/monaco-vscode-api/vscode/vs/platform/opener/browser/link';
 import { IProgressService } from '@codingame/monaco-vscode-api/vscode/vs/platform/progress/common/progress.service';
 import { ChatViewId } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/chat';
+import { ProgressBadge } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/activity/common/activity';
+import { IActivityService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/activity/common/activity.service';
 import { disposableTimeout } from '@codingame/monaco-vscode-api/vscode/vs/base/common/async';
-import { AgentSessionsFilter } from '../../agentSessions/agentSessionsFilter.js';
+import { AgentSessionsFilter, AgentSessionsGrouping } from '@codingame/monaco-vscode-katex-common/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsFilter';
 import { IAgentSessionsService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/contrib/chat/browser/agentSessions/agentSessionsService.service';
 import { HoverPosition } from '@codingame/monaco-vscode-api/vscode/vs/base/browser/ui/hover/hoverWidget';
+import { IChatEntitlementService } from '@codingame/monaco-vscode-api/vscode/vs/workbench/services/chat/common/chatEntitlementService.service';
 import { autorun } from '@codingame/monaco-vscode-api/vscode/vs/base/common/observableInternal/reactions/autorun';
 
 var ChatViewPane_1;
 registerCss(chatViewPane);
 let ChatViewPane = class ChatViewPane extends ViewPane {
-    static { ChatViewPane_1 = this; }
-    constructor(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, hoverService, storageService, chatService, chatAgentService, logService, layoutService, chatSessionsService, telemetryService, lifecycleService, progressService, agentSessionsService) {
-        super(options, keybindingService, contextMenuService, configurationService, contextKeyService, viewDescriptorService, instantiationService, openerService, themeService, hoverService);
+    static {
+        ChatViewPane_1 = this;
+    }
+    constructor(
+        options,
+        keybindingService,
+        contextMenuService,
+        configurationService,
+        contextKeyService,
+        viewDescriptorService,
+        instantiationService,
+        openerService,
+        themeService,
+        hoverService,
+        storageService,
+        chatService,
+        chatAgentService,
+        logService,
+        layoutService,
+        chatSessionsService,
+        telemetryService,
+        lifecycleService,
+        progressService,
+        agentSessionsService,
+        chatEntitlementService,
+        commandService,
+        activityService
+    ) {
+        super(
+            options,
+            keybindingService,
+            contextMenuService,
+            configurationService,
+            contextKeyService,
+            viewDescriptorService,
+            instantiationService,
+            openerService,
+            themeService,
+            hoverService
+        );
         this.storageService = storageService;
         this.chatService = chatService;
         this.chatAgentService = chatAgentService;
@@ -83,36 +126,43 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         this.telemetryService = telemetryService;
         this.progressService = progressService;
         this.agentSessionsService = agentSessionsService;
+        this.chatEntitlementService = chatEntitlementService;
+        this.commandService = commandService;
+        this.activityService = activityService;
         this.lastDimensionsPerOrientation = ( new Map());
         this.modelRef = this._register(( new MutableDisposable()));
-        this.sessionsCount = 0;
-        this.sessionsViewerLimited = true;
+        this.activityBadge = this._register(( new MutableDisposable()));
         this.sessionsViewerOrientation = AgentSessionsViewerOrientation.Stacked;
-        this.sessionsViewerOrientationConfiguration = 'sideBySide';
+        this.sessionsViewerOrientationConfiguration = "sideBySide";
+        this.sessionsViewerSashDisposables = this._register(( new MutableDisposable()));
+        this.layoutingBody = false;
         this.memento = ( new Memento(`interactive-session-view-${CHAT_PROVIDER_ID}`, this.storageService));
         this.viewState = this.memento.getMemento(StorageScope.WORKSPACE, StorageTarget.MACHINE);
-        if (lifecycleService.startupKind !== StartupKind.ReloadedWindow &&
-            this.configurationService.getValue(ChatConfiguration.RestoreLastPanelSession) === false) {
+        if (lifecycleService.startupKind !== StartupKind.ReloadedWindow && this.configurationService.getValue(ChatConfiguration.RestoreLastPanelSession) === false) {
             this.viewState.sessionId = undefined;
         }
-        this.sessionsViewerLimited = this.viewState.sessionsViewerLimited ?? true;
+        this.sessionsViewerVisible = false;
+        this.sessionsViewerSidebarWidth = Math.max(
+            ChatViewPane_1.SESSIONS_SIDEBAR_MIN_WIDTH,
+            this.viewState.sessionsSidebarWidth ?? ChatViewPane_1.SESSIONS_SIDEBAR_DEFAULT_WIDTH
+        );
         this.chatViewLocationContext = ChatContextKeys.panelLocation.bindTo(contextKeyService);
-        this.sessionsViewerLimitedContext = ChatContextKeys.agentSessionsViewerLimited.bindTo(contextKeyService);
         this.sessionsViewerOrientationContext = ChatContextKeys.agentSessionsViewerOrientation.bindTo(contextKeyService);
         this.sessionsViewerPositionContext = ChatContextKeys.agentSessionsViewerPosition.bindTo(contextKeyService);
         this.sessionsViewerVisibilityContext = ChatContextKeys.agentSessionsViewerVisible.bindTo(contextKeyService);
-        this.updateContextKeys(false);
+        this.updateContextKeys();
         this.registerListeners();
     }
-    updateContextKeys(fromEvent) {
-        const { position, location } = this.getViewPositionAndLocation();
-        this.sessionsViewerLimitedContext.set(this.sessionsViewerLimited);
+    updateContextKeys() {
+        const {
+            position,
+            location
+        } = this.getViewPositionAndLocation();
         this.chatViewLocationContext.set(location ?? ViewContainerLocation.AuxiliaryBar);
         this.sessionsViewerOrientationContext.set(this.sessionsViewerOrientation);
-        this.sessionsViewerPositionContext.set(position === Position.RIGHT ? AgentSessionsViewerPosition.Right : AgentSessionsViewerPosition.Left);
-        if (fromEvent && this.lastDimensions) {
-            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
-        }
+        this.sessionsViewerPositionContext.set(
+            position === Position.RIGHT ? AgentSessionsViewerPosition.Right : AgentSessionsViewerPosition.Left
+        );
     }
     getViewPositionAndLocation() {
         const viewLocation = this.viewDescriptorService.getViewLocationById(this.id);
@@ -120,65 +170,91 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         const panelPosition = this.layoutService.getPanelPosition();
         let sideSessionsOnRightPosition;
         switch (viewLocation) {
-            case ViewContainerLocation.Sidebar:
-                sideSessionsOnRightPosition = sideBarPosition === Position.RIGHT;
-                break;
-            case ViewContainerLocation.Panel:
-                sideSessionsOnRightPosition = panelPosition !== Position.LEFT;
-                break;
-            default:
-                sideSessionsOnRightPosition = sideBarPosition === Position.LEFT;
-                break;
+        case ViewContainerLocation.Sidebar:
+            sideSessionsOnRightPosition = sideBarPosition === Position.RIGHT;
+            break;
+        case ViewContainerLocation.Panel:
+            sideSessionsOnRightPosition = panelPosition !== Position.LEFT;
+            break;
+        default:
+            sideSessionsOnRightPosition = sideBarPosition === Position.LEFT;
+            break;
         }
         return {
             position: sideSessionsOnRightPosition ? Position.RIGHT : Position.LEFT,
             location: viewLocation ?? ViewContainerLocation.AuxiliaryBar
         };
     }
+    getSessionHoverPosition() {
+        const viewLocation = this.viewDescriptorService.getViewLocationById(this.id);
+        const sideBarPosition = this.layoutService.getSideBarPosition();
+        if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
+            return viewLocation === ViewContainerLocation.Sidebar && sideBarPosition === Position.RIGHT ? HoverPosition.LEFT : HoverPosition.RIGHT;
+        }
+        return {
+            [Position.LEFT]: HoverPosition.RIGHT,
+            [Position.RIGHT]: HoverPosition.LEFT,
+            [Position.TOP]: HoverPosition.BELOW,
+            [Position.BOTTOM]: HoverPosition.ABOVE
+        }[viewLocation === ViewContainerLocation.Panel ? this.layoutService.getPanelPosition() : sideBarPosition];
+    }
     updateViewPaneClasses(fromEvent) {
-        const welcomeEnabled = this.configurationService.getValue(ChatConfiguration.ChatViewWelcomeEnabled) !== false;
-        this.viewPaneContainer?.classList.toggle('chat-view-welcome-enabled', welcomeEnabled);
-        const activityBarLocationDefault = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_LOCATION) === 'default';
-        this.viewPaneContainer?.classList.toggle('activity-bar-location-default', activityBarLocationDefault);
-        this.viewPaneContainer?.classList.toggle('activity-bar-location-other', !activityBarLocationDefault);
-        const { position, location } = this.getViewPositionAndLocation();
-        this.viewPaneContainer?.classList.toggle('chat-view-location-auxiliarybar', location === ViewContainerLocation.AuxiliaryBar);
-        this.viewPaneContainer?.classList.toggle('chat-view-location-sidebar', location === ViewContainerLocation.Sidebar);
-        this.viewPaneContainer?.classList.toggle('chat-view-location-panel', location === ViewContainerLocation.Panel);
-        this.viewPaneContainer?.classList.toggle('chat-view-position-left', position === Position.LEFT);
-        this.viewPaneContainer?.classList.toggle('chat-view-position-right', position === Position.RIGHT);
-        if (fromEvent && this.lastDimensions) {
-            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
+        const welcomeEnabled = !this.chatEntitlementService.sentiment.installed;
+        this.viewPaneContainer?.classList.toggle("chat-view-welcome-enabled", welcomeEnabled);
+        const activityBarLocationDefault = this.configurationService.getValue(LayoutSettings.ACTIVITY_BAR_LOCATION) === "default";
+        this.viewPaneContainer?.classList.toggle("activity-bar-location-default", activityBarLocationDefault);
+        this.viewPaneContainer?.classList.toggle("activity-bar-location-other", !activityBarLocationDefault);
+        const {
+            position,
+            location
+        } = this.getViewPositionAndLocation();
+        this.viewPaneContainer?.classList.toggle(
+            "chat-view-location-auxiliarybar",
+            location === ViewContainerLocation.AuxiliaryBar
+        );
+        this.viewPaneContainer?.classList.toggle("chat-view-location-sidebar", location === ViewContainerLocation.Sidebar);
+        this.viewPaneContainer?.classList.toggle("chat-view-location-panel", location === ViewContainerLocation.Panel);
+        this.viewPaneContainer?.classList.toggle("chat-view-position-left", position === Position.LEFT);
+        this.viewPaneContainer?.classList.toggle("chat-view-position-right", position === Position.RIGHT);
+        if (fromEvent) {
+            this.relayout();
         }
     }
     registerListeners() {
         this._register(this.chatAgentService.onDidChangeAgents(() => this.onDidChangeAgents()));
-        this._register(Event.any(Event.filter(this.configurationService.onDidChangeConfiguration, e => e.affectsConfiguration('workbench.sideBar.location')), this.layoutService.onDidChangePanelPosition, Event.filter(this.viewDescriptorService.onDidChangeContainerLocation, e => e.viewContainer === this.viewDescriptorService.getViewContainerByViewId(this.id)))(() => {
-            this.updateContextKeys(false);
+        this._register(Event.any(Event.filter(
+            this.configurationService.onDidChangeConfiguration,
+            e => e.affectsConfiguration("workbench.sideBar.location")
+        ), this.layoutService.onDidChangePanelPosition, Event.filter(
+            this.viewDescriptorService.onDidChangeContainerLocation,
+            e => e.viewContainer === this.viewDescriptorService.getViewContainerByViewId(this.id)
+        ))(() => {
+            this.updateContextKeys();
             this.updateViewPaneClasses(true );
         }));
         this._register(Event.filter(this.configurationService.onDidChangeConfiguration, e => {
-            return e.affectsConfiguration(ChatConfiguration.ChatViewWelcomeEnabled) || e.affectsConfiguration(LayoutSettings.ACTIVITY_BAR_LOCATION);
+            return e.affectsConfiguration(LayoutSettings.ACTIVITY_BAR_LOCATION);
         })(() => this.updateViewPaneClasses(true)));
+        this._register(this.chatEntitlementService.onDidChangeSentiment(() => {
+            this.updateViewPaneClasses(true);
+        }));
     }
     onDidChangeAgents() {
         if (this.chatAgentService.getDefaultAgent(ChatAgentLocation.Chat)) {
             if (!this._widget?.viewModel && !this.restoringSession) {
                 const sessionResource = this.getTransferredOrPersistedSessionInfo();
-                this.restoringSession =
-                    (sessionResource ? this.chatService.getOrRestoreSession(sessionResource) : Promise.resolve(undefined)).then(async (modelRef) => {
-                        if (!this._widget) {
-                            return;
-                        }
-                        const wasVisible = this._widget.visible;
-                        try {
-                            this._widget.setVisible(false);
-                            await this.showModel(modelRef);
-                        }
-                        finally {
-                            this._widget.setVisible(wasVisible);
-                        }
-                    });
+                this.restoringSession = (sessionResource ? this.chatService.getOrRestoreSession(sessionResource) : Promise.resolve(undefined)).then(async modelRef => {
+                    if (!this._widget) {
+                        return;
+                    }
+                    const wasVisible = this._widget.visible;
+                    try {
+                        this._widget.setVisible(false);
+                        await this.showModel(modelRef);
+                    } finally {
+                        this._widget.setVisible(wasVisible);
+                    }
+                });
                 this.restoringSession.finally(() => this.restoringSession = undefined);
             }
         }
@@ -192,9 +268,9 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
     }
     renderBody(parent) {
         super.renderBody(parent);
-        this.telemetryService.publicLog2('chatViewPaneOpened');
+        this.telemetryService.publicLog2("chatViewPaneOpened");
         this.viewPaneContainer = parent;
-        this.viewPaneContainer.classList.add('chat-viewpane');
+        this.viewPaneContainer.classList.add("chat-viewpane");
         this.updateViewPaneClasses(false);
         this.createControls(parent);
         this.setupContextMenu(parent);
@@ -202,94 +278,101 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
     }
     createControls(parent) {
         const sessionsControl = this.createSessionsControl(parent);
-        const welcomeController = this.welcomeController = this._register(this.instantiationService.createInstance(ChatViewWelcomeController, parent, this, ChatAgentLocation.Chat));
+        const welcomeController = this.welcomeController = this._register(
+            this.instantiationService.createInstance(ChatViewWelcomeController, parent, this, ChatAgentLocation.Chat)
+        );
         const chatWidget = this.createChatControl(parent);
         this.registerControlsListeners(sessionsControl, chatWidget, welcomeController);
         this.updateSessionsControlVisibility();
     }
-    static { this.SESSIONS_LIMIT = 3; }
-    static { this.SESSIONS_SIDEBAR_WIDTH = 300; }
-    static { this.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH = 300  + this.SESSIONS_SIDEBAR_WIDTH; }
+    static {
+        this.SESSIONS_SIDEBAR_MIN_WIDTH = 200;
+    }
+    static {
+        this.SESSIONS_SIDEBAR_SNAP_THRESHOLD = this.SESSIONS_SIDEBAR_MIN_WIDTH / 2;
+    }
+    static {
+        this.SESSIONS_SIDEBAR_DEFAULT_WIDTH = 300;
+    }
+    static {
+        this.CHAT_WIDGET_DEFAULT_WIDTH = 300;
+    }
+    static {
+        this.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH = this.CHAT_WIDGET_DEFAULT_WIDTH + this.SESSIONS_SIDEBAR_DEFAULT_WIDTH;
+    }
     createSessionsControl(parent) {
-        const that = this;
-        const sessionsContainer = this.sessionsContainer = parent.appendChild($('.agent-sessions-container'));
-        const sessionsTitleContainer = this.sessionsTitleContainer = append(sessionsContainer, $('.agent-sessions-title-container'));
-        const sessionsTitle = this.sessionsTitle = append(sessionsTitleContainer, $('span.agent-sessions-title'));
-        this.updateSessionsControlTitle();
+        const sessionsContainer = this.sessionsContainer = parent.appendChild($(".agent-sessions-container"));
+        const sessionsTitleContainer = this.sessionsTitleContainer = append(sessionsContainer, $(".agent-sessions-title-container"));
+        const sessionsTitle = this.sessionsTitle = append(sessionsTitleContainer, $("span.agent-sessions-title"));
+        sessionsTitle.textContent = ( localize(6147, "Sessions"));
         this._register(addDisposableListener(sessionsTitle, EventType.CLICK, () => {
             this.sessionsControl?.scrollToTop();
             this.sessionsControl?.focus();
         }));
-        const sessionsToolbarContainer = append(sessionsTitleContainer, $('.agent-sessions-toolbar'));
-        const sessionsToolbar = this._register(this.instantiationService.createInstance(MenuWorkbenchToolBar, sessionsToolbarContainer, MenuId.AgentSessionsToolbar, {
-            menuOptions: { shouldForwardArgs: true }
-        }));
+        const sessionsToolbarContainer = append(sessionsTitleContainer, $(".agent-sessions-toolbar"));
+        const sessionsToolbar = this._register(this.instantiationService.createInstance(
+            MenuWorkbenchToolBar,
+            sessionsToolbarContainer,
+            MenuId.AgentSessionsToolbar,
+            {
+                menuOptions: {
+                    shouldForwardArgs: true
+                }
+            }
+        ));
         const sessionsFilter = this._register(this.instantiationService.createInstance(AgentSessionsFilter, {
             filterMenuId: MenuId.AgentSessionsViewerFilterSubMenu,
-            limitResults: () => {
-                return that.sessionsViewerLimited ? ChatViewPane_1.SESSIONS_LIMIT : undefined;
-            },
-            groupResults: () => {
-                return !that.sessionsViewerLimited;
-            },
-            overrideExclude(session) {
-                if (that.sessionsViewerLimited) {
-                    if (session.isArchived()) {
-                        return true;
-                    }
-                    return false;
-                }
-                return undefined;
-            },
-            notifyResults(count) {
-                that.notifySessionsControlCountChanged(count);
-            },
+            groupResults: () => this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked ? AgentSessionsGrouping.Capped : AgentSessionsGrouping.Date
         }));
         this._register(Event.runAndSubscribe(sessionsFilter.onDidChange, () => {
-            sessionsToolbarContainer.classList.toggle('filtered', !sessionsFilter.isDefault());
+            sessionsToolbarContainer.classList.toggle("filtered", !sessionsFilter.isDefault());
         }));
-        this.sessionsControlContainer = append(sessionsContainer, $('.agent-sessions-control-container'));
-        const sessionsControl = this.sessionsControl = this._register(this.instantiationService.createInstance(AgentSessionsControl, this.sessionsControlContainer, {
-            filter: sessionsFilter,
-            overrideStyles: this.getLocationBasedColors().listOverrideStyles,
-            getHoverPosition: () => {
-                const { position } = this.getViewPositionAndLocation();
-                return position === Position.RIGHT ? HoverPosition.LEFT : HoverPosition.RIGHT;
-            },
-            trackActiveEditorSession: () => {
-                return !this._widget || this._widget.isEmpty();
-            },
-            overrideCompare(sessionA, sessionB) {
-                if (that.sessionsViewerLimited) {
-                    const aIsUnread = !sessionA.isRead();
-                    const bIsUnread = !sessionB.isRead();
-                    if (aIsUnread && !bIsUnread) {
-                        return -1;
-                    }
-                    if (!aIsUnread && bIsUnread) {
-                        return 1;
+        const newSessionButtonContainer = this.sessionsNewButtonContainer = append(sessionsContainer, $(".agent-sessions-new-button-container"));
+        const newSessionButton = this._register(( new Button(newSessionButtonContainer, {
+            ...defaultButtonStyles,
+            secondary: true
+        })));
+        newSessionButton.label = ( localize(6148, "New Session"));
+        this._register(
+            newSessionButton.onDidClick(() => this.commandService.executeCommand(ACTION_ID_NEW_CHAT))
+        );
+        this.sessionsControlContainer = append(sessionsContainer, $(".agent-sessions-control-container"));
+        const sessionsControl = this.sessionsControl = this._register(
+            this.instantiationService.createInstance(AgentSessionsControl, this.sessionsControlContainer, {
+                source: "chatViewPane",
+                filter: sessionsFilter,
+                overrideStyles: this.getLocationBasedColors().listOverrideStyles,
+                getHoverPosition: () => this.getSessionHoverPosition(),
+                trackActiveEditorSession: () => {
+                    return !this._widget || this._widget.isEmpty();
+                },
+                overrideSessionOpenOptions: openEvent => {
+                    if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked && !openEvent.sideBySide) {
+                        return {
+                            ...openEvent,
+                            editorOptions: {
+                                ...openEvent.editorOptions,
+                                preserveFocus: false
+                            }
+                        };
                     }
+                    return openEvent;
                 }
-                return undefined;
-            }
-        }));
-        this._register(this.onDidChangeBodyVisibility(visible => sessionsControl.setVisible(visible)));
+            })
+        );
+        this._register(
+            this.onDidChangeBodyVisibility(visible => sessionsControl.setVisible(visible))
+        );
         sessionsToolbar.context = sessionsControl;
-        this.sessionsLinkContainer = append(sessionsContainer, $('.agent-sessions-link-container'));
-        this.sessionsLink = this._register(this.instantiationService.createInstance(Link, this.sessionsLinkContainer, {
-            label: this.sessionsViewerLimited ? ( localize(5874, "Show More")) : ( localize(5875, "Show Less")),
-            href: '',
-        }, {
-            opener: () => {
-                this.sessionsViewerLimited = !this.sessionsViewerLimited;
-                this.viewState.sessionsViewerLimited = this.sessionsViewerLimited;
-                this.notifySessionsControlLimitedChanged(true , true );
-                sessionsControl.focus();
-            }
-        }));
-        this._register(Event.runAndSubscribe(Event.filter(this.configurationService.onDidChangeConfiguration, e => e.affectsConfiguration(ChatConfiguration.ChatViewSessionsOrientation)), e => {
+        this._register(Event.runAndSubscribe(Event.filter(
+            this.configurationService.onDidChangeConfiguration,
+            e => e.affectsConfiguration(ChatConfiguration.ChatViewSessionsOrientation)
+        ), e => {
             const newSessionsViewerOrientationConfiguration = this.configurationService.getValue(ChatConfiguration.ChatViewSessionsOrientation);
-            this.doUpdateConfiguredSessionsViewerOrientation(newSessionsViewerOrientationConfiguration, { updateConfiguration: false, layout: !!e });
+            this.doUpdateConfiguredSessionsViewerOrientation(newSessionsViewerOrientationConfiguration, {
+                updateConfiguration: false,
+                layout: !!e
+            });
         }));
         return sessionsControl;
     }
@@ -297,16 +380,18 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         return this.sessionsViewerOrientation;
     }
     updateConfiguredSessionsViewerOrientation(orientation) {
-        return this.doUpdateConfiguredSessionsViewerOrientation(orientation, { updateConfiguration: true, layout: true });
+        return this.doUpdateConfiguredSessionsViewerOrientation(orientation, {
+            updateConfiguration: true,
+            layout: true
+        });
     }
     doUpdateConfiguredSessionsViewerOrientation(orientation, options) {
         const oldSessionsViewerOrientationConfiguration = this.sessionsViewerOrientationConfiguration;
         let validatedOrientation;
-        if (orientation === 'stacked' || orientation === 'sideBySide') {
+        if (orientation === "stacked" || orientation === "sideBySide") {
             validatedOrientation = orientation;
-        }
-        else {
-            validatedOrientation = 'sideBySide';
+        } else {
+            validatedOrientation = "sideBySide";
         }
         this.sessionsViewerOrientationConfiguration = validatedOrientation;
         if (oldSessionsViewerOrientationConfiguration === this.sessionsViewerOrientationConfiguration) {
@@ -315,65 +400,34 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         if (options.updateConfiguration) {
             this.configurationService.updateValue(ChatConfiguration.ChatViewSessionsOrientation, validatedOrientation);
         }
-        if (options.layout && this.lastDimensions) {
-            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
-        }
-    }
-    notifySessionsControlLimitedChanged(triggerLayout, triggerUpdate) {
-        this.sessionsViewerLimitedContext.set(this.sessionsViewerLimited);
-        this.updateSessionsControlTitle();
-        if (this.sessionsLink) {
-            this.sessionsLink.link = {
-                label: this.sessionsViewerLimited ? ( localize(5874, "Show More")) : ( localize(5875, "Show Less")),
-                href: ''
-            };
-        }
-        const updatePromise = triggerUpdate ? this.sessionsControl?.update() : undefined;
-        if (triggerLayout && this.lastDimensions) {
-            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
-        }
-        return updatePromise ?? Promise.resolve();
-    }
-    notifySessionsControlCountChanged(newSessionsCount) {
-        const countChanged = typeof newSessionsCount === 'number' && newSessionsCount !== this.sessionsCount;
-        this.sessionsCount = newSessionsCount ?? this.sessionsCount;
-        const { changed: visibilityChanged, visible } = this.updateSessionsControlVisibility();
-        if (visibilityChanged || (countChanged && visible)) {
-            if (this.lastDimensions) {
-                this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
-            }
-        }
-    }
-    updateSessionsControlTitle() {
-        if (!this.sessionsTitle) {
-            return;
+        if (options.layout) {
+            this.relayout();
         }
-        this.sessionsTitle.textContent = this.sessionsViewerLimited ? ( localize(5876, "Recent Sessions")) : ( localize(5877, "Sessions"));
     }
     updateSessionsControlVisibility() {
         if (!this.sessionsContainer || !this.viewPaneContainer) {
-            return { changed: false, visible: false };
+            return {
+                changed: false,
+                visible: false
+            };
         }
         let newSessionsContainerVisible;
         if (!this.configurationService.getValue(ChatConfiguration.ChatViewSessionsEnabled)) {
             newSessionsContainerVisible = false;
-        }
-        else {
+        } else {
             if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
                 newSessionsContainerVisible =
-                    (!this._widget || this._widget?.isEmpty()) &&
-                        !this.welcomeController?.isShowingWelcome.get() &&
-                        (this.sessionsCount > 0 || !this.sessionsViewerLimited);
+                !!this.chatEntitlementService.sentiment.installed && (!this._widget || (this._widget.isEmpty() && !!this._widget.viewModel)) && !this.welcomeController?.isShowingWelcome.get();
             }
             else {
                 newSessionsContainerVisible =
-                    !this.welcomeController?.isShowingWelcome.get() &&
-                        !!this.lastDimensions && this.lastDimensions.width >= ChatViewPane_1.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH;
+                !this.welcomeController?.isShowingWelcome.get() && !!this.lastDimensions && this.lastDimensions.width >= ChatViewPane_1.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH;
             }
         }
-        this.viewPaneContainer.classList.toggle('has-sessions-control', newSessionsContainerVisible);
-        const sessionsContainerVisible = this.sessionsContainer.style.display !== 'none';
+        this.viewPaneContainer.classList.toggle("has-sessions-control", newSessionsContainerVisible);
+        const sessionsContainerVisible = this.sessionsContainer.style.display !== "none";
         setVisibility(newSessionsContainerVisible, this.sessionsContainer);
+        this.sessionsViewerVisible = newSessionsContainerVisible;
         this.sessionsViewerVisibilityContext.set(newSessionsContainerVisible);
         return {
             changed: sessionsContainerVisible !== newSessionsContainerVisible,
@@ -383,40 +437,51 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
     getFocusedSessions() {
         return this.sessionsControl?.getFocus() ?? [];
     }
-    static { this.MIN_CHAT_WIDGET_HEIGHT = 120; }
-    get widget() { return this._widget; }
+    static {
+        this.MIN_CHAT_WIDGET_HEIGHT = 116;
+    }
+    get widget() {
+        return this._widget;
+    }
     createChatControl(parent) {
-        const chatControlsContainer = append(parent, $('.chat-controls-container'));
+        const chatControlsContainer = append(parent, $(".chat-controls-container"));
         const locationBasedColors = this.getLocationBasedColors();
-        const editorOverflowWidgetsDomNode = this.layoutService.getContainer(getWindow(chatControlsContainer)).appendChild($('.chat-editor-overflow.monaco-editor'));
+        const editorOverflowWidgetsDomNode = this.layoutService.getContainer(getWindow(chatControlsContainer)).appendChild($(".chat-editor-overflow.monaco-editor"));
         this._register(toDisposable(() => editorOverflowWidgetsDomNode.remove()));
         this.createChatTitleControl(chatControlsContainer);
         const scopedInstantiationService = this._register(this.instantiationService.createChild(( new ServiceCollection([IContextKeyService, this.scopedContextKeyService]))));
-        this._widget = this._register(scopedInstantiationService.createInstance(ChatWidget, ChatAgentLocation.Chat, { viewId: this.id }, {
-            autoScroll: mode => mode !== ChatModeKind.Ask,
-            renderFollowups: true,
-            supportsFileReferences: true,
-            clear: () => this.clear(),
-            rendererOptions: {
-                renderTextEditsAsSummary: (uri) => {
-                    return true;
+        this._widget = this._register(
+            scopedInstantiationService.createInstance(ChatWidget, ChatAgentLocation.Chat, {
+                viewId: this.id
+            }, {
+                autoScroll: mode => mode !== ChatModeKind.Ask,
+                renderFollowups: true,
+                supportsFileReferences: true,
+                clear: () => this.clear(),
+                rendererOptions: {
+                    renderTextEditsAsSummary: uri => {
+                        return true;
+                    },
+                    referencesExpandedWhenEmptyResponse: false,
+                    progressMessageAtBottomOfResponse: mode => mode !== ChatModeKind.Ask
                 },
-                referencesExpandedWhenEmptyResponse: false,
-                progressMessageAtBottomOfResponse: mode => mode !== ChatModeKind.Ask,
-            },
-            editorOverflowWidgetsDomNode,
-            enableImplicitContext: true,
-            enableWorkingSet: 'explicit',
-            supportsChangingModes: true,
-        }, {
-            listForeground: SIDE_BAR_FOREGROUND,
-            listBackground: locationBasedColors.background,
-            overlayBackground: locationBasedColors.overlayBackground,
-            inputEditorBackground: locationBasedColors.background,
-            resultEditorBackground: editorBackground,
-        }));
+                editorOverflowWidgetsDomNode,
+                enableImplicitContext: true,
+                enableWorkingSet: "explicit",
+                supportsChangingModes: true,
+                dndContainer: parent
+            }, {
+                listForeground: SIDE_BAR_FOREGROUND,
+                listBackground: locationBasedColors.background,
+                overlayBackground: locationBasedColors.overlayBackground,
+                inputEditorBackground: locationBasedColors.background,
+                resultEditorBackground: editorBackground
+            })
+        );
         this._widget.render(chatControlsContainer);
-        const updateWidgetVisibility = (reader) => this._widget.setVisible(this.isBodyVisible() && !this.welcomeController?.isShowingWelcome.read(reader));
+        const updateWidgetVisibility = reader => this._widget.setVisible(
+            this.isBodyVisible() && !this.welcomeController?.isShowingWelcome.read(reader)
+        );
         this._register(this.onDidChangeBodyVisibility(() => updateWidgetVisibility()));
         this._register(autorun(reader => updateWidgetVisibility(reader)));
         return this._widget;
@@ -426,27 +491,86 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
             focusChat: () => this._widget.focusInput()
         }));
         this._register(this.titleControl.onDidChangeHeight(() => {
-            if (this.lastDimensions) {
-                this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
-            }
+            this.relayout();
         }));
     }
     registerControlsListeners(sessionsControl, chatWidget, welcomeController) {
-        this._register(Event.any(chatWidget.onDidChangeEmptyState, Event.fromObservable(welcomeController.isShowingWelcome), Event.filter(this.configurationService.onDidChangeConfiguration, e => e.affectsConfiguration(ChatConfiguration.ChatViewSessionsEnabled)))(() => {
+        this._register(Event.any(
+            chatWidget.onDidChangeEmptyState,
+            Event.fromObservable(welcomeController.isShowingWelcome),
+            Event.filter(
+                this.configurationService.onDidChangeConfiguration,
+                e => e.affectsConfiguration(ChatConfiguration.ChatViewSessionsEnabled)
+            )
+        )(() => {
             if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
                 sessionsControl.clearFocus();
             }
-            this.notifySessionsControlCountChanged();
+            const {
+                changed: visibilityChanged
+            } = this.updateSessionsControlVisibility();
+            if (visibilityChanged) {
+                this.relayout();
+            }
         }));
         this._register(chatWidget.onDidChangeViewModel(() => {
             if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
                 return;
             }
             const sessionResource = chatWidget.viewModel?.sessionResource;
+            if (sessionResource) {
+                const revealed = sessionsControl.reveal(sessionResource);
+                if (!revealed) {
+                    sessionsControl.clearFocus();
+                }
+            }
+        }));
+        this._register(this.agentSessionsService.model.onDidChangeSessions(() => {
+            if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
+                return;
+            }
+            if (sessionsControl.hasFocusOrSelection()) {
+                return;
+            }
+            const sessionResource = chatWidget.viewModel?.sessionResource;
             if (sessionResource) {
                 sessionsControl.reveal(sessionResource);
             }
         }));
+        this._register(autorun(reader => {
+            chatWidget.inputPart.height.read(reader);
+            if (this.sessionsViewerVisible && this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
+                this.relayout();
+            }
+        }));
+        const progressBadgeDisposables = this._register(( new MutableDisposable()));
+        const updateProgressBadge = () => {
+            progressBadgeDisposables.value = ( new DisposableStore());
+            if (!this.configurationService.getValue(ChatConfiguration.ChatViewProgressBadgeEnabled)) {
+                this.activityBadge.clear();
+                return;
+            }
+            const model = chatWidget.viewModel?.model;
+            if (model) {
+                progressBadgeDisposables.value.add(autorun(reader => {
+                    if (model.requestInProgress.read(reader)) {
+                        this.activityBadge.value = this.activityService.showViewActivity(this.id, {
+                            badge: ( new ProgressBadge(() => ( localize(6149, "Agent Session in Progress"))))
+                        });
+                    } else {
+                        this.activityBadge.clear();
+                    }
+                }));
+            } else {
+                this.activityBadge.clear();
+            }
+        };
+        this._register(chatWidget.onDidChangeViewModel(() => updateProgressBadge()));
+        this._register(Event.filter(
+            this.configurationService.onDidChangeConfiguration,
+            e => e.affectsConfiguration(ChatConfiguration.ChatViewProgressBadgeEnabled)
+        )(() => updateProgressBadge()));
+        updateProgressBadge();
     }
     setupContextMenu(parent) {
         this._register(addDisposableListener(parent, EventType.CONTEXT_MENU, e => {
@@ -468,11 +592,9 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         this.modelRef.value = undefined;
         let ref;
         if (startNewSession) {
-            ref = modelRef ?? (this.chatService.transferredSessionResource
-                ? await this.chatService.getOrRestoreSession(this.chatService.transferredSessionResource)
-                : this.chatService.startSession(ChatAgentLocation.Chat));
+            ref = modelRef ?? (this.chatService.transferredSessionResource ? await this.chatService.getOrRestoreSession(this.chatService.transferredSessionResource) : this.chatService.startSession(ChatAgentLocation.Chat));
             if (!ref) {
-                throw ( new Error('Could not start chat session'));
+                throw ( new Error("Could not start chat session"));
             }
         }
         this.modelRef.value = ref;
@@ -498,8 +620,7 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         let canResolve = false;
         try {
             canResolve = await this.chatSessionsService.canResolveChatSession(sessionResource);
-        }
-        catch (error) {
+        } catch (error) {
             this.logService.warn(`Failed to resolve chat session '${( sessionResource.toString())}' for locking`, error);
         }
         if (!canResolve) {
@@ -509,8 +630,7 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         const contribution = this.chatSessionsService.getChatSessionContribution(sessionType);
         if (contribution) {
             this._widget.lockToCodingAgent(contribution.name, contribution.displayName, contribution.type);
-        }
-        else {
+        } else {
             this._widget.unlockFromCodingAgent();
         }
     }
@@ -520,10 +640,13 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         this.updateActions();
     }
     async loadSession(sessionResource) {
-        return this.progressService.withProgress({ location: ChatViewId, delay: 200 }, async () => {
+        return this.progressService.withProgress({
+            location: ChatViewId,
+            delay: 200
+        }, async () => {
             let queue = Promise.resolve();
             const clearWidget = disposableTimeout(() => {
-                queue = this.showModel(undefined, false).then(() => { });
+                queue = this.showModel(undefined, false).then(() => {});
             }, 100);
             const sessionType = getChatSessionType(sessionResource);
             if (sessionType !== localChatSessionType) {
@@ -543,65 +666,82 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         this._widget.focusInput();
     }
     focusSessions() {
-        if (this.sessionsContainer?.style.display === 'none') {
+        if (this.sessionsContainer?.style.display === "none") {
             return false;
         }
         this.sessionsControl?.focus();
         return true;
     }
+    relayout() {
+        if (this.lastDimensions) {
+            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
+        }
+    }
     layoutBody(height, width) {
+        if (this.layoutingBody) {
+            return;
+        }
+        this.layoutingBody = true;
+        try {
+            this.doLayoutBody(height, width);
+        } finally {
+            this.layoutingBody = false;
+        }
+    }
+    doLayoutBody(height, width) {
         super.layoutBody(height, width);
-        this.lastDimensions = { height, width };
+        this.lastDimensions = {
+            height,
+            width
+        };
         let remainingHeight = height;
         let remainingWidth = width;
-        const { heightReduction, widthReduction } = this.layoutSessionsControl(remainingHeight, remainingWidth);
+        const {
+            heightReduction,
+            widthReduction
+        } = this.layoutSessionsControl(remainingHeight, remainingWidth);
         remainingHeight -= heightReduction;
         remainingWidth -= widthReduction;
         remainingHeight -= this.titleControl?.getHeight() ?? 0;
         this._widget.layout(remainingHeight, remainingWidth);
-        this.lastDimensionsPerOrientation.set(this.sessionsViewerOrientation, { height, width });
+        this.lastDimensionsPerOrientation.set(this.sessionsViewerOrientation, {
+            height,
+            width
+        });
     }
     layoutSessionsControl(height, width) {
         let heightReduction = 0;
         let widthReduction = 0;
-        if (!this.sessionsContainer || !this.sessionsControlContainer || !this.sessionsControl || !this.viewPaneContainer || !this.sessionsTitleContainer || !this.sessionsLinkContainer || !this.sessionsTitle || !this.sessionsLink) {
-            return { heightReduction, widthReduction };
+        if (!this.sessionsContainer || !this.sessionsControlContainer || !this.sessionsControl || !this.viewPaneContainer || !this.sessionsTitleContainer || !this.sessionsTitle) {
+            return {
+                heightReduction,
+                widthReduction
+            };
         }
         const oldSessionsViewerOrientation = this.sessionsViewerOrientation;
         let newSessionsViewerOrientation;
         switch (this.sessionsViewerOrientationConfiguration) {
-            case 'stacked':
-                newSessionsViewerOrientation = AgentSessionsViewerOrientation.Stacked;
-                break;
-            default:
-                newSessionsViewerOrientation = width >= ChatViewPane_1.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH ? AgentSessionsViewerOrientation.SideBySide : AgentSessionsViewerOrientation.Stacked;
+        case "stacked":
+            newSessionsViewerOrientation = AgentSessionsViewerOrientation.Stacked;
+            break;
+        default:
+            newSessionsViewerOrientation = width >= ChatViewPane_1.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH ? AgentSessionsViewerOrientation.SideBySide : AgentSessionsViewerOrientation.Stacked;
+        }
+        if (newSessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked && width >= ChatViewPane_1.SESSIONS_SIDEBAR_VIEW_MIN_WIDTH && this.getViewPositionAndLocation().location === ViewContainerLocation.AuxiliaryBar && this.layoutService.isAuxiliaryBarMaximized()) {
+            newSessionsViewerOrientation = AgentSessionsViewerOrientation.SideBySide;
         }
         this.sessionsViewerOrientation = newSessionsViewerOrientation;
         if (newSessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
-            this.viewPaneContainer.classList.toggle('sessions-control-orientation-sidebyside', true);
-            this.viewPaneContainer.classList.toggle('sessions-control-orientation-stacked', false);
+            this.viewPaneContainer.classList.toggle("sessions-control-orientation-sidebyside", true);
+            this.viewPaneContainer.classList.toggle("sessions-control-orientation-stacked", false);
             this.sessionsViewerOrientationContext.set(AgentSessionsViewerOrientation.SideBySide);
-        }
-        else {
-            this.viewPaneContainer.classList.toggle('sessions-control-orientation-sidebyside', false);
-            this.viewPaneContainer.classList.toggle('sessions-control-orientation-stacked', true);
+        } else {
+            this.viewPaneContainer.classList.toggle("sessions-control-orientation-sidebyside", false);
+            this.viewPaneContainer.classList.toggle("sessions-control-orientation-stacked", true);
             this.sessionsViewerOrientationContext.set(AgentSessionsViewerOrientation.Stacked);
         }
         if (oldSessionsViewerOrientation !== this.sessionsViewerOrientation) {
-            const oldSessionsViewerLimited = this.sessionsViewerLimited;
-            if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
-                this.sessionsViewerLimited = false;
-            }
-            else {
-                this.sessionsViewerLimited = this.viewState.sessionsViewerLimited ?? true;
-            }
-            let updatePromise;
-            if (oldSessionsViewerLimited !== this.sessionsViewerLimited) {
-                updatePromise = this.notifySessionsControlLimitedChanged(false , true );
-            }
-            else {
-                updatePromise = this.sessionsControl?.update();
-            }
+            const updatePromise = this.sessionsControl.update();
             if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
                 updatePromise.then(() => {
                     const sessionResource = this._widget?.viewModel?.sessionResource;
@@ -611,41 +751,108 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
                 });
             }
         }
-        const { visible: sessionsContainerVisible } = this.updateSessionsControlVisibility();
+        const {
+            visible: sessionsContainerVisible
+        } = this.updateSessionsControlVisibility();
+        if (!sessionsContainerVisible || this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
+            this.sessionsViewerSashDisposables.clear();
+            this.sessionsViewerSash = undefined;
+        } else if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
+            if (!this.sessionsViewerSashDisposables.value && this.viewPaneContainer) {
+                this.createSessionsViewerSash(this.viewPaneContainer, height, width);
+            }
+        }
         if (!sessionsContainerVisible) {
-            return { heightReduction: 0, widthReduction: 0 };
+            return {
+                heightReduction: 0,
+                widthReduction: 0
+            };
         }
-        let availableSessionsHeight = height - this.sessionsTitleContainer.offsetHeight - this.sessionsLinkContainer.offsetHeight;
+        let availableSessionsHeight = height - this.sessionsTitleContainer.offsetHeight;
         if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.Stacked) {
-            availableSessionsHeight -= ChatViewPane_1.MIN_CHAT_WIDGET_HEIGHT;
+            availableSessionsHeight -= Math.max(
+                ChatViewPane_1.MIN_CHAT_WIDGET_HEIGHT,
+                this._widget?.input?.height.get() ?? 0
+            );
+        } else {
+            availableSessionsHeight -= this.sessionsNewButtonContainer?.offsetHeight ?? 0;
         }
         if (this.sessionsViewerOrientation === AgentSessionsViewerOrientation.SideBySide) {
+            const sessionsViewerSidebarWidth = this.computeEffectiveSideBySideSessionsSidebarWidth(width);
             this.sessionsControlContainer.style.height = `${availableSessionsHeight}px`;
-            this.sessionsControlContainer.style.width = `${ChatViewPane_1.SESSIONS_SIDEBAR_WIDTH}px`;
-            this.sessionsControl.layout(availableSessionsHeight, ChatViewPane_1.SESSIONS_SIDEBAR_WIDTH);
+            this.sessionsControlContainer.style.width = `${sessionsViewerSidebarWidth}px`;
+            this.sessionsControl.layout(availableSessionsHeight, sessionsViewerSidebarWidth);
+            this.sessionsViewerSash?.layout();
             heightReduction = 0;
             widthReduction = this.sessionsContainer.offsetWidth;
         }
         else {
-            let sessionsHeight;
-            if (this.sessionsViewerLimited) {
-                sessionsHeight = this.sessionsCount * AgentSessionsListDelegate.ITEM_HEIGHT;
-            }
-            else {
-                sessionsHeight = ((ChatViewPane_1.SESSIONS_LIMIT * 2) ) * AgentSessionsListDelegate.ITEM_HEIGHT;
-            }
-            sessionsHeight = Math.min(availableSessionsHeight, sessionsHeight);
+            const sessionsHeight = availableSessionsHeight - 1 ;
             this.sessionsControlContainer.style.height = `${sessionsHeight}px`;
             this.sessionsControlContainer.style.width = ``;
             this.sessionsControl.layout(sessionsHeight, width);
             heightReduction = this.sessionsContainer.offsetHeight;
             widthReduction = 0;
         }
-        return { heightReduction, widthReduction };
+        return {
+            heightReduction,
+            widthReduction
+        };
+    }
+    computeEffectiveSideBySideSessionsSidebarWidth(width, sessionsViewerSidebarWidth = this.sessionsViewerSidebarWidth) {
+        return Math.max(
+            ChatViewPane_1.SESSIONS_SIDEBAR_MIN_WIDTH,
+            Math.min(
+                sessionsViewerSidebarWidth,
+                width - ChatViewPane_1.CHAT_WIDGET_DEFAULT_WIDTH
+            )
+        );
     }
     getLastDimensions(orientation) {
         return this.lastDimensionsPerOrientation.get(orientation);
     }
+    createSessionsViewerSash(container, height, width) {
+        const disposables = this.sessionsViewerSashDisposables.value = ( new DisposableStore());
+        const sash = this.sessionsViewerSash = disposables.add(( new Sash(container, {
+            getVerticalSashLeft: () => {
+                const sessionsViewerSidebarWidth = this.computeEffectiveSideBySideSessionsSidebarWidth(this.lastDimensions?.width ?? width);
+                const {
+                    position
+                } = this.getViewPositionAndLocation();
+                if (position === Position.RIGHT) {
+                    return (this.lastDimensions?.width ?? width) - sessionsViewerSidebarWidth;
+                }
+                return sessionsViewerSidebarWidth;
+            }
+        }, {
+            orientation: Orientation.VERTICAL
+        })));
+        let sashStartWidth;
+        disposables.add(sash.onDidStart(() => sashStartWidth = this.sessionsViewerSidebarWidth));
+        disposables.add(sash.onDidEnd(() => sashStartWidth = undefined));
+        disposables.add(sash.onDidChange(e => {
+            if (sashStartWidth === undefined || !this.lastDimensions) {
+                return;
+            }
+            const {
+                position
+            } = this.getViewPositionAndLocation();
+            const delta = e.currentX - e.startX;
+            const newWidth = position === Position.RIGHT ? sashStartWidth - delta : sashStartWidth + delta;
+            if (newWidth < ChatViewPane_1.SESSIONS_SIDEBAR_SNAP_THRESHOLD) {
+                this.updateConfiguredSessionsViewerOrientation("stacked");
+                return;
+            }
+            this.sessionsViewerSidebarWidth = this.computeEffectiveSideBySideSessionsSidebarWidth(this.lastDimensions.width, newWidth);
+            this.viewState.sessionsSidebarWidth = this.sessionsViewerSidebarWidth;
+            this.layoutBody(this.lastDimensions.height, this.lastDimensions.width);
+        }));
+        disposables.add(sash.onDidReset(() => {
+            this.sessionsViewerSidebarWidth = ChatViewPane_1.SESSIONS_SIDEBAR_DEFAULT_WIDTH;
+            this.viewState.sessionsSidebarWidth = this.sessionsViewerSidebarWidth;
+            this.relayout();
+        }));
+    }
     saveState() {
         if (this._widget?.viewModel) {
             this._widget.saveState();
@@ -667,9 +874,14 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         const hasCoreAgent = ( this.chatAgentService.getAgents().some(agent => agent.isCore && agent.locations.includes(ChatAgentLocation.Chat)));
         const hasDefaultAgent = this.chatAgentService.getDefaultAgent(ChatAgentLocation.Chat) !== undefined;
         const shouldShow = !hasCoreAgent && (!hasDefaultAgent || !this._widget?.viewModel && noPersistedSessions);
-        this.logService.trace(`ChatViewPane#shouldShowWelcome() = ${shouldShow}: hasCoreAgent=${hasCoreAgent} hasDefaultAgent=${hasDefaultAgent} || noViewModel=${!this._widget?.viewModel} && noPersistedSessions=${noPersistedSessions}`);
+        this.logService.trace(
+            `ChatViewPane#shouldShowWelcome() = ${shouldShow}: hasCoreAgent=${hasCoreAgent} hasDefaultAgent=${hasDefaultAgent} || noViewModel=${!this._widget?.viewModel} && noPersistedSessions=${noPersistedSessions}`
+        );
         return !!shouldShow;
     }
+    getMatchingWelcomeView() {
+        return this.welcomeController?.getMatchingWelcomeView();
+    }
     getActionsContext() {
         return this._widget?.viewModel ? {
             sessionResource: this._widget.viewModel.sessionResource,
@@ -677,26 +889,6 @@ let ChatViewPane = class ChatViewPane extends ViewPane {
         } : undefined;
     }
 };
-ChatViewPane = ChatViewPane_1 = ( __decorate([
-    ( __param(1, IKeybindingService)),
-    ( __param(2, IContextMenuService)),
-    ( __param(3, IConfigurationService)),
-    ( __param(4, IContextKeyService)),
-    ( __param(5, IViewDescriptorService)),
-    ( __param(6, IInstantiationService)),
-    ( __param(7, IOpenerService)),
-    ( __param(8, IThemeService)),
-    ( __param(9, IHoverService)),
-    ( __param(10, IStorageService)),
-    ( __param(11, IChatService)),
-    ( __param(12, IChatAgentService)),
-    ( __param(13, ILogService)),
-    ( __param(14, IWorkbenchLayoutService)),
-    ( __param(15, IChatSessionsService)),
-    ( __param(16, ITelemetryService)),
-    ( __param(17, ILifecycleService)),
-    ( __param(18, IProgressService)),
-    ( __param(19, IAgentSessionsService))
-], ChatViewPane));
+ChatViewPane = ChatViewPane_1 = ( __decorate([( __param(1, IKeybindingService)), ( __param(2, IContextMenuService)), ( __param(3, IConfigurationService)), ( __param(4, IContextKeyService)), ( __param(5, IViewDescriptorService)), ( __param(6, IInstantiationService)), ( __param(7, IOpenerService)), ( __param(8, IThemeService)), ( __param(9, IHoverService)), ( __param(10, IStorageService)), ( __param(11, IChatService)), ( __param(12, IChatAgentService)), ( __param(13, ILogService)), ( __param(14, IWorkbenchLayoutService)), ( __param(15, IChatSessionsService)), ( __param(16, ITelemetryService)), ( __param(17, ILifecycleService)), ( __param(18, IProgressService)), ( __param(19, IAgentSessionsService)), ( __param(20, IChatEntitlementService)), ( __param(21, ICommandService)), ( __param(22, IActivityService))], ChatViewPane));
 
 export { ChatViewPane };