shell-mirror 1.5.109 → 1.5.110

package/package.json

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

@@ -510,10 +510,10 @@
 
             <!-- Content -->
             <div style="padding: 24px;">
-                <div style="display: flex; align-items: center; gap: 16px; margin-bottom: 20px;">
+                <div id="close-session-info" style="display: flex; align-items: center; gap: 16px; margin-bottom: 20px; padding-left: 16px; border-left: 4px solid #888;">
                     <div style="font-size: 2.5rem;">🗑️</div>
                     <div>
-                        <div id="close-session-name" style="font-size: 1.1rem; color: #fff; font-weight: 500; margin-bottom: 4px;">Session 1</div>
+                        <div id="close-session-name" style="font-size: 1.1rem; font-weight: 500; margin-bottom: 4px;">Session 1</div>
                         <div id="close-session-duration" style="font-size: 0.85rem; color: #888;">Duration: 5 minutes</div>
                     </div>
                 </div>
@@ -535,7 +535,7 @@
         // Close Session Modal Functions
         let pendingCloseSessionId = null;
 
-        function showCloseSessionModal(sessionId, sessionName, createdAt) {
+        function showCloseSessionModal(sessionId, sessionName, createdAt, sessionColor) {
             pendingCloseSessionId = sessionId;
 
             // Calculate duration
@@ -543,6 +543,18 @@
 
             document.getElementById('close-session-name').textContent = sessionName || 'Session';
             document.getElementById('close-session-duration').textContent = `Duration: ${duration}`;
+
+            // Apply session color to border and name
+            const infoDiv = document.getElementById('close-session-info');
+            const nameDiv = document.getElementById('close-session-name');
+            if (sessionColor) {
+                infoDiv.style.borderLeftColor = sessionColor.border;
+                nameDiv.style.color = sessionColor.border;
+            } else {
+                infoDiv.style.borderLeftColor = '#888';
+                nameDiv.style.color = '#fff';
+            }
+
             document.getElementById('close-session-modal').style.display = 'flex';
         }
 
@@ -572,6 +584,6 @@
         }
     </script>
 
-    <script src="/app/terminal.js?v=1.5.93"></script>
+    <script src="/app/terminal.js?v=1.5.94"></script>
   </body>
 </html>

package/public/app/terminal.js

@@ -1061,9 +1061,12 @@ function closeSession(sessionId, event) {
     const sessionName = session?.name || 'this session';
     const createdAt = session?.createdAt || null;
 
+    // Get session color for modal
+    const sessionColor = getSessionColor(sessionId);
+
     // Show custom modal instead of browser confirm()
     if (typeof showCloseSessionModal === 'function') {
-        showCloseSessionModal(sessionId, sessionName, createdAt);
+        showCloseSessionModal(sessionId, sessionName, createdAt, sessionColor);
     } else {
         // Fallback to native confirm if modal not available
         if (confirm(`Close "${sessionName}"?\n\nThis will terminate the terminal session.`)) {