sessions: move Customizations next to Automations

src/vs/sessions/browser/menus.ts

@@ -30,7 +30,6 @@ export const Menus = {
 	SessionsViewExternalFilter: new MenuId('SessionsViewExternalFilter'),
 	AuxiliaryBarTitle: new MenuId('SessionsAuxiliaryBarTitle'),
 	SidebarFooter: new MenuId('SessionsSidebarFooter'),
-	SidebarCustomizations: new MenuId('SessionsSidebarCustomizations'),
 	SidebarAgentHost: new MenuId('SessionsSidebarAgentHost'),
 	AccountMenu: new MenuId('SessionsAccountMenu'),
 	GoMenu: new MenuId('SessionsGoMenu'),

src/vs/sessions/contrib/chat/browser/sessionsChatAccessibilityHelp.ts

@@ -122,7 +122,7 @@ export class SessionsChatAccessibilityHelp implements IAccessibleViewImplementat
 		content.push(localize('sessionsChat.filesView', "Focus the Files Explorer view{0}.", '<keybinding:workbench.action.agentSessions.focusChangesFileView>'));
 		content.push(localize('sessionsChat.sessionsView', "Focus the Chat Sessions view{0}.", '<keybinding:workbench.action.chat.focusAgentSessionsViewer>'));
 		if (!isPhoneLayout(accessor.get(IWorkbenchLayoutService))) {
-			content.push(localize('sessionsChat.customizations', "Focus the Chat Customizations section at the bottom of the left sidebar{0}.", `<keybinding:${FOCUS_AI_CUSTOMIZATION_VIEW_ID}>`));
+			content.push(localize('sessionsChat.customizations', "Focus the Customizations entry in the left sidebar{0}.", `<keybinding:${FOCUS_AI_CUSTOMIZATION_VIEW_ID}>`));
 		}
 		content.push(localize('sessionsChat.toggleSidePanel', "Toggle the side panel (the editor area together with the auxiliary bar) open or closed{0}.", '<keybinding:workbench.action.agentToggleSidePanel>'));
 

src/vs/sessions/contrib/providers/remoteAgentHost/browser/hostFilterActionViewItem.ts

@@ -4,6 +4,7 @@
  *--------------------------------------------------------------------------------------------*/
 
 import './media/hostFilter.css';
+import '../../../../browser/media/sidebarActionButton.css';
 import * as dom from '../../../../../base/browser/dom.js';
 import { Gesture, EventType as TouchEventType } from '../../../../../base/browser/touch.js';
 import { renderIcon, renderLabelWithIcons } from '../../../../../base/browser/ui/iconLabel/iconLabels.js';
@@ -138,27 +139,18 @@ export class HostFilterActionViewItem extends BaseActionViewItem {
 		this._renderDiagnosticsButton(this.element);
 	}
 
-	/**
-	 * Sidebar appearance — full-width row matching the Customizations links
-	 * (`CustomizationLinkViewItem`). Same Monaco `Button` shell, same
-	 * `.sidebar-action-button` styling, same `supportIcons` label rendering.
-	 * The trailing connect indicator is rendered alongside the picker
-	 * button as a sibling control, so the row visually mirrors the
-	 * Customizations rows in the toolbar above without making the
-	 * indicator part of the picker label.
-	 */
+	/** Renders the full-width sidebar variant with a separate connection indicator. */
 	private _renderSidebar(): void {
 		if (!this.element) {
 			return;
 		}
 
 		this.element.classList.add('sidebar-action');
 
-		// Picker button — same shell as `CustomizationLinkViewItem`. We
-		// drive the button content manually (rather than via `Button.label`)
+		// Drive the button content manually (rather than via `Button.label`)
 		// so the host name span can `flex: 1` and push the chevron all
 		// the way to the trailing edge.
-		const buttonContainer = dom.append(this.element, dom.$('.customization-link-button-container'));
+		const buttonContainer = dom.append(this.element, dom.$('.agent-host-filter-button-container'));
 		this._sidebarButton = this._register(new Button(buttonContainer, {
 			...defaultButtonStyles,
 			secondary: true,

src/vs/sessions/contrib/providers/remoteAgentHost/browser/media/hostFilter.css

@@ -36,7 +36,7 @@
 	gap: 4px;
 }
 
-.agent-host-filter-combo.sidebar .customization-link-button-container {
+.agent-host-filter-combo.sidebar .agent-host-filter-button-container {
 	flex: 1 1 auto;
 	min-width: 0;
 }

src/vs/sessions/contrib/sessions/browser/agentHostShortcutsWidget.ts

@@ -19,7 +19,7 @@ export interface IAgentHostShortcutsWidgetOptions {
 /**
  * Sidebar toolbar that hosts the agent host picker (with embedded
  * connect/disconnect indicator) on web desktop. Always expanded — there is
- * no collapse affordance, unlike `AICustomizationShortcutsWidget`.
+ * no collapse affordance.
  *
  * Mounted only when `isWeb && !isPhoneLayout` (electron desktop has no host
  * picker today, and phone layout uses the mobile titlebar pill instead).
@@ -37,9 +37,7 @@ export class AgentHostShortcutsWidget extends Disposable {
 	}
 
 	private _render(parent: HTMLElement, options: IAgentHostShortcutsWidgetOptions | undefined): void {
-		// Separates the picker from the customizations above it, mirroring the
-		// split view's separator between sessions and customizations — but
-		// static, since this section is not resizable.
+		// The picker is static rather than a resizable sidebar section.
 		DOM.append(parent, $('.agent-host-toolbar-separator'));
 
 		const container = DOM.append(parent, $('.agent-host-toolbar'));