shell-mirror 1.5.127 → 1.5.129

package/mac-agent/agent.js

@@ -7,6 +7,7 @@ const os = require('os');
 const { v4: uuidv4 } = require('uuid');
 const fs = require('fs');
 const https = require('https');
+const { exec } = require('child_process');
 
 // Enhanced logging to file
 const LOG_FILE = path.join(__dirname, 'agent-debug.log');
@@ -532,9 +533,22 @@ function connectToSignalingServer() {
 
   ws.on('open', () => {
     logToFile('✅ Connected to signaling server.');
-    
+
     // Start heartbeat system to maintain agent status
     startHeartbeatSystem();
+
+    // Open dashboard in default browser
+    const dashboardUrl = 'https://shellmirror.app/app/dashboard.html';
+    logToFile(`🌐 Opening dashboard in browser: ${dashboardUrl}`);
+
+    exec(`open "${dashboardUrl}"`, (error) => {
+      if (error) {
+        logToFile(`⚠️ Could not open browser automatically: ${error.message}`);
+        logToFile(`💡 Please open ${dashboardUrl} manually in your browser`);
+      } else {
+        logToFile('✅ Dashboard opened in browser');
+      }
+    });
   });
 
   ws.on('message', async (message) => {

package/package.json

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

@@ -233,12 +233,12 @@
 
       @keyframes calm-pulsate {
         0%, 100% {
-          box-shadow: 0 0 0 rgba(102, 126, 234, 0);
+          box-shadow: 0 0 0 rgba(255, 170, 68, 0);
           border-color: #444;
         }
         50% {
-          box-shadow: 0 0 12px rgba(102, 126, 234, 0.6);
-          border-color: #667eea;
+          box-shadow: 0 0 12px rgba(255, 170, 68, 0.6);
+          border-color: #ffaa44;
         }
       }
 

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,30 @@ 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');
@@ -347,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 {
@@ -471,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 = {
@@ -651,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,
@@ -876,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');
@@ -979,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) => {
@@ -1291,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');
     }
 }
 
@@ -1355,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`);
                 }
@@ -1364,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':
@@ -1377,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;
     }
 }