titlebarpart.css

/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the MIT License. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.monaco-workbench .part.titlebar > .sessions-titlebar-container {
	justify-content: initial;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left {
	display: flex;
	height: 100%;
	align-items: center;
	order: 0;
	flex-grow: 0;
	flex-shrink: 0;
	width: auto;
	justify-content: flex-start;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container.has-center > .titlebar-center {
	order: 1;
	width: auto;
	flex-grow: 0;
	flex-shrink: 1;
	min-width: 0px;
	margin: 0;
	justify-content: flex-start;
}

.agent-sessions-workbench.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left {
	width: fit-content;
	flex-grow: 0;
}

.agent-sessions-workbench.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-center {
	flex: 1;
	max-width: none;
}

.agent-sessions-workbench.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-center .window-title {
	margin: unset;
}

.agent-sessions-workbench.monaco-workbench.mac .part.titlebar > .sessions-titlebar-container > .titlebar-right {
	order: 2;
	width: fit-content;
	flex-grow: 0;
	justify-content: flex-end;
	margin-right: 12px;
}

/* Session Title Actions Container (before right toolbar) */
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-actions-container {
	display: none;
	flex-shrink: 0;
	-webkit-app-region: no-drag;
	height: 100%;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-actions-container:not(.has-no-actions) {
	display: flex;
	align-items: center;
}

.monaco-workbench .part.titlebar > .titlebar-container.sessions-titlebar-container .monaco-toolbar .actions-container {
	gap: 1px;
}

.agent-sessions-workbench.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .monaco-toolbar .actions-container > .action-item.open-in-vscode-titlebar-widget + .action-item {
	margin-left: 5px;
}

/* Add spacing between the session action group and the right layout actions. */
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container:not(.has-no-actions) + .titlebar-right-layout-container:not(.has-no-actions) {
	margin-left: 4px;
}

/* Toggled action buttons in session actions toolbar */
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .action-label.checked {
	background: var(--vscode-toolbar-activeBackground);
	border-radius: var(--vscode-cornerRadius-medium);
}

/* Secondary sidebar toggle uses icon variants for toggle state — no background needed */
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .action-label.codicon-agent-secondary-sidebar-toggle-open.checked,
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .action-label.codicon-agent-secondary-sidebar-toggle-closed.checked {
	background: none;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .action-label.codicon-agent-secondary-sidebar-toggle-open.checked:hover,
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-session-actions-container .action-label.codicon-agent-secondary-sidebar-toggle-closed.checked:hover {
	background: var(--vscode-toolbar-hoverBackground);
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-actions-container .monaco-action-bar .action-item:not(.disabled) .codicon {
	color: var(--vscode-icon-foreground);
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-actions-container .monaco-action-bar .action-item {
	display: flex;
}

/* Left Tool Bar Container */
.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left > .left-toolbar-container {
	display: none;
	padding-left: 8px;
	flex-grow: 0;
	flex-shrink: 0;
	text-align: center;
	position: relative;
	z-index: 2500;
	-webkit-app-region: no-drag;
	height: 100%;
	order: 2;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left > .left-toolbar-container:not(.has-no-actions) {
	display: flex;
	justify-content: center;
	align-items: center;
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left > .left-toolbar-container .monaco-action-bar .action-item:not(.disabled) .codicon {
	color: var(--vscode-icon-foreground);
}

.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-left > .left-toolbar-container .monaco-action-bar .action-item {
	display: flex;
}

/* Remove the titlebar shadow in agent sessions */
.agent-sessions-workbench.monaco-workbench .part.titlebar {
	box-shadow: none;
}

/* macOS native: the spacer uses window-controls-container but should not block dragging */
.agent-sessions-workbench.mac .part.titlebar .window-controls-container {
	-webkit-app-region: drag;
}

/* ---- Phone Layout: Minimal Titlebar ---- */

/* On phone, ensure the titlebar left is visible (it holds the hamburger area)
	even when sidebar is hidden. Override the nosidebar rule. */
.agent-sessions-workbench.phone-layout.nosidebar .part.titlebar > .sessions-titlebar-container > .titlebar-left {
	display: flex !important;
}

/* But hide the toolbar content inside it — only structural element remains */
.agent-sessions-workbench.phone-layout .part.titlebar > .sessions-titlebar-container > .titlebar-left > .left-toolbar-container {
	display: none !important;
}

/* Hide the window controls spacer on phone (no native traffic lights on mobile) */
.agent-sessions-workbench.phone-layout .part.titlebar > .sessions-titlebar-container > .titlebar-left > .window-controls-container {
	display: none !important;
}

/* Keep the center (session title) visible and full-width on phone */
.agent-sessions-workbench.phone-layout .part.titlebar > .sessions-titlebar-container > .titlebar-center {
	flex: 1;
	min-width: 0;
}

/* On phone, hide ALL right-side action containers (session actions + layout actions) */
.agent-sessions-workbench.phone-layout .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-actions-container {
	display: none !important;
}

/* Ensure safe area padding on top for notch */
.agent-sessions-workbench.phone-layout .part.titlebar > .sessions-titlebar-container {
	padding-top: env(safe-area-inset-top);
}