@codingame/monaco-vscode-workbench-service-override 37.2.0 → 37.3.1

package/vscode/src/vs/sessions/contrib/accountMenu/browser/media/accountTitleBarWidget.css

@@ -0,0 +1,646 @@
+/*---------------------------------------------------------------------------------------------
+ *  Copyright (c) Microsoft Corporation. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+.agent-sessions-workbench .sessions-account-titlebar-widget {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	gap: 0;
+	position: relative;
+	height: 22px;
+	width: 22px;
+	min-width: 22px;
+	background: transparent;
+	border-radius: var(--vscode-cornerRadius-medium);
+	color: inherit;
+	cursor: pointer;
+	-webkit-app-region: no-drag;
+	overflow: hidden;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget:hover,
+.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget {
+	background: var(--vscode-toolbar-hoverBackground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget:active,
+.agent-sessions-workbench .sessions-account-titlebar-widget.menu-visible,
+.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget.menu-visible {
+	background: var(--vscode-toolbar-activeBackground);
+}
+
+.agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget {
+	outline: 1px solid var(--vscode-focusBorder);
+	outline-offset: -1px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-icon {
+	flex: 0 0 auto;
+	font-size: var(--vscode-codiconFontSize);
+	color: inherit;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-icon.hidden {
+	display: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-avatar {
+	display: none;
+	flex: 0 0 auto;
+	width: 18px;
+	height: 18px;
+	border: 1px solid var(--vscode-commandCenter-border, transparent);
+	border-radius: 50%;
+	box-sizing: border-box;
+	object-fit: cover;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-avatar.visible {
+	display: block;
+}
+
+.monaco-workbench .part.titlebar.inactive .sessions-account-titlebar-widget-avatar {
+	border-color: var(--vscode-commandCenter-inactiveBorder, var(--vscode-commandCenter-border, transparent));
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-label {
+	display: none;
+}
+
+/* Spacing between titlebar-right action items (account widget, update indicator, etc.) */
+
+.monaco-workbench .part.titlebar > .sessions-titlebar-container > .titlebar-right > .titlebar-right-layout-container .monaco-action-bar .actions-container {
+	gap: 6px;
+}
+
+/* Badge on account icon */
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-badge {
+	flex: 0 0 auto;
+	display: inline-flex;
+	align-items: center;
+	justify-content: center;
+	min-width: 18px;
+	height: 16px;
+	padding: 0 4px;
+	border-radius: var(--vscode-cornerRadius-large);
+	background: var(--vscode-badge-background);
+	color: var(--vscode-badge-foreground);
+	font-size: var(--vscode-fontSize-label3);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	font-variant-numeric: tabular-nums;
+	line-height: 1;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge {
+	position: absolute;
+	top: 3px;
+	right: 3px;
+	min-width: 0;
+	width: 6px;
+	height: 6px;
+	padding: 0;
+	border-radius: 50%;
+	border: 1px solid var(--vscode-titleBar-activeBackground);
+	background: var(--vscode-editorWarning-foreground);
+	color: transparent;
+	pointer-events: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge-warning {
+	background: var(--vscode-editorWarning-foreground) !important;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget-badge.dot-badge-error {
+	background: var(--vscode-editorError-foreground) !important;
+}
+
+/* Kind-based styling */
+
+.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-icon,
+.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-label {
+	color: var(--vscode-statusBarItem-warningForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget.kind-prominent .sessions-account-titlebar-widget-badge:not(.dot-badge),
+.agent-sessions-workbench .sessions-account-titlebar-widget.kind-warning .sessions-account-titlebar-widget-badge:not(.dot-badge) {
+	background: var(--vscode-activityBarBadge-background);
+	color: var(--vscode-activityBarBadge-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-widget.kind-accent .sessions-account-titlebar-widget-badge:not(.dot-badge) {
+	background: var(--vscode-button-background);
+	color: var(--vscode-button-foreground);
+}
+
+/* Panel (hover popup) */
+
+.agent-sessions-workbench .sessions-account-titlebar-panel {
+	display: flex;
+	flex-direction: column;
+	width: 400px;
+	max-width: min(400px, calc(100vw - 16px));
+	overflow-x: hidden;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header {
+	display: flex;
+	justify-content: flex-end;
+	min-height: 28px;
+	padding: 4px 8px 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	gap: 2px;
+	margin-left: auto;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions > .monaco-action-bar .actions-container {
+	gap: 4px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions > .monaco-action-bar .action-label {
+	padding: 4px;
+	color: var(--vscode-icon-foreground, var(--vscode-descriptionForeground));
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions > .monaco-action-bar .action-item:not(.disabled) .action-label:hover,
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions > .monaco-action-bar .action-item:not(.disabled) .action-label:focus-visible {
+	background: var(--vscode-toolbar-hoverBackground);
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-header-actions > .monaco-action-bar .action-item:not(.disabled) .action-label:active {
+	background: var(--vscode-toolbar-activeBackground);
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-cta-actions {
+	display: contents;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-cta-actions .monaco-button {
+	height: 22px;
+	padding: 0 8px;
+	font-size: var(--vscode-fontSize-label2);
+	line-height: 20px;
+	border-radius: var(--vscode-cornerRadius-medium);
+}
+
+.monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover,
+.workbench-hover-container.locked .monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover,
+.workbench-hover-container:focus-within.locked .monaco-hover.workbench-hover.sessions-account-titlebar-panel-hover {
+	outline: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-content {
+	display: flex;
+	flex-direction: column;
+	min-height: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-identities {
+	display: flex;
+	flex-direction: column;
+	padding: 4px 0;
+	border-bottom: var(--vscode-strokeThickness) solid var(--vscode-menu-separatorBackground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-summary {
+	padding: 12px 16px;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 1.4;
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions {
+	display: flex;
+	flex-direction: column;
+	gap: 0;
+	padding: 2px 0 6px 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-account {
+	display: flex;
+	flex-direction: column;
+	gap: 6px;
+	min-width: 0;
+	padding: 12px 16px 14px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-account.signed-out {
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-account + .sessions-account-titlebar-panel-provider-account {
+	border-top: var(--vscode-strokeThickness) solid var(--vscode-menu-separatorBackground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-identity {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	width: 100%;
+	min-width: 0;
+	min-height: 26px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-avatar,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-icon {
+	box-sizing: border-box;
+	flex: 0 0 22px;
+	width: 22px;
+	height: 22px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-avatar {
+	border-radius: 50%;
+	object-fit: cover;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-icon {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 15px;
+	border: var(--vscode-strokeThickness) solid var(--vscode-descriptionForeground);
+	border-radius: 50%;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-avatar.hidden,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-icon.hidden {
+	display: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-details {
+	display: flex;
+	flex: 1;
+	min-width: 0;
+	flex-direction: column;
+	gap: 2px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-name {
+	flex: 1;
+	min-width: 0;
+	overflow: hidden;
+	font-size: var(--vscode-fontSize-label1);
+	font-weight: var(--vscode-fontWeight-regular);
+	line-height: 20px;
+	color: var(--vscode-foreground);
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-description {
+	overflow: hidden;
+	font-size: var(--vscode-fontSize-label2);
+	line-height: 18px;
+	color: var(--vscode-descriptionForeground);
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions .action-item .action-label.codicon {
+	box-sizing: border-box;
+	width: 20px;
+	height: 20px;
+	padding: 3px;
+	border-radius: var(--vscode-cornerRadius-circle);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions .action-label.codicon-sign-out::before {
+	display: inline-block;
+	transform: translateX(1px);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions {
+	flex: 0 1 auto;
+	min-width: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions > .monaco-action-bar .actions-container,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions .action-item {
+	width: max-content;
+	max-width: 100%;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions .action-label {
+	width: auto;
+	max-width: 100%;
+	box-sizing: border-box;
+	min-height: 24px;
+	padding: 2px 6px;
+	justify-content: flex-start;
+	border-radius: var(--vscode-cornerRadius-small);
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 20px;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions .action-item:not(.disabled) .action-label:hover,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-sign-in-actions .action-item:not(.disabled) .action-label:focus-visible {
+	background: var(--vscode-list-hoverBackground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions > .monaco-action-bar .actions-container {
+	width: max-content;
+	gap: 2px;
+	padding: 1px 2px;
+	border: var(--vscode-strokeThickness) solid var(--vscode-widget-border, var(--vscode-menu-separatorBackground));
+	border-radius: 14px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions .action-item {
+	margin: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-plan {
+	font-size: var(--vscode-fontSize-label1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 20px;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-usage {
+	display: flex;
+	flex-direction: column;
+	gap: 2px;
+	min-width: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-metric-row {
+	display: flex;
+	align-items: baseline;
+	justify-content: space-between;
+	gap: 16px;
+	min-width: 0;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 20px;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-metric-row > :first-child {
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-metric-row.secondary {
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-metric-row.secondary.without-reset {
+	justify-content: flex-end;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-usage-value {
+	font-weight: var(--vscode-fontWeight-semiBold);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-usage-value,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-usage-label {
+	flex: 0 0 auto;
+	text-align: right;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer {
+	min-width: 0;
+	padding: 10px 16px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip {
+	min-width: 0;
+	max-width: none;
+	padding: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip > :not(.contributed-section),
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .contributed-section > div.header,
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .collapsible-content,
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .contributed-detail {
+	display: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .contributed-section,
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	background: transparent;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-footer .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible {
+	display: flex;
+	align-items: center;
+	min-width: 0;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 20px;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions .action-item:not(.disabled) .action-label:hover,
+.agent-sessions-workbench .sessions-account-titlebar-panel-provider-actions .action-item:not(.disabled) .action-label:focus-visible {
+	background: var(--vscode-toolbar-hoverBackground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions > .monaco-action-bar .actions-container {
+	align-items: stretch;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions > .monaco-action-bar .action-item {
+	width: 100%;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions > .monaco-action-bar .action-label {
+	width: 100%;
+	min-height: 24px;
+	padding: 3px 16px;
+	justify-content: flex-start;
+	border-radius: 0;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 18px;
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions > .monaco-action-bar .action-item:not(.disabled) .action-label:hover,
+.agent-sessions-workbench .sessions-account-titlebar-panel-actions > .monaco-action-bar .action-item:not(.disabled) .action-label:focus-visible {
+	background: var(--vscode-list-hoverBackground);
+	color: var(--vscode-list-activeSelectionForeground, var(--vscode-foreground));
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section {
+	display: flex;
+	flex-direction: column;
+}
+
+/* The embedded chat status dashboard ships dividers/HRs and header borders
+	intended for its standalone tooltip presentation. The section headings
+	provide the only visual grouping we want here. */
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip hr {
+	display: none;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip > div.header,
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .contribution > div.header {
+	border-bottom: none;
+	padding-bottom: 0;
+}
+
+/* Flatten contributed sub-sections (e.g. "Codebase Semantic Index") into
+	the parent Subscription section. The dashboard renders these non-collapsibly;
+	these rules just align the header typography with the panel's quota-title
+	style above it. */
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible {
+	margin-top: 4px;
+	padding: 0 28px 0 0;
+	border-top: none;
+	background: none;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 18px;
+	font-weight: var(--vscode-fontWeight-regular);
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible .collapsible-label {
+	color: var(--vscode-foreground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible .collapsible-status {
+	margin-left: auto;
+	font-size: var(--vscode-fontSize-label2);
+	line-height: 15px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-header.non-collapsible .contributed-detail {
+	font-size: var(--vscode-fontSize-label2);
+	line-height: 15px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section .chat-status-bar-entry-tooltip .collapsible-content > .collapsible-inner {
+	gap: 6px;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-title {
+	padding: 4px 8px 2px;
+	font-size: var(--vscode-fontSize-label1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 18px;
+	color: var(--vscode-foreground);
+}
+
+/* Subscription section: place "Subscription" label and the dashboard's
+	plan-name + manage-action header on a single right-aligned row.
+	The dashboard's `div.header` is reparented into this row at runtime,
+	so it's no longer matched by chatStatus.css rules. */
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-header {
+	display: flex;
+	align-items: center;
+	gap: 8px;
+	padding: 4px 10px 2px 8px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-header .sessions-account-titlebar-panel-section-title {
+	flex: 1 1 auto;
+	min-width: 0;
+	padding: 0;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header {
+	flex: 0 0 auto;
+	display: flex;
+	align-items: center;
+	gap: 6px;
+	font-size: var(--vscode-fontSize-label1);
+	line-height: 18px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header .header-label {
+	flex: 0 0 auto;
+	color: var(--vscode-descriptionForeground);
+	font-weight: var(--vscode-fontWeight-regular);
+	font-size: var(--vscode-fontSize-label2);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section-header > div.header .monaco-action-bar {
+	flex: 0 0 auto;
+}
+
+/* Signed-out CTA inside the embedded chat status dashboard
+	(e.g. "Sign in to use AI Features"). The dashboard ships its own
+	default-styled <Button>; align it with the rest of the account menu
+	by tightening spacing and matching the panel's primary-action look. */
+.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip {
+	display: flex;
+	flex-direction: column;
+	padding: 10px 8px 8px;
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip > div.description {
+	margin: 0;
+	padding: 0 2px;
+	font-size: var(--vscode-fontSize-body2);
+	line-height: 16px;
+	color: var(--vscode-descriptionForeground);
+}
+
+.agent-sessions-workbench .sessions-account-titlebar-panel-section.subscription .chat-status-bar-entry-tooltip > .monaco-button {
+	width: 100%;
+	height: 26px;
+	margin: 0;
+	padding: 0 12px;
+	border-radius: var(--vscode-cornerRadius-medium);
+	font-size: var(--vscode-fontSize-label1);
+	font-weight: var(--vscode-fontWeight-semiBold);
+	line-height: 1;
+}
+
+/* Motion animations */
+
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget {
+	transition: background-color 150ms ease-out;
+}
+
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-icon,
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-label,
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget-badge,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-icon,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-label,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget-badge {
+	transition: opacity 150ms ease-out, transform 150ms ease-out, background-color 150ms ease-out, color 150ms ease-out;
+}
+
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget:hover .sessions-account-titlebar-widget-badge,
+.monaco-enable-motion .agent-sessions-workbench .sessions-account-titlebar-widget.menu-visible .sessions-account-titlebar-widget-badge,
+.monaco-enable-motion .agent-sessions-workbench .action-item:focus-within .sessions-account-titlebar-widget .sessions-account-titlebar-widget-badge,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget:hover .sessions-account-titlebar-widget-badge,
+.agent-sessions-workbench.monaco-enable-motion .sessions-account-titlebar-widget.menu-visible .sessions-account-titlebar-widget-badge,
+.agent-sessions-workbench.monaco-enable-motion .action-item:focus-within .sessions-account-titlebar-widget .sessions-account-titlebar-widget-badge {
+	transform: scale(1.04);
+}
+
+/* Reduced motion */
+
+.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget,
+.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-icon,
+.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-label,
+.monaco-reduce-motion .agent-sessions-workbench .sessions-account-titlebar-widget-badge,
+.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget,
+.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-icon,
+.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-label,
+.agent-sessions-workbench.monaco-reduce-motion .sessions-account-titlebar-widget-badge {
+	transition-duration: 0ms !important;
+}