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:
uroma
2026-01-22 12:40:31 +00:00
Unverified
parent fc76581337
commit b82837aa5f
2 changed files with 87 additions and 4 deletions

View File

@@ -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);