chore(release): v3.3.0 (#53)

- Fix critical syntax error in server.js close() method
- Fix memory leaks in all bridge files (claude, codex, agent)
- Fix race condition in session-store.js
- Fix duplicate signal handlers in server.js
- Remove undefined method call in usage-reader.js
- Clean up unused variables
- Add missing test coverage for agent alias
- Remove token usage top bar from UI

All bug fixes are backward-compatible.
Test suite: 12/12 passing.

Author: vultuk

CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## [3.3.0] - 2025-10-23
+
+### Fixed
+- **Critical**: Fixed syntax error in `server.js` close() method causing improper indentation in agent session cleanup
+- **Critical**: Fixed memory leaks in all three bridge files (claude-bridge.js, codex-bridge.js, agent-bridge.js) by properly tracking and clearing kill timeouts
+- Fixed race condition in `session-store.js` where atomic rename could fail if directory was deleted between write and rename operations
+- Fixed duplicate signal handlers in `server.js` that could cause double-shutdown attempts
+- Removed call to undefined method `clearProcessedEntriesCache()` in `usage-reader.js`
+- Removed unused `sessionCache` Map variable from `usage-reader.js`
+- Added missing test coverage for agent alias in server alias tests
+- Fixed test cleanup warnings by ensuring storage directory exists before save operations
+
+### Changed
+- Removed token usage top bar from UI - no longer displays real-time token statistics in the header
+- Updated `applySettings()` to reflect removal of token stats visibility toggle
+- Disabled `updateUsageDisplay()` and `startSessionTimerUpdate()` functions as UI elements no longer exist
+
+### Notes
+- All bug fixes are backward-compatible
+- Usage statistics backend code still runs but is no longer displayed in the UI
+- Test suite passing: 12/12 tests
+
 ## [3.2.2] - 2025-10-23
 
 ### Fixed

bin/cc-web.js

@@ -11,7 +11,7 @@ const program = new Command();
 program
   .name('cc-web')
   .description('Web-based interface for Claude Code CLI')
-  .version('3.2.2')
+  .version('3.3.0')
   .option('-p, --port <number>', 'port to run the server on', '32352')
   .option('--no-open', 'do not automatically open browser')
   .option('--auth <token>', 'authentication token for secure access')

package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-code-web",
-  "version": "3.2.2",
+  "version": "3.3.0",
   "description": "Web-based interface for Claude Code CLI accessible via browser",
   "main": "src/server.js",
   "bin": {

src/agent-bridge.js

@@ -78,7 +78,8 @@ class AgentBridge {
         process: agentProcess,
         workingDir,
         created: new Date(),
-        active: true
+        active: true,
+        killTimeout: null
       };
 
       this.sessions.set(sessionId, session);
@@ -99,13 +100,23 @@ class AgentBridge {
 
       agentProcess.onExit((exitCode, signal) => {
         console.log(`Agent session ${sessionId} exited with code ${exitCode}, signal ${signal}`);
+        // Clear kill timeout if process exited naturally
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onExit(exitCode, signal);
       });
 
       agentProcess.on('error', (error) => {
         console.error(`Agent session ${sessionId} error:`, error);
+        // Clear kill timeout if process errored
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onError(error);
@@ -153,9 +164,15 @@ class AgentBridge {
     }
 
     try {
+      // Clear any existing kill timeout
+      if (session.killTimeout) {
+        clearTimeout(session.killTimeout);
+        session.killTimeout = null;
+      }
+
       if (session.active && session.process) {
         session.process.kill('SIGTERM');
-        setTimeout(() => {
+        session.killTimeout = setTimeout(() => {
           if (session.active && session.process) {
             session.process.kill('SIGKILL');
           }

src/claude-bridge.js

@@ -85,7 +85,8 @@ class ClaudeBridge {
         process: claudeProcess,
         workingDir,
         created: new Date(),
-        active: true
+        active: true,
+        killTimeout: null
       };
 
       this.sessions.set(sessionId, session);
@@ -124,13 +125,23 @@ class ClaudeBridge {
 
       claudeProcess.onExit((exitCode, signal) => {
         console.log(`Claude session ${sessionId} exited with code ${exitCode}, signal ${signal}`);
+        // Clear kill timeout if process exited naturally
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onExit(exitCode, signal);
       });
 
       claudeProcess.on('error', (error) => {
         console.error(`Claude session ${sessionId} error:`, error);
+        // Clear kill timeout if process errored
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onError(error);
@@ -178,10 +189,16 @@ class ClaudeBridge {
     }
 
     try {
+      // Clear any existing kill timeout
+      if (session.killTimeout) {
+        clearTimeout(session.killTimeout);
+        session.killTimeout = null;
+      }
+
       if (session.active && session.process) {
         session.process.kill('SIGTERM');
 
-        setTimeout(() => {
+        session.killTimeout = setTimeout(() => {
           if (session.active && session.process) {
             session.process.kill('SIGKILL');
           }

src/codex-bridge.js

@@ -84,7 +84,8 @@ class CodexBridge {
         process: codexProcess,
         workingDir,
         created: new Date(),
-        active: true
+        active: true,
+        killTimeout: null
       };
 
       this.sessions.set(sessionId, session);
@@ -105,13 +106,23 @@ class CodexBridge {
 
       codexProcess.onExit((exitCode, signal) => {
         console.log(`Codex session ${sessionId} exited with code ${exitCode}, signal ${signal}`);
+        // Clear kill timeout if process exited naturally
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onExit(exitCode, signal);
       });
 
       codexProcess.on('error', (error) => {
         console.error(`Codex session ${sessionId} error:`, error);
+        // Clear kill timeout if process errored
+        if (session.killTimeout) {
+          clearTimeout(session.killTimeout);
+          session.killTimeout = null;
+        }
         session.active = false;
         this.sessions.delete(sessionId);
         onError(error);
@@ -159,9 +170,15 @@ class CodexBridge {
     }
 
     try {
+      // Clear any existing kill timeout
+      if (session.killTimeout) {
+        clearTimeout(session.killTimeout);
+        session.killTimeout = null;
+      }
+
       if (session.active && session.process) {
         session.process.kill('SIGTERM');
-        setTimeout(() => {
+        session.killTimeout = setTimeout(() => {
           if (session.active && session.process) {
             session.process.kill('SIGKILL');
           }

src/public/app.js

@@ -1062,11 +1062,7 @@ class ClaudeCodeWebInterface {
     }
 
     applySettings(settings) {
-        // Apply token stats visibility
-        const usageStatsContainer = document.getElementById('usageStatsContainer');
-        if (usageStatsContainer) {
-            usageStatsContainer.style.display = settings.showTokenStats ? 'flex' : 'none';
-        }
+        // Token stats bar removed - no longer needed
         // Apply theme (dark is default; light sets attribute)
         if (settings.theme === 'light') {
             document.documentElement.setAttribute('data-theme', 'light');
@@ -1867,52 +1863,13 @@ class ClaudeCodeWebInterface {
     }
 
     startSessionTimerUpdate() {
-        // Clear existing timer if any
-        if (this.sessionTimerInterval) {
-            clearInterval(this.sessionTimerInterval);
-        }
-        
-        // Update timer every second - just show remaining time
-        this.sessionTimerInterval = setInterval(() => {
-            if (this.sessionTimer && this.sessionTimer.startTime) {
-                const startTime = new Date(this.sessionTimer.startTime);
-                const now = new Date();
-                const elapsedMs = now - startTime;
-                
-                // Use session duration from server if available, default to 5 hours
-                const sessionHours = (this.sessionTimer && this.sessionTimer.sessionDurationHours) || 5;
-                const sessionDurationMs = sessionHours * 60 * 60 * 1000;
-                const remainingMs = Math.max(0, sessionDurationMs - elapsedMs);
-                
-                // Format remaining time only
-                let displayText;
-                if (remainingMs > 0) {
-                    const remainingHours = Math.floor(remainingMs / (1000 * 60 * 60));
-                    const remainingMinutes = Math.floor((remainingMs % (1000 * 60 * 60)) / (1000 * 60));
-                    displayText = `${remainingHours}h ${remainingMinutes}m`;
-                } else {
-                    displayText = '0h 0m';
-                }
-                
-                // Update the title element with remaining time
-                const titleElement = document.getElementById('usageTitle');
-                if (titleElement) {
-                    titleElement.textContent = displayText;
-                }
-            }
-        }, 1000);
+        // Token usage timer removed - no UI elements to update
+        return;
     }
 
     updateUsageDisplay(sessionStats, dailyStats, sessionTimer, analytics, burnRate, plan, limits) {
-        if (!sessionStats && !dailyStats) return;
-        
-        this.sessionStats = sessionStats;
-        this.dailyStats = dailyStats;
-        this.sessionTimer = sessionTimer;
-        this.analytics = analytics;
-        this.burnRate = burnRate;
-        this.currentPlan = plan;
-        this.planLimits = limits;
+        // Token usage display removed - no UI elements to update
+        return;
 
         // Container is already visible by default
 

src/public/index.html

@@ -50,34 +50,6 @@
 </head>
 <body>
     <div id="app">
-        <!-- Usage Stats Bar -->
-        <div class="usage-stats-bar" id="usageStatsContainer">
-            <div class="usage-stat" data-label="Tokens:">
-                <span class="stat-label">Tokens:</span>
-                <span class="stat-value" id="usageTokens">0</span>
-            </div>
-            <div class="usage-stat" data-label="Cost:">
-                <span class="stat-label">Cost:</span>
-                <span class="stat-value" id="usageCost">$0.00</span>
-            </div>
-            <div class="usage-stat" data-label="Rate:">
-                <span class="stat-label">Rate:</span>
-                <span class="stat-value" id="usageRate">0 tok/min</span>
-            </div>
-            <div class="usage-stat" data-label="Reset:">
-                <span class="stat-label">Reset:</span>
-                <span class="stat-value" id="usageTitle">Loading...</span>
-            </div>
-            <div class="usage-stat" data-label="Model:">
-                <span class="stat-label">Model:</span>
-                <span class="stat-value" id="usageModel">-</span>
-            </div>
-            <!-- Token usage progress bar -->
-            <div class="usage-progress" id="usageProgress" style="display: none;">
-                <div class="usage-progress-bar" id="usageProgressBar"></div>
-                <div class="usage-progress-text" id="usageProgressText">0%</div>
-            </div>
-        </div>
 
         <!-- Session Tabs Bar -->
         <div class="session-tabs-bar" id="sessionTabsBar">