shell-mirror 1.5.123 → 1.5.124

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.123",
+  "version": "1.5.124",
   "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

@@ -363,7 +363,7 @@
         <p>Connecting to terminal...</p>
     </div>
     <div id="terminal-container">
-        <div class="session-header" id="session-header" style="display: none;">
+        <div class="session-header" id="session-header">
             <!-- Connection Status Indicator -->
             <div class="connection-status" id="connection-status"></div>
 

package/public/app/terminal.js

@@ -243,7 +243,10 @@ function startConnection() {
     connectContainer.style.display = 'none';
     terminalContainer.classList.add('show');
     term.open(document.getElementById('terminal'));
-    
+
+    // Initialize session display (shows header with connection status even before session exists)
+    updateSessionDisplay();
+
     // Track terminal session start in Google Analytics
     if (typeof sendGAEvent === 'function') {
         sendGAEvent('terminal_session_start', {
@@ -955,14 +958,14 @@ function updateSessionDisplay() {
         return;
     }
 
-    if (currentSession) {
-        sessionHeader.style.display = 'flex';
-
-        // Update tabs
-        console.log('[CLIENT] 📋 Rendering tabs, availableSessions:', availableSessions);
-        renderTabs();
+    // Always render tabs (they will show appropriate state even if no sessions)
+    console.log('[CLIENT] 📋 Rendering tabs, availableSessions:', availableSessions, 'currentSession:', currentSession);
+    renderTabs();
 
+    if (currentSession) {
         console.log('[CLIENT] 📋 Session display updated:', currentSession);
+    } else {
+        console.log('[CLIENT] 📋 No current session - showing connection state only');
     }
 }
 
@@ -1036,10 +1039,13 @@ function renderTabs() {
                 </div>
             `;
         }).join('');
-    }
 
-    // Add new session button
-    tabsHTML += '<button class="session-tab-new" onclick="createNewSession()" title="New Session">+</button>';
+        // Add new session button only when we have sessions
+        tabsHTML += '<button class="session-tab-new" onclick="createNewSession()" title="New Session">+</button>';
+    } else {
+        // No sessions available - show status message
+        tabsHTML = '<div style="color: #888; font-size: 0.85rem; padding: 6px 12px;">No sessions available</div>';
+    }
 
     tabBar.innerHTML = tabsHTML;
     console.log('[CLIENT] ✅ Tabs rendered:', sessionsToRender.length, 'tabs');