termites 1.0.38 → 1.0.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "termites",
-  "version": "1.0.38",
+  "version": "1.0.39",
   "description": "Local multi-terminal manager with web interface",
   "main": "server.js",
   "scripts": {

package/server.js

@@ -771,6 +771,14 @@ class TermitesServer {
         .close-terminal-btn:hover { opacity: 1; color: #ef4444; }
         .status-dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 6px; flex-shrink: 0; }
         .status-dot.online { background: #22c55e; }
+        .unread-badge {
+            display: inline-block; width: 8px; height: 8px; border-radius: 50%;
+            background: #f59e0b; margin-left: 6px; animation: pulse 1.5s infinite;
+        }
+        @keyframes pulse {
+            0%, 100% { opacity: 1; }
+            50% { opacity: 0.5; }
+        }
         .settings-section { padding: 12px 16px; }
         .setting-group { margin-bottom: 16px; }
         .setting-group:last-child { margin-bottom: 0; }
@@ -981,6 +989,7 @@ class TermitesServer {
         let ws, term, fitAddon;
         let clients = [];
         let selectedClientId = null;
+        let unreadTerminals = new Set(); // Track terminals with unread output
         // History buffer for iTerm-like scrolling (stores raw output)
         let historyBuffer = [];
         const MAX_HISTORY_SIZE = 100000; // Max characters to store
@@ -1702,12 +1711,14 @@ class TermitesServer {
             }
             listEl.innerHTML = clients.map(c => {
                 const isSelected = c.id === selectedClientId;
+                const hasUnread = unreadTerminals.has(c.id);
                 const bgColor = isSelected ? t.sidebarSelected : 'transparent';
                 return '<div class="client-item' + (isSelected ? ' selected' : '') + '" ' +
                     'style="background: ' + bgColor + ';">' +
                     '<div class="client-main" onclick="selectClient(\\'' + c.id + '\\')">' +
                     '<div class="client-name"><span class="status-dot online"></span>' +
-                    c.username + '@' + c.hostname + '</div>' +
+                    c.username + '@' + c.hostname +
+                    (hasUnread ? '<span class="unread-badge"></span>' : '') + '</div>' +
                     '<div class="client-info">' + (c.cwd || '') + ' · ' + (c.platform || '') + '</div></div>' +
                     '<button class="close-terminal-btn" onclick="event.stopPropagation(); closeTerminal(\\'' + c.id + '\\')" title="Close terminal">×</button></div>';
             }).join('');
@@ -1728,6 +1739,8 @@ class TermitesServer {
                 return;
             }
             selectedClientId = clientId;
+            // Clear unread badge for this terminal
+            unreadTerminals.delete(clientId);
             const client = clients.find(c => c.id === clientId);
             if (client) {
                 document.getElementById('header-title').innerHTML =
@@ -1905,6 +1918,12 @@ class TermitesServer {
                             addToHistory(d.data);
                             term.write(d.data);
                             term.scrollToBottom();
+                        } else {
+                            // Mark terminal as having unread output
+                            if (!unreadTerminals.has(d.clientId)) {
+                                unreadTerminals.add(d.clientId);
+                                updateClientList();
+                            }
                         }
                         break;
                 }