shell-mirror 1.5.108 → 1.5.110

package/package.json

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

@@ -176,12 +176,8 @@
         font-weight: 600;
       }
 
-      .session-tab-btn {
-        background: none;
-        border: none;
-        color: inherit;
-        font: inherit;
-        cursor: pointer;
+      .session-tab-name {
+        flex: 1;
         padding: 2px 4px;
       }
 
@@ -514,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>
@@ -539,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
@@ -547,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';
         }
 
@@ -576,6 +584,6 @@
         }
     </script>
 
-    <script src="/app/terminal.js?v=1.5.92"></script>
+    <script src="/app/terminal.js?v=1.5.94"></script>
   </body>
 </html>

package/public/app/terminal.js

@@ -1030,13 +1030,9 @@ function renderTabs() {
                 : `color: ${color.muted};`;
 
             return `
-                <div class="session-tab ${isActive ? 'active' : ''}" style="${tabStyle}" title="${displayName}" data-color-index="${sessionColorMap[session.id]}">
-                    <button class="session-tab-btn"
-                            onclick="switchToSession('${session.id}')"
-                            style="${textStyle}">
-                        <span class="session-tab-name">${displayName}</span>
-                    </button>
-                    <button class="session-tab-close" onclick="closeSession('${session.id}', event)" title="Close session" style="color: ${isActive ? color.text : color.muted}">×</button>
+                <div class="session-tab ${isActive ? 'active' : ''}" style="${tabStyle}; cursor: pointer;" title="${displayName}" data-color-index="${sessionColorMap[session.id]}" onclick="switchToSession('${session.id}')">
+                    <span class="session-tab-name" style="${textStyle}">${displayName}</span>
+                    <button class="session-tab-close" onclick="event.stopPropagation(); closeSession('${session.id}', event)" title="Close session" style="color: ${isActive ? color.text : color.muted}">×</button>
                 </div>
             `;
         }).join('');
@@ -1065,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.`)) {