Microsoft/vscode
1
0
Fork 0
mirror of https://github.com/microsoft/vscode.git synced 2026-09-12 20:12:23 +01:00
Code Issues Packages Projects Releases Wiki Activity

Comments

Browse Source
This commit is contained in:
Osvaldo Ortega
2026-02-09 01:58:14 +01:00
parent b83d48d126
commit 56f0349a67
1 changed files with 2 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/vs/workbench/contrib/welcomeAgentSessions/browser/agentSessionsWelcome.ts
+2 -43
View File
@@ -127,7 +127,6 @@ export class AgentSessionsWelcomePage extends EditorPane {
private chatModelRef: IReference<IChatModel> | undefined;
private sessionsControl: AgentSessionsControl | undefined;
private sessionsControlContainer: HTMLElement | undefined;
private sessionsLoadingContainer: HTMLElement | undefined;
private readonly sessionsControlDisposables = this._register(new DisposableStore());
private readonly contentDisposables = this._register(new DisposableStore());
private contextService: IContextKeyService;
@@ -534,7 +533,6 @@ export class AgentSessionsWelcomePage extends EditorPane {
// Clear previous sessions control
this.sessionsControlDisposables.clear();
this.sessionsControl = undefined;
this.sessionsLoadingContainer = undefined;
const sessions = this.agentSessionsService.model.sessions.filter(s => !s.isArchived());
@@ -545,49 +543,10 @@ export class AgentSessionsWelcomePage extends EditorPane {
}
}
private buildLoadingSkeleton(container: HTMLElement): HTMLElement {
const loadingContainer = append(container, $('.agentSessionsWelcome-sessionsLoading', {
'role': 'status',
'aria-busy': 'true',
'aria-label': localize('loadingSessions', "Loading sessions...")
}));
// Create skeleton items to match MAX_SESSIONS (6 items, arranged in 2 columns)
for (let i = 0; i < MAX_SESSIONS; i++) {
const skeleton = append(loadingContainer, $('.agentSessionsWelcome-sessionSkeleton', { 'aria-hidden': 'true' }));
append(skeleton, $('.agentSessionsWelcome-sessionSkeleton-icon'));
const content = append(skeleton, $('.agentSessionsWelcome-sessionSkeleton-content'));
append(content, $('.agentSessionsWelcome-sessionSkeleton-title'));
append(content, $('.agentSessionsWelcome-sessionSkeleton-description'));
}
return loadingContainer;
}
private hideLoadingSkeleton(): void {
// Hide loading skeleton and show the sessions control
if (this.sessionsLoadingContainer) {
this.sessionsLoadingContainer.style.display = 'none';
}
if (this.sessionsControlContainer) {
this.sessionsControlContainer.style.display = '';
this.layoutSessionsControl();
}
}
private buildSessionsGrid(container: HTMLElement, _sessions: IAgentSession[]): void {
// Show cached sessions immediately if available, otherwise show loading skeleton
const hasCachedSessions = _sessions.length > 0;
this.sessionsLoadingContainer = this.buildLoadingSkeleton(container);
this.sessionsControlContainer = append(container, $('.agentSessionsWelcome-sessionsGrid'));
if (!hasCachedSessions) {
// Only hide the control if there are no cached sessions to show
this.sessionsControlContainer.style.display = 'none';
} else {
this.sessionsLoadingContainer.style.display = 'none';
}
const options: IAgentSessionsControlOptions = {
overrideStyles: getListStyles({
listBackground: editorBackground,
@@ -615,11 +574,11 @@ export class AgentSessionsWelcomePage extends EditorPane {
// Listen for loading state changes to toggle skeleton visibility
this.sessionsControlDisposables.add(this.agentSessionsService.model.onDidResolve(() => {
this.hideLoadingSkeleton();
this.layoutSessionsControl();
}));
if (this.agentSessionsService.model.resolved) {
this.hideLoadingSkeleton();
this.layoutSessionsControl();
}
// Schedule layout at next animation frame to ensure proper rendering