shell-mirror 1.5.38 → 1.5.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "shell-mirror",
-  "version": "1.5.38",
+  "version": "1.5.39",
   "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/dashboard.css

@@ -294,6 +294,10 @@ body {
     border-bottom: 1px solid #f0f0f0;
 }
 
+.session-item.compact {
+    padding: 12px 0;
+}
+
 .session-item:last-child {
     border-bottom: none;
 }
@@ -345,6 +349,11 @@ body {
     color: #f57c00;
 }
 
+.session-status.disconnected {
+    background: #f5f5f5;
+    color: #666;
+}
+
 /* Empty States */
 .no-data {
     text-align: center;

package/public/app/dashboard.js

@@ -148,8 +148,14 @@ class ShellMirrorDashboard {
     }
 
     renderActiveAgents() {
-        const agentCount = this.agents.length;
-        const agentsHtml = this.agents.map(agent => `
+        // Filter for recently active agents (online or seen within last 5 minutes)
+        const activeAgents = this.agents.filter(agent => {
+            const timeSinceLastSeen = Date.now() / 1000 - agent.lastSeen;
+            return agent.onlineStatus === 'online' || timeSinceLastSeen < 300; // 5 minutes
+        });
+
+        const agentCount = activeAgents.length;
+        const agentsHtml = activeAgents.map(agent => `
             <div class="agent-item">
                 <div class="agent-info">
                     <div class="agent-name">${agent.machineName || agent.agentId}</div>
@@ -200,8 +206,31 @@ class ShellMirrorDashboard {
     }
 
     renderRecentSessions() {
-        const sessionsHtml = this.sessions.map(session => `
-            <div class="session-item">
+        // Get inactive agents (not seen in last 5 minutes and offline)
+        const inactiveAgents = this.agents.filter(agent => {
+            const timeSinceLastSeen = Date.now() / 1000 - agent.lastSeen;
+            return agent.onlineStatus === 'offline' && timeSinceLastSeen >= 300; // More than 5 minutes
+        });
+
+        // Combine real sessions with inactive agents as past connections
+        const allSessions = [
+            // Add inactive agents as past connections
+            ...inactiveAgents.map(agent => ({
+                type: 'past_agent',
+                agentId: agent.machineName || agent.agentId,
+                startTime: new Date(agent.lastSeen * 1000),
+                duration: 'Last connection',
+                status: 'disconnected'
+            })),
+            // Add actual session history
+            ...this.sessions
+        ];
+
+        // Sort by most recent
+        allSessions.sort((a, b) => b.startTime - a.startTime);
+
+        const sessionsHtml = allSessions.map(session => `
+            <div class="session-item compact">
                 <div class="session-info">
                     <div class="session-agent">${session.agentId}</div>
                     <div class="session-time">${this.formatDate(session.startTime)}</div>
@@ -217,7 +246,7 @@ class ShellMirrorDashboard {
             <div class="dashboard-card full-width">
                 <h2>📊 Recent Sessions</h2>
                 <div class="card-content">
-                    ${this.sessions.length > 0 ? sessionsHtml : '<p class="no-data">No recent sessions</p>'}
+                    ${allSessions.length > 0 ? sessionsHtml : '<p class="no-data">No recent sessions</p>'}
                 </div>
             </div>
         `;