tabminal 1.3.10 → 2.0.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabminal",
-  "version": "1.3.10",
+  "version": "2.0.1",
   "description": "A modern, persistent web terminal with multi-tab support and real-time system monitoring.",
   "type": "module",
   "bin": {

package/public/app.js

@@ -2615,15 +2615,29 @@ function setStatus(server, status) {
 
     const activeServer = getActiveServer();
     if (!activeServer || activeServer.id !== server.id) return;
+    const hostName = getDisplayHost(server);
+    const target = hostName || 'host';
 
     if (status === 'reconnecting') {
-        alert('Lost connection. Reconnecting...', { type: 'warning', title: 'Connection' });
+        alert(`Lost connection to ${target}. Reconnecting...`, {
+            type: 'warning',
+            title: 'Connection'
+        });
     } else if (status === 'connected' && prevStatus === 'reconnecting') {
-        alert('Connection restored.', { type: 'success', title: 'Connection' });
+        alert(`Connection to ${target} restored.`, {
+            type: 'success',
+            title: 'Connection'
+        });
     } else if (status === 'terminated') {
-        alert('Session has ended.', { type: 'error', title: 'Connection' });
+        alert(`Session on ${target} has ended.`, {
+            type: 'error',
+            title: 'Connection'
+        });
     } else if (status === 'connected' && !prevStatus) {
-        alert('Connected to host.', { type: 'success', title: 'Connection' });
+        alert(`Connected to ${target}.`, {
+            type: 'success',
+            title: 'Connection'
+        });
     }
 }
 
@@ -3194,22 +3208,6 @@ let searchOptions = {
     wholeWord: false,
     regex: false
 };
-const searchDecorations = {
-    matchBackground: '#ffffff',
-    matchBorder: '#ffffff',
-    matchOverviewRuler: '#ffffff',
-    activeMatchBackground: '#ffffff',
-    activeMatchBorder: '#ffffff',
-    activeMatchColorOverviewRuler: '#ffffff'
-};
-
-function buildSearchRunOptions(extra = {}) {
-    return {
-        ...searchOptions,
-        ...extra,
-        decorations: searchDecorations
-    };
-}
 
 if (searchBar) {
     const updateUI = (found) => {
@@ -3230,8 +3228,8 @@ if (searchBar) {
         const term = searchInput.value;
         
         let found = false;
-        if (forward) found = addon.findNext(term, buildSearchRunOptions());
-        else found = addon.findPrevious(term, buildSearchRunOptions());
+        if (forward) found = addon.findNext(term, searchOptions);
+        else found = addon.findPrevious(term, searchOptions);
         
         updateUI(found);
     };
@@ -3264,7 +3262,7 @@ if (searchBar) {
         // Incremental search
         const found = state.sessions.get(state.activeSessionKey).searchAddon.findNext(term, {
             incremental: true, 
-            ...buildSearchRunOptions()
+            ...searchOptions 
         });
         
         updateUI(found);

package/public/index.html

@@ -119,16 +119,26 @@
     </script>
     <script>
         (function() {
+            const currentUrl = new URL(window.location.href);
+            if (currentUrl.searchParams.has('rt')) {
+                currentUrl.searchParams.delete('rt');
+                const query = currentUrl.searchParams.toString();
+                const normalizedUrl = `${currentUrl.pathname}${query ? `?${query}` : ''}${currentUrl.hash}`;
+                window.history.replaceState(window.history.state, '', normalizedUrl);
+            }
+
             const runtimeStorageKey = 'tabminal_runtime_boot_id';
-            let runtimeBootId = 'stable';
+            let runtimeBootId = '';
             try {
-                runtimeBootId = localStorage.getItem(runtimeStorageKey) || 'stable';
+                runtimeBootId = localStorage.getItem(runtimeStorageKey) || '';
             } catch {
-                runtimeBootId = 'stable';
+                runtimeBootId = '';
             }
+            const runtimeAssetKey = runtimeBootId || `cold-${Date.now()}`;
+            window.__tabminalRuntimeAssetKey = runtimeAssetKey;
             const link = document.createElement('link');
             link.rel = 'stylesheet';
-            link.href = `./styles.css?v=${encodeURIComponent(runtimeBootId)}`;
+            link.href = `./styles.css?v=${encodeURIComponent(runtimeAssetKey)}`;
             document.head.appendChild(link);
         })();
     </script>
@@ -282,17 +292,26 @@
         </div>
     </div>
     <script>
-        function getRuntimeBootIdForAssets() {
+        function getRuntimeAssetKey() {
             const runtimeStorageKey = 'tabminal_runtime_boot_id';
             try {
-                return localStorage.getItem(runtimeStorageKey) || 'stable';
+                const bootId = localStorage.getItem(runtimeStorageKey) || '';
+                if (bootId) {
+                    return bootId;
+                }
             } catch {
-                return 'stable';
+                // Fall through to cold key.
+            }
+            if (window.__tabminalRuntimeAssetKey) {
+                return window.__tabminalRuntimeAssetKey;
             }
+            const coldKey = `cold-${Date.now()}`;
+            window.__tabminalRuntimeAssetKey = coldKey;
+            return coldKey;
         }
 
         (function() {
-            const runtimeBootId = getRuntimeBootIdForAssets();
+            const runtimeBootId = getRuntimeAssetKey();
             const script = document.createElement('script');
             script.type = 'module';
             script.src = `./app.js?v=${encodeURIComponent(runtimeBootId)}`;
@@ -301,7 +320,7 @@
 
         if ('serviceWorker' in navigator) {
             window.addEventListener('load', () => {
-                const runtimeBootId = getRuntimeBootIdForAssets();
+                const runtimeBootId = getRuntimeAssetKey();
                 navigator.serviceWorker.register(
                     `/sw.js?rt=${encodeURIComponent(runtimeBootId)}`
                 )

package/public/styles.css

@@ -165,6 +165,13 @@
     /* Visual center tweak */
 }
 
+/* Make search selection highly visible. */
+.xterm .xterm-selection div {
+    background-color: #ffffff !important;
+    mix-blend-mode: difference;
+    opacity: 1 !important;
+}
+
 :root {
     color-scheme: dark;
     --bg-base: #002b36;