tabminal 3.0.5 → 3.0.6

package/package.json

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

package/public/app.js

@@ -170,6 +170,14 @@ function isCompactWorkspaceMode() {
     return !!window.__tabminalCompactWorkspaceMode;
 }
 
+function isCompactTerminalTabsMode() {
+    return !!window.__tabminalCompactTerminalTabsMode;
+}
+
+function isForcedTerminalWorkspaceMode() {
+    return isCompactWorkspaceMode() || isCompactTerminalTabsMode();
+}
+
 function getTerminalFontSize() {
     return IS_MOBILE ? 14 : 12;
 }
@@ -286,6 +294,13 @@ if (sidebarToggle && sidebar && sidebarOverlay) {
         sidebarOverlay.classList.remove('open');
     };
 
+    sidebarToggle.addEventListener('pointerdown', (event) => {
+        if (!isCompactWorkspaceMode()) {
+            return;
+        }
+        event.preventDefault();
+    });
+
     sidebarToggle.addEventListener('click', () => {
         sidebar.classList.toggle('open');
         sidebarOverlay.classList.toggle('open');
@@ -711,13 +726,13 @@ class EditorManager {
     }
 
     canToggleTerminalWorkspaceMode(session = this.currentSession) {
-        return !!session && !isCompactWorkspaceMode();
+        return !!session && !isForcedTerminalWorkspaceMode();
     }
 
     hasCompactWorkspaceTabs(session = this.currentSession) {
         return !!session
             && (
-                isCompactWorkspaceMode()
+                isForcedTerminalWorkspaceMode()
                 || this.isTerminalTabPinned(session)
             );
     }
@@ -784,7 +799,7 @@ class EditorManager {
             && this.terminalWrapper.contains(activeElement)
         );
 
-        if (isCompactWorkspaceMode()) {
+        if (isForcedTerminalWorkspaceMode()) {
             session.sharedWorkspaceState.terminalDisplayMode = 'auto';
             this.updateTerminalLayoutButton();
             return;
@@ -10864,7 +10879,7 @@ window.addEventListener('tabminal:layout-modechange', () => {
         && terminalEl.contains(activeElement)
     );
 
-    if (isCompactWorkspaceMode()) {
+    if (isForcedTerminalWorkspaceMode()) {
         if (terminalHasFocus) {
             session.workspaceState.activeTabKey = TERMINAL_WORKSPACE_TAB_KEY;
             session.saveState();

package/public/index.html

@@ -14,44 +14,37 @@
     <link rel="preconnect" href="https://cdn.jsdelivr.net">
     <script>
         const COMPACT_WORKSPACE_MAX_WIDTH = 767;
-        const COMPACT_WORKSPACE_MAX_LANDSCAPE_WIDTH = 950;
-        const COMPACT_WORKSPACE_ENTER_MAX_SHORT_HEIGHT = 500;
-        const COMPACT_WORKSPACE_EXIT_MAX_SHORT_HEIGHT = 540;
+        const COMPACT_TERMINAL_TAB_MAX_WIDTH = 1408;
+        // Temporarily disabled short-landscape fallback. Pixel Fold and
+        // similar devices can oscillate around the keyboard-driven viewport
+        // boundary, which makes compact mode flap during sidebar animation.
+        // 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;
+        let frozenLayoutViewport = null;
+        let sidebarLayoutThawTimer = 0;
 
         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;
+            // Keep the extra args to preserve the old signature for possible
+            // re-enable of the short-landscape fallback above.
+            void height;
+            void previousCompactWorkspaceMode;
+            return width <= COMPACT_WORKSPACE_MAX_WIDTH;
         }
 
-        // Mobile Layout Manager
-        function updateLayout() {
+        function readLayoutViewport() {
             const vv = window.visualViewport;
             let width = window.innerWidth;
             let height = window.innerHeight;
             let offsetTop = 0;
             let offsetLeft = 0;
 
-            // Sanity check for iPadOS PWA bug where vv.height can be negative with physical keyboard
             if (vv && vv.height > 100) {
                 width = vv.width;
                 height = vv.height;
@@ -59,6 +52,24 @@
                 offsetLeft = vv.offsetLeft;
             }
 
+            return {
+                width,
+                height,
+                offsetTop,
+                offsetLeft
+            };
+        }
+
+        // Mobile Layout Manager
+        function updateLayout() {
+            const layoutViewport = frozenLayoutViewport || readLayoutViewport();
+            const {
+                width,
+                height,
+                offsetTop,
+                offsetLeft
+            } = layoutViewport;
+
             document.documentElement.style.setProperty('--app-width', `${width}px`);
             document.documentElement.style.setProperty('--app-height', `${height}px`);
             document.documentElement.style.setProperty('--app-top', `${offsetTop}px`);
@@ -66,12 +77,18 @@
 
             const previousCompactWorkspaceMode =
                 window.__tabminalCompactWorkspaceMode;
+            const previousCompactTerminalTabsMode =
+                window.__tabminalCompactTerminalTabsMode;
             const compactWorkspaceMode = shouldUseCompactWorkspaceMode(
                 width,
                 height,
                 previousCompactWorkspaceMode
             );
+            const compactTerminalTabsMode =
+                width <= COMPACT_TERMINAL_TAB_MAX_WIDTH;
             window.__tabminalCompactWorkspaceMode = compactWorkspaceMode;
+            window.__tabminalCompactTerminalTabsMode =
+                compactTerminalTabsMode;
 
             if (document.body) {
                 window.scrollTo(0, 0);
@@ -102,12 +119,22 @@
             }
 
             if (
-                previousCompactWorkspaceMode !== undefined
-                && previousCompactWorkspaceMode !== compactWorkspaceMode
+                (
+                    previousCompactWorkspaceMode !== undefined
+                    && previousCompactWorkspaceMode !== compactWorkspaceMode
+                )
+                || (
+                    previousCompactTerminalTabsMode !== undefined
+                    && previousCompactTerminalTabsMode
+                        !== compactTerminalTabsMode
+                )
             ) {
                 window.dispatchEvent(
                     new CustomEvent('tabminal:layout-modechange', {
-                        detail: { compactWorkspaceMode }
+                        detail: {
+                            compactWorkspaceMode,
+                            compactTerminalTabsMode
+                        }
                     })
                 );
             }
@@ -121,6 +148,25 @@
             );
         }
 
+        function freezeLayoutViewport() {
+            frozenLayoutViewport = readLayoutViewport();
+            if (sidebarLayoutThawTimer) {
+                clearTimeout(sidebarLayoutThawTimer);
+                sidebarLayoutThawTimer = 0;
+            }
+        }
+
+        function thawLayoutViewport() {
+            if (sidebarLayoutThawTimer) {
+                clearTimeout(sidebarLayoutThawTimer);
+            }
+            sidebarLayoutThawTimer = window.setTimeout(() => {
+                frozenLayoutViewport = null;
+                sidebarLayoutThawTimer = 0;
+                updateLayout();
+            }, SIDEBAR_LAYOUT_PAUSE_MS);
+        }
+
         window.__tabminalPauseLayoutLoop = pauseLayoutLoop;
 
         if (window.visualViewport) {
@@ -154,6 +200,11 @@
                 }
                 sidebarOpen = isOpen;
                 pauseLayoutLoop();
+                if (isOpen) {
+                    freezeLayoutViewport();
+                } else {
+                    thawLayoutViewport();
+                }
             });
             observer.observe(sidebar, {
                 attributes: true,