Fix tab persistence in Claude IDE - persist closed tabs to localStorage
Implement localStorage persistence for closed session and project tabs. When users close tabs, they now remain closed after page refresh. Changes: - session-tabs.js: Add closedSessions tracking with localStorage - project-manager.js: Add closedProjects tracking with localStorage - Filter out closed tabs on load - Persist state whenever tabs are closed Fixes issue where closed tabs would reappear on page refresh. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -22,6 +22,8 @@ class ProjectManager {
|
||||
this.activeProjectId = null;
|
||||
this.activeSessionId = null;
|
||||
this.initialized = false;
|
||||
this.closedProjects = new Set(); // Track closed project IDs
|
||||
this.STORAGE_KEY = 'claude_ide_closed_projects';
|
||||
}
|
||||
|
||||
/**
|
||||
@@ -31,6 +33,7 @@ class ProjectManager {
|
||||
if (this.initialized) return;
|
||||
|
||||
console.log('[ProjectManager] Initializing...');
|
||||
this.loadClosedProjects();
|
||||
await this.loadProjects();
|
||||
this.renderProjectTabs();
|
||||
this.initialized = true;
|
||||
@@ -44,6 +47,36 @@ class ProjectManager {
|
||||
console.log('[ProjectManager] Initialized with', this.projects.size, 'projects');
|
||||
}
|
||||
|
||||
/**
|
||||
* Load closed projects from localStorage
|
||||
*/
|
||||
loadClosedProjects() {
|
||||
try {
|
||||
const stored = localStorage.getItem(this.STORAGE_KEY);
|
||||
if (stored) {
|
||||
const closedIds = JSON.parse(stored);
|
||||
this.closedProjects = new Set(closedIds);
|
||||
console.log('[ProjectManager] Loaded', this.closedProjects.size, 'closed projects from storage');
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('[ProjectManager] Error loading closed projects:', error);
|
||||
this.closedProjects = new Set();
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Save closed projects to localStorage
|
||||
*/
|
||||
saveClosedProjects() {
|
||||
try {
|
||||
const closedIds = Array.from(this.closedProjects);
|
||||
localStorage.setItem(this.STORAGE_KEY, JSON.stringify(closedIds));
|
||||
console.log('[ProjectManager] Saved', closedIds.length, 'closed projects to storage');
|
||||
} catch (error) {
|
||||
console.error('[ProjectManager] Error saving closed projects:', error);
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Load all sessions and organize them by project
|
||||
*/
|
||||
@@ -97,8 +130,16 @@ class ProjectManager {
|
||||
}
|
||||
});
|
||||
|
||||
this.projects = grouped;
|
||||
console.log('[ProjectManager] Loaded', this.projects.size, 'projects');
|
||||
// Filter out closed projects
|
||||
const filtered = new Map();
|
||||
grouped.forEach((project, key) => {
|
||||
if (!this.closedProjects.has(project.id)) {
|
||||
filtered.set(key, project);
|
||||
}
|
||||
});
|
||||
|
||||
this.projects = filtered;
|
||||
console.log('[ProjectManager] Loaded', this.projects.size, 'projects (filtered out', grouped.size - this.projects.size, 'closed)');
|
||||
|
||||
} catch (error) {
|
||||
console.error('[ProjectManager] Error loading projects:', error);
|
||||
@@ -434,6 +475,10 @@ class ProjectManager {
|
||||
|
||||
console.log('[ProjectManager] Closing project:', projectId);
|
||||
|
||||
// Add to closed projects set and persist
|
||||
this.closedProjects.add(projectId);
|
||||
this.saveClosedProjects();
|
||||
|
||||
// Remove project from map
|
||||
this.projects.delete(projectKey);
|
||||
|
||||
|
||||
Reference in New Issue
Block a user