shell-mirror 1.5.126 → 1.5.128

package/package.json

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

@@ -231,6 +231,17 @@
         50% { opacity: 0.5; }
       }
 
+      @keyframes calm-pulsate {
+        0%, 100% {
+          box-shadow: 0 0 0 rgba(255, 170, 68, 0);
+          border-color: #444;
+        }
+        50% {
+          box-shadow: 0 0 12px rgba(255, 170, 68, 0.6);
+          border-color: #ffaa44;
+        }
+      }
+
       /* Header Buttons */
       .header-btn {
         background: transparent;
@@ -252,6 +263,10 @@
         border-color: #667eea;
       }
 
+      .dashboard-btn.pulsate {
+        animation: calm-pulsate 2s ease-in-out infinite;
+      }
+
       .help-btn .btn-text {
         display: none;
       }

package/public/app/terminal.js

@@ -274,7 +274,7 @@ function startConnection() {
     term.open(document.getElementById('terminal'));
 
     // Show initial connection message
-    setConnectionMessage('🔗 Connecting to agent...', true);
+    setConnectionMessage('Connecting to agent...', true);
 
     // Initialize session display (shows header with connection status even before session exists)
     updateSessionDisplay();
@@ -298,30 +298,36 @@ function startConnection() {
     // Set up connection timeout warnings
     const timeout10s = setTimeout(() => {
         if (!currentSession) {
-            setConnectionMessage('⏱️ Taking longer than usual... Please wait', true);
-            term.write('\r\n\x1b[33m⏱️ Connection is taking longer than expected...\x1b[0m\r\n');
+            setConnectionMessage('Taking longer than usual... Please wait', true);
+            term.write('\r\n\x1b[33mConnection is taking longer than expected...\x1b[0m\r\n');
         }
     }, 10000);
 
     const timeout30s = setTimeout(() => {
         if (!currentSession) {
-            setConnectionMessage('⚠️ Connection very slow - Agent may be offline', true);
-            term.write('\x1b[33m⚠️ Still trying to connect. The agent may be offline or unreachable.\x1b[0m\r\n');
-            term.write('\x1b[36m💡 Tip: Check the agent status on the Dashboard\x1b[0m\r\n');
+            setConnectionMessage('Connection very slow - Agent may be offline', true);
+            term.write('\x1b[33mStill trying to connect. The agent may be offline or unreachable.\x1b[0m\r\n');
+            term.write('\x1b[36mTip: Check the agent status on the Dashboard\x1b[0m\r\n');
         }
     }, 30000);
 
     const timeout60s = setTimeout(() => {
         if (!currentSession) {
             updateConnectionStatus('disconnected');
-            setConnectionMessage('❌ Failed to connect - Agent or session unavailable', false);
-            term.write('\r\n\r\n\x1b[31m❌ Connection Failed\x1b[0m\r\n');
+            setConnectionMessage('Failed to connect - Agent or session unavailable', false);
+            term.write('\r\n\r\n\x1b[31mConnection Failed\x1b[0m\r\n');
             term.write('\x1b[33mThe agent or session you requested is not available.\x1b[0m\r\n');
             term.write('\r\n\x1b[36mPossible reasons:\x1b[0m\r\n');
             term.write('  • Agent is offline or shut down\r\n');
             term.write('  • Session was terminated\r\n');
             term.write('  • Network connectivity issues\r\n');
-            term.write('\r\n\x1b[36m💡 Click Dashboard to return and try another session\x1b[0m\r\n');
+            term.write('\r\n\x1b[36mClick Dashboard to return and try another session\x1b[0m\r\n');
+
+            // Make Dashboard button pulsate calmly to guide user back
+            const dashboardBtn = document.querySelector('.dashboard-btn');
+            if (dashboardBtn) {
+                dashboardBtn.classList.add('pulsate');
+            }
         }
     }, 60000);
 
@@ -341,19 +347,19 @@ async function initialize() {
     
     if (directConnectionSuccess) {
         console.log('[CLIENT] ✅ Direct connection established - no server needed!');
-        setConnectionMessage('✅ Connected via local network!', true);
+        setConnectionMessage('Connected via local network!', true);
         return;
     }
 
     console.log('[CLIENT] ⚠️ Direct connection failed, falling back to WebRTC signaling...');
-    setConnectionMessage('🌐 Attempting WebRTC connection...', true);
+    setConnectionMessage('Attempting WebRTC connection...', true);
     await initializeWebRTCSignaling();
 }
 
 async function tryDirectConnection() {
     console.log('[CLIENT] 🔗 Attempting direct connection to agent...');
     updateConnectionStatus('connecting');
-    setConnectionMessage('🔍 Trying direct connection to local network...', true);
+    setConnectionMessage('Trying direct connection to local network...', true);
 
     // Get agent data from API to find local connection details
     try {
@@ -465,7 +471,7 @@ function setupDirectConnection(directWs) {
 
                 // Clear connection timeout warnings
                 clearConnectionTimeouts();
-                setConnectionMessage('✅ Session created successfully!', false);
+                setConnectionMessage('Session created successfully!', false);
 
                 // Update current session
                 currentSession = {
@@ -645,7 +651,7 @@ async function initializeWebRTCSignaling() {
                             if (nextData.sessionId) {
                                 // Clear connection timeout warnings
                                 clearConnectionTimeouts();
-                                setConnectionMessage('✅ Session connected!', false);
+                                setConnectionMessage('Session connected!', false);
 
                                 currentSession = {
                                     id: nextData.sessionId,
@@ -870,9 +876,9 @@ async function createPeerConnection() {
                 console.log('[CLIENT] ❌ ICE connection failed - no viable candidates');
                 console.log('[CLIENT] 💡 Troubleshooting: This may be due to firewall/NAT issues or blocked STUN servers');
                 updateConnectionStatus('disconnected');
-                setConnectionMessage('❌ Unable to connect - Agent may be offline', false);
-                term.write('\r\n\r\n❌ Connection failed: Network connectivity issues\r\n');
-                term.write('💡 This may be due to:\r\n');
+                setConnectionMessage('Unable to connect - Agent may be offline', false);
+                term.write('\r\n\r\nConnection failed: Network connectivity issues\r\n');
+                term.write('This may be due to:\r\n');
                 term.write('  • Firewall blocking WebRTC traffic\r\n');
                 term.write('  • Corporate network restrictions\r\n');
                 term.write('  • STUN/TURN servers unreachable\r\n');
@@ -973,15 +979,15 @@ function setupDataChannel() {
     dataChannel.onclose = () => {
         console.log('[CLIENT] Data channel closed.');
         updateConnectionStatus('disconnected');
-        term.write('\r\n\r\n\x1b[31m❌ Terminal session ended.\x1b[0m\r\n');
-        term.write('🔄 Click Dashboard to return and start a new session\r\n');
+        term.write('\r\n\r\n\x1b[31mTerminal session ended.\x1b[0m\r\n');
+        term.write('Click Dashboard to return and start a new session\r\n');
     };
 
     dataChannel.onerror = (error) => {
         console.error('[CLIENT] Data channel error:', error);
         updateConnectionStatus('disconnected');
-        term.write('\r\n\r\n\x1b[31m❌ Data channel error occurred.\x1b[0m\r\n');
-        term.write('🔄 Click Dashboard to return and try again\r\n');
+        term.write('\r\n\r\n\x1b[31mData channel error occurred.\x1b[0m\r\n');
+        term.write('Click Dashboard to return and try again\r\n');
     };
 
     term.onData((data) => {
@@ -1285,7 +1291,7 @@ function createNewSession() {
         console.error('[CLIENT] ❌ Cannot create session - no active connection');
         console.error('[CLIENT] ws:', ws ? ws.readyState : 'null',
                      'dataChannel:', dataChannel ? dataChannel.readyState : 'null');
-        term.write('\r\n\x1b[31m❌ Cannot create session - not connected\x1b[0m\r\n');
+        term.write('\r\n\x1b[31mCannot create session - not connected\x1b[0m\r\n');
     }
 }
 
@@ -1349,7 +1355,7 @@ function handleSessionMessage(message) {
         case 'session-ended':
             // Only show if this is for the current session (ignore closed session messages)
             if (!message.sessionId || (currentSession && message.sessionId === currentSession.id)) {
-                term.write(`\r\n\x1b[31m❌ Session ended: ${message.reason}\x1b[0m\r\n`);
+                term.write(`\r\n\x1b[31mSession ended: ${message.reason}\x1b[0m\r\n`);
                 if (message.code) {
                     term.write(`Exit code: ${message.code}\r\n`);
                 }
@@ -1358,8 +1364,8 @@ function handleSessionMessage(message) {
         case 'session-terminated':
             // Only show if this is for the current session (ignore closed session messages)
             if (!message.sessionId || (currentSession && message.sessionId === currentSession.id)) {
-                term.write(`\r\n\x1b[31m❌ Session terminated\x1b[0m\r\n`);
-                term.write('🔄 Click Dashboard to start a new session\r\n');
+                term.write(`\r\n\x1b[31mSession terminated\x1b[0m\r\n`);
+                term.write('Click Dashboard to start a new session\r\n');
             }
             break;
         case 'session-closed':
@@ -1371,7 +1377,7 @@ function handleSessionMessage(message) {
             }
             break;
         case 'error':
-            term.write(`\r\n\x1b[31m❌ Error: ${message.message}\x1b[0m\r\n`);
+            term.write(`\r\n\x1b[31mError: ${message.message}\x1b[0m\r\n`);
             break;
     }
 }