shell-mirror 1.5.113 → 1.5.114

package/package.json

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

@@ -239,7 +239,7 @@ body {
 .agent-name-row {
     display: flex;
     align-items: center;
-    gap: 8px;
+    justify-content: space-between;
     margin-bottom: 4px;
 }
 
@@ -247,11 +247,15 @@ body {
     font-weight: 600;
     font-size: 1rem;
     color: var(--text-primary);
+    flex: 1;
+    min-width: 0;
 }
 
 /* Agent Menu Dropdown */
 .agent-menu {
     position: relative;
+    flex-shrink: 0;
+    margin-left: 8px;
 }
 
 .btn-agent-menu {
@@ -263,6 +267,7 @@ body {
     padding: 4px 8px;
     border-radius: 4px;
     transition: all 0.15s ease;
+    line-height: 1;
 }
 
 .btn-agent-menu:hover {
@@ -274,7 +279,7 @@ body {
     display: none;
     position: absolute;
     right: 0;
-    top: calc(100% + 4px);
+    top: calc(100% + 2px);
     background: var(--bg-secondary);
     border: 1px solid var(--border);
     border-radius: 6px;

package/public/app/dashboard.js

@@ -76,13 +76,13 @@ class ShellMirrorDashboard {
         if (this.refreshInterval) {
             clearInterval(this.refreshInterval);
         }
-        
-        // Refresh agent data every 30 seconds (HTTP polling only)
+
+        // Refresh agent data every 5 seconds for responsive session updates
         this.refreshInterval = setInterval(async () => {
             if (this.isAuthenticated && !this.isRefreshing) {
                 await this.refreshDashboardData();
             }
-        }, 30000);
+        }, 5000);
     }
 
     async refreshDashboardData() {
@@ -1108,7 +1108,7 @@ class ShellMirrorDashboard {
                 </div>
                 <div class="modal-body">
                     <p style="margin-bottom: 12px; color: var(--text-secondary);">
-                        Are you sure you want to shut down <strong style="color: var(--text-primary);">${agentName}</strong>?
+                        Are you sure you want to shut down<br><strong style="color: var(--text-primary); word-break: break-all;">${agentName}</strong>?
                     </p>
                     <p style="font-size: 0.85rem; color: var(--text-muted);">
                         This will unregister the agent from the dashboard. If the agent is still running, it will re-register on next heartbeat.