tabminal 3.0.4 → 3.0.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabminal",
-  "version": "3.0.4",
+  "version": "3.0.5",
   "description": "Tab(ter)minal, a Cloud-Native terminal and ACP agent workspace for desktop, tablet, and phone.",
   "type": "module",
   "bin": {

package/public/app.js

@@ -10614,12 +10614,65 @@ function renderServerControls() {
 
 // #region Notification Manager
 const notificationManager = new NotificationManager();
+const APP_NOTIFICATION_QUIET_MS = 30_000;
+const APP_NOTIFICATION_IDLE_MS = 3 * 60 * 1000;
+let appNotificationQuietUntil = Date.now() + APP_NOTIFICATION_QUIET_MS;
+let lastAppInteractionAt = Date.now();
+
+function noteAppInteraction() {
+    lastAppInteractionAt = Date.now();
+}
+
+function enterAppNotificationQuietPeriod(duration = APP_NOTIFICATION_QUIET_MS) {
+    appNotificationQuietUntil = Math.max(
+        appNotificationQuietUntil,
+        Date.now() + duration
+    );
+}
+
+function shouldNotifyConnectionStatus() {
+    if (Date.now() < appNotificationQuietUntil) {
+        return false;
+    }
+    if (document.visibilityState !== 'visible') {
+        return false;
+    }
+    if (typeof document.hasFocus === 'function' && !document.hasFocus()) {
+        return false;
+    }
+    if ((Date.now() - lastAppInteractionAt) > APP_NOTIFICATION_IDLE_MS) {
+        return false;
+    }
+    return true;
+}
+
+document.addEventListener('pointerdown', noteAppInteraction, {
+    capture: true,
+    passive: true
+});
+document.addEventListener('touchstart', noteAppInteraction, {
+    capture: true,
+    passive: true
+});
+document.addEventListener('keydown', noteAppInteraction, {
+    capture: true
+});
+window.addEventListener('focus', () => {
+    noteAppInteraction();
+    enterAppNotificationQuietPeriod();
+});
+window.addEventListener('pageshow', () => {
+    noteAppInteraction();
+    enterAppNotificationQuietPeriod();
+});
 
 document.addEventListener('click', () => {
     notificationManager.requestPermission();
 }, { once: true, capture: true });
 document.addEventListener('visibilitychange', () => {
     if (document.visibilityState === 'visible') {
+        noteAppInteraction();
+        enterAppNotificationQuietPeriod();
         clearVisibleAttentionState();
     }
 });
@@ -10661,18 +10714,20 @@ function setStatus(server, status) {
     statusMemory.set(server.id, status);
     server.connectionStatus = status;
     renderServerControls();
-
-    const activeServer = getActiveServer();
-    if (!activeServer || activeServer.id !== server.id) return;
     const hostName = getDisplayHost(server);
     const target = hostName || 'host';
+    const shouldNotify = shouldNotifyConnectionStatus();
 
-    if (status === 'reconnecting') {
+    if (status === 'reconnecting' && shouldNotify) {
         alert(`Lost connection to ${target}. Reconnecting...`, {
             type: 'warning',
             title: 'Connection'
         });
-    } else if (status === 'connected' && prevStatus === 'reconnecting') {
+    } else if (
+        status === 'connected'
+        && prevStatus === 'reconnecting'
+        && shouldNotify
+    ) {
         alert(`Connection to ${target} restored.`, {
             type: 'success',
             title: 'Connection'
@@ -10682,7 +10737,7 @@ function setStatus(server, status) {
             type: 'error',
             title: 'Connection'
         });
-    } else if (status === 'connected' && !prevStatus) {
+    } else if (status === 'connected' && !prevStatus && shouldNotify) {
         alert(`Connected to ${target}.`, {
             type: 'success',
             title: 'Connection'

package/public/index.html

@@ -14,15 +14,33 @@
     <link rel="preconnect" href="https://cdn.jsdelivr.net">
     <script>
         const COMPACT_WORKSPACE_MAX_WIDTH = 767;
-        const COMPACT_WORKSPACE_MAX_SHORT_HEIGHT = 500;
         const COMPACT_WORKSPACE_MAX_LANDSCAPE_WIDTH = 950;
+        const COMPACT_WORKSPACE_ENTER_MAX_SHORT_HEIGHT = 500;
+        const COMPACT_WORKSPACE_EXIT_MAX_SHORT_HEIGHT = 540;
+        const SIDEBAR_LAYOUT_PAUSE_MS = 360;
+        let layoutLoopPausedUntil = 0;
 
-        function shouldUseCompactWorkspaceMode(width, height) {
-            return width <= COMPACT_WORKSPACE_MAX_WIDTH
-                || (
-                    width <= COMPACT_WORKSPACE_MAX_LANDSCAPE_WIDTH
-                    && height <= COMPACT_WORKSPACE_MAX_SHORT_HEIGHT
-                );
+        function shouldUseCompactWorkspaceMode(
+            width,
+            height,
+            previousCompactWorkspaceMode = false
+        ) {
+            if (width <= COMPACT_WORKSPACE_MAX_WIDTH) {
+                return true;
+            }
+
+            const isShortLandscapeCandidate = (
+                width > height
+                && width <= COMPACT_WORKSPACE_MAX_LANDSCAPE_WIDTH
+            );
+            if (!isShortLandscapeCandidate) {
+                return false;
+            }
+
+            const shortHeightThreshold = previousCompactWorkspaceMode
+                ? COMPACT_WORKSPACE_EXIT_MAX_SHORT_HEIGHT
+                : COMPACT_WORKSPACE_ENTER_MAX_SHORT_HEIGHT;
+            return height <= shortHeightThreshold;
         }
 
         // Mobile Layout Manager
@@ -46,12 +64,13 @@
             document.documentElement.style.setProperty('--app-top', `${offsetTop}px`);
             document.documentElement.style.setProperty('--app-left', `${offsetLeft}px`);
 
+            const previousCompactWorkspaceMode =
+                window.__tabminalCompactWorkspaceMode;
             const compactWorkspaceMode = shouldUseCompactWorkspaceMode(
                 width,
-                height
+                height,
+                previousCompactWorkspaceMode
             );
-            const previousCompactWorkspaceMode =
-                window.__tabminalCompactWorkspaceMode;
             window.__tabminalCompactWorkspaceMode = compactWorkspaceMode;
 
             if (document.body) {
@@ -94,6 +113,16 @@
             }
         }
 
+        function pauseLayoutLoop(duration = SIDEBAR_LAYOUT_PAUSE_MS) {
+            const now = performance.now();
+            layoutLoopPausedUntil = Math.max(
+                layoutLoopPausedUntil,
+                now + duration
+            );
+        }
+
+        window.__tabminalPauseLayoutLoop = pauseLayoutLoop;
+
         if (window.visualViewport) {
             window.visualViewport.addEventListener('resize', updateLayout);
             window.visualViewport.addEventListener('scroll', updateLayout);
@@ -103,13 +132,34 @@
 
         // High-performance Layout Loop (60fps)
         function layoutLoop() {
-            updateLayout();
+            if (performance.now() >= layoutLoopPausedUntil) {
+                updateLayout();
+            }
             requestAnimationFrame(layoutLoop);
         }
         layoutLoop();
 
         // Initial triggers
         document.addEventListener('DOMContentLoaded', updateLayout);
+        document.addEventListener('DOMContentLoaded', () => {
+            const sidebar = document.getElementById('sidebar');
+            if (!sidebar) {
+                return;
+            }
+            let sidebarOpen = sidebar.classList.contains('open');
+            const observer = new MutationObserver(() => {
+                const isOpen = sidebar.classList.contains('open');
+                if (isOpen === sidebarOpen) {
+                    return;
+                }
+                sidebarOpen = isOpen;
+                pauseLayoutLoop();
+            });
+            observer.observe(sidebar, {
+                attributes: true,
+                attributeFilter: ['class']
+            });
+        });
         window.addEventListener('load', updateLayout);
 
         // Enhanced Touch Interceptor with Boundary Check

package/public/styles.css

@@ -2241,7 +2241,7 @@ kbd {
     min-width: 0;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 1408px) {
     .agent-panel-commands {
         display: none !important;
     }