shell-mirror 1.5.82 → 1.5.83

package/mac-agent/agent.js

@@ -910,6 +910,21 @@ function setupDataChannel(clientId) {
             sessionId: message.sessionId,
             sessionName: newSession.name
           }));
+
+          // Send buffered output for this session
+          const bufferedOutput = newSession.buffer.getAll();
+          if (bufferedOutput) {
+            logToFile(`[AGENT] 📤 Sending ${bufferedOutput.length} chars of buffered output for session switch`);
+            const success = sendLargeMessage(dataChannel, {
+              type: 'output',
+              data: bufferedOutput
+            }, '[AGENT]');
+            if (!success) {
+              logToFile('[AGENT] ❌ Failed to send buffered output');
+            }
+          } else {
+            logToFile('[AGENT] ℹ️ No buffered output for switched session');
+          }
         } else {
           dataChannel.send(JSON.stringify({
             type: 'error',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.82",
+  "version": "1.5.83",
   "description": "Access your Mac shell from any device securely. Perfect for mobile coding with Claude Code CLI, Gemini CLI, and any shell tool.",
   "main": "server.js",
   "bin": {

package/public/app/terminal.html

@@ -109,26 +109,6 @@
         gap: 8px;
       }
 
-      /* Connection Status Indicator */
-      .connection-status {
-        width: 12px;
-        height: 12px;
-        border-radius: 50%;
-        background: #ff4444;
-        margin-right: 12px;
-        flex-shrink: 0;
-      }
-
-      .connection-status.connecting {
-        background: #ffaa44;
-        animation: pulse 1.5s ease-in-out infinite;
-      }
-
-      .connection-status.connected {
-        background: #44ff44;
-        box-shadow: 0 0 6px rgba(68, 255, 68, 0.5);
-      }
-
       /* Session Tab Bar */
       .session-tab-bar {
         display: flex;
@@ -284,31 +264,6 @@
       #connect-container { padding: 2em; text-align: center; }
       #agent-id-input { font-size: 1.2em; padding: 8px; width: 400px; margin-bottom: 1em; }
       #connect-btn { font-size: 1.2em; padding: 10px 20px; }
-      
-      /* Connection Status Indicator */
-      .connection-status {
-        width: 8px;
-        height: 8px;
-        border-radius: 50%;
-        background: #ff4444;
-        margin-right: 4px;
-        transition: all 0.3s ease;
-      }
-      
-      .connection-status.connected {
-        background: #44ff44;
-        box-shadow: 0 0 8px rgba(68, 255, 68, 0.5);
-      }
-      
-      .connection-status.connecting {
-        background: #ffaa44;
-        animation: pulse 1.5s ease-in-out infinite alternate;
-      }
-      
-      @keyframes pulse {
-        from { opacity: 1; }
-        to { opacity: 0.4; }
-      }
 
       /* Help Modal - Tab Navigation */
       .help-tabs {
@@ -400,9 +355,6 @@
     </div>
     <div id="terminal-container">
         <div class="session-header" id="session-header" style="display: none;">
-            <!-- Connection Status Indicator -->
-            <div class="connection-status" id="connection-status"></div>
-
             <!-- Session Tab Bar -->
             <div class="session-tab-bar" id="session-tab-bar">
                 <!-- Tabs will be rendered here by JavaScript -->

package/public/app/terminal.js

@@ -153,24 +153,7 @@ const chunkAssembler = {
 
 // Connection status management
 function updateConnectionStatus(status) {
-    const statusElement = document.getElementById('connection-status');
-    if (!statusElement) return;
-
-    statusElement.className = 'connection-status';
-    switch(status) {
-        case 'connecting':
-            statusElement.classList.add('connecting');
-            break;
-        case 'connected':
-            statusElement.classList.add('connected');
-            break;
-        case 'disconnected':
-        default:
-            // Default red styling already applied
-            break;
-    }
-
-    // Update tab status indicators
+    // Update tab status indicators only (removed global connection-status element)
     if (currentSession) {
         renderTabs();
     }
@@ -951,9 +934,6 @@ function renderTabs() {
         return;
     }
 
-    // Get connection status
-    const connectionStatus = getConnectionStatus();
-
     // Ensure we have sessions to display
     let sessionsToRender = [];
 
@@ -968,7 +948,6 @@ function renderTabs() {
     console.log('[CLIENT] 🎨 Rendering tabs:', {
         sessionCount: sessionsToRender.length,
         currentSession: currentSession?.id,
-        connectionStatus,
         source: availableSessions?.length > 0 ? 'agent' : 'fallback'
     });
 
@@ -979,13 +958,14 @@ function renderTabs() {
         tabsHTML = sessionsToRender.map(session => {
             const isActive = currentSession && session.id === currentSession.id;
             const displayName = session.name || 'Terminal Session';
+            const status = getSessionStatus(session.id); // Per-session status
 
             return `
                 <button class="session-tab ${isActive ? 'active' : ''}"
                         onclick="switchToSession('${session.id}')"
                         ${isActive ? 'disabled' : ''}
                         title="${displayName}">
-                    <span class="session-tab-status ${connectionStatus}"></span>
+                    <span class="session-tab-status ${status}"></span>
                     <span class="session-tab-name">${displayName}</span>
                 </button>
             `;
@@ -999,14 +979,19 @@ function renderTabs() {
     console.log('[CLIENT] ✅ Tabs rendered:', sessionsToRender.length, 'tabs');
 }
 
-function getConnectionStatus() {
-    if (dataChannel && dataChannel.readyState === 'open') {
-        return 'connected';
-    } else if (dataChannel && dataChannel.readyState === 'connecting') {
-        return 'connecting';
-    } else {
+function getSessionStatus(sessionId) {
+    // Current/active session shows actual connection status
+    if (currentSession && sessionId === currentSession.id) {
+        if (dataChannel && dataChannel.readyState === 'open') {
+            return 'connected';
+        } else if (dataChannel && dataChannel.readyState === 'connecting') {
+            return 'connecting';
+        }
         return 'disconnected';
     }
+
+    // Inactive sessions show as disconnected (not currently connected)
+    return 'disconnected';
 }
 
 function formatLastActivity(timestamp) {