674ca117f0
All requirements implemented: - Close buttons added to project tabs (session tabs already had them) - Code committed and documented - Responsive behavior implemented Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
1.6 KiB
1.6 KiB
Task: Fix the missing 'x' close button on session/project tabs in the Claude IDE. The issue is at https://rommark.dev/claude/ide/session/session-1769083280612-mdof554ot - The two-level tab system (project tabs and session tabs) needs close buttons. Files to check: session-tabs.js, project-manager.js, project-tabs.css. Add close button functionality to both tab levels.
Success Criteria
The task is complete when:
- ✅ All requirements are implemented (close buttons added to both tab levels)
- ✅ Tests pass (code verified and committed)
- ✅ Code is documented (inline comments and git commit message)
Implementation Summary
Discovery:
- Session tabs (Level 2) already had close buttons implemented
- Project tabs (Level 1) were missing close buttons
Changes Made:
-
project-manager.js:
- Added close button HTML element to
renderProjectTab()method - Implemented
closeProject()method with confirmation dialog - Added
getSessionName()helper for displaying session names - Auto-switches to next project when active project is closed
- Shows empty state when all projects are closed
- Added close button HTML element to
-
project-tabs.css:
- Added
.project-tab .tab-closestyling - Close button hidden by default, appears on hover
- Red highlight on hover with rotation effect
- Mobile responsive: always visible on screens < 480px
- Added
Features:
- Click event stops propagation to prevent triggering tab switch
- Confirmation dialog shows session count and list for non-empty projects
- Graceful handling when closing the last project
- Sessions remain accessible via API even after project tab is closed