diff --git a/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts b/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts index d542ff37213e..96c32d9089d5 100644 --- a/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts +++ b/src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts @@ -668,7 +668,16 @@ export class AgentSessionsWelcomePage extends EditorPane { } private buildFooter(container: HTMLElement): void { + const updateNoSessionsClass = () => { + container.classList.toggle('no-sessions', this.agentSessionsService.model.sessions.length === 0); + }; + // Set initial state + updateNoSessionsClass(); + // Keep footer in sync with session changes + this.contentDisposables.add(this.agentSessionsService.model.onDidChangeSessions(() => { + updateNoSessionsClass(); + })); // Privacy notice this.buildPrivacyNotice(container); diff --git a/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css b/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css index d9bd5f3bd081..3864c49a2ed6 100644 --- a/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css +++ b/src/vs/workbench/contrib/welcomeAgentSessions/browser/media/agentSessionsWelcome.css @@ -69,7 +69,7 @@ } .agentSessionsWelcome-startEntry .codicon { - color: var(--vscode-descriptionForeground); + color: var(--vscode-descriptionForeground) !important; } /* Chat widget section */ @@ -318,6 +318,10 @@ } /* Footer */ +.agentSessionsWelcome-footer.no-sessions { + margin-top: 0px; +} + .agentSessionsWelcome-footer { display: flex; flex-direction: column; @@ -355,6 +359,7 @@ gap: 8px; font-size: 12px; color: var(--vscode-descriptionForeground); + margin-top: 36px; } .agentSessionsWelcome-showOnStartup label {