tabminal 1.1.0 → 1.1.5

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2025 Tabminal Contributors
+Copyright (c) 2025 Leask Wong
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -1,42 +1,49 @@
-# Tabminal
+# `t>` Tabminal
 
-> **A modern, AI-native web terminal built for the cloud age.**
-> Seamlessly accessible from Desktop, iPad, and iPhone with a native-like experience.
+> **The AI-Native Terminal for the Mobile Age.**
+> Seamlessly code from your Desktop, iPad, or iPhone with an intelligent, persistent, and touch-optimized experience.
 
-![Tabminal Banner](public/favicon.svg) 
+![Tabminal Banner](public/favicon.svg)
 
-## ✨ Key Features
+## 🌟 Why Tabminal?
 
-### 🧠 AI-Native Integration
-Tabminal isn't just a terminal; it's an intelligent workspace paired with **Gemini 2.5 Flash**.
-*   **Context-Aware**: The AI knows your **Current Working Directory**, **Environment Variables**, and **Recent Command History**. No need to copy-paste context.
-*   **Command Hijack (`#`)**: Simply type `#` followed by your question (e.g., `# how to tar a folder`) to chat with the AI. The output streams in real-time with syntax highlighting.
-*   **Auto-Fix**: If a shell command fails (non-zero exit code), Tabminal automatically analyzes the error log and suggests a fix.
-*   **Audit Logging**: All AI interactions are logged and persisted for future context.
+Tabminal bridges the gap between traditional CLI tools and modern AI capabilities, all while solving the UX challenges of coding on mobile devices.
+
+### 🧠 AI-Native Intelligence
+Powered by **modern AI models** (via OpenRouter), Tabminal understands your context.
+*(Defaults to **Gemini 2.5 Flash** for optimal speed/performance balance if not configured)*
+*   **Context-Aware Chat**: Type `# how do I...` to ask questions. The AI knows your **CWD**, **Environment**, and **Recent History**.
+*   **Auto-Fix**: Command failed? Tabminal automatically analyzes the exit code and error output to suggest fixes. No copy-pasting required.
+*   **Web Search**: Enable Google Search integration to let the AI fetch real-time answers from the web.
 
 ### 📱 Ultimate Mobile Experience
-Optimized specifically for **iPadOS** and **iOS**, solving the pain points of coding on touch devices.
-*   **PWA Support**: Installable as a full-screen app. Solves the infamous iOS viewport height issues.
-*   **HHKB-Style Soft Keyboard**: A custom 12-column virtual keyboard bringing the HHKB layout to iPhone.
-    *   **Drag-to-Ctrl**: Touch and drag the `CTRL` key to perform combinations (e.g., drag to 'C' for `Ctrl+C`).
-    *   **Smart Modifiers**: `SHIFT` allows continuous entry; `SYM` toggles the full keyboard overlay.
-    *   **Responsive Layout**: Keyboard height adapts to landscape/portrait modes automatically.
-*   **Optimized UI**: Hamburger menu for sessions on small screens, resource-saving mode (no preview rendering) on iPhone.
+Built from the ground up for **iPadOS** and **iOS**.
+*   **HHKB Virtual Keyboard**: A specialized software keyboard overlay with `CTRL`, `ALT`, `TAB`, and arrow keys.
+    *   **Smart Modifiers**: Toggle `SHIFT` for continuous entry.
+*   **Responsive Layout**: Auto-adapts to landscape/portrait modes, respecting Safe Areas and Notches.
+*   **PWA Ready**: Install to Home Screen for a full-screen, native app feel.
 
 ### 💻 Powerful Desktop Features
-*   **Persistent Sessions**: Close your browser, come back later, and your terminal state (and running processes) are exactly where you left them.
-*   **Built-in Editor**: Integrated **Monaco Editor** (VS Code core) with split-pane view. Edit files on the server directly.
-*   **Visual File Manager**: Sidebar file tree for easy navigation and opening of files.
-*   **Network Heartbeat**: Real-time latency visualization (capsule style on desktop, bottom-fill on mobile).
+*   **Persistent Sessions**: Your terminal state lives on the server. Refresh or switch devices without losing your work.
+*   **Built-in Editor**: Integrated **Monaco Editor** (VS Code core) allows you to edit files directly on the server.
+*   **Visual File Manager**: Sidebar file tree for easy navigation.
+*   **Network Heartbeat**: Real-time latency visualization.
 
 ## 🚀 Getting Started
 
 ### Prerequisites
-*   Node.js >= 16
-*   An AI API Key (e.g., Google AI Studio / OpenRouter)
+*   Node.js >= 22
+*   (Optional) An [OpenRouter](https://openrouter.ai/) API Key if you want AI features.
+*   (Optional) A pair of Google API Key and Search Engine ID (CX) for web search capabilities.
+
+### ⚠️ Security Warning
+Tabminal provides **full read/write access** to the underlying file system.
+*   **Do NOT expose this to the public internet** without proper protection (VPN, etc).
+*   The `--accept-terms` flag is required to acknowledge that you understand these risks.
 
 ### Quick Start (No Install)
-Run directly with npx:
+Run directly with `npx`:
+
 ```bash
 npx tabminal --openrouter-key "YOUR_API_KEY" --accept-terms
 ```
@@ -45,7 +52,7 @@ npx tabminal --openrouter-key "YOUR_API_KEY" --accept-terms
 
 ```bash
 # Clone the repository
-git clone https://github.com/yourusername/tabminal.git
+git clone https://github.com/leask/tabminal.git
 cd tabminal
 
 # Install dependencies
@@ -57,39 +64,38 @@ npm start -- --openrouter-key "YOUR_API_KEY" --accept-terms
 
 ### Configuration
 
-You can configure Tabminal via command-line arguments or environment variables.
+You can configure Tabminal via command-line arguments, environment variables, or a `config.json` file.
 
 | Argument | Env Variable | Description | Default |
 | :--- | :--- | :--- | :--- |
 | `-p`, `--port` | `PORT` | Server port | `9846` |
 | `-h`, `--host` | `HOST` | Bind address | `127.0.0.1` |
 | `-a`, `--password` | `TABMINAL_PASSWORD` | Access password | (Randomly Generated) |
-| `-k`, `--openrouter-key` | `TABMINAL_OPENROUTER_KEY` | OpenRouter API Key | `null` |
+| `-k`, `--openrouter-key` | `TABMINAL_OPENROUTER_KEY` | AI Provider API Key | `null` |
 | `-m`, `--model` | `TABMINAL_MODEL` | AI Model ID | `gemini-2.5-flash-preview-09-2025` |
 | `-g`, `--google-key` | `TABMINAL_GOOGLE_KEY` | Google Search API Key | `null` |
 | `-c`, `--google-cx` | `TABMINAL_GOOGLE_CX` | Google Search Engine ID (CX) | `null` |
 | `-d`, `--debug` | `TABMINAL_DEBUG` | Enable debug logs | `false` |
-| `-y`, `--accept-terms` | `TABMINAL_ACCEPT` | Accept security terms | `false` |
+| `-y`, `--accept-terms` | `TABMINAL_ACCEPT` | **Required**: Accept security risks (Full FS Access) | `false` |
 
-## ⌨️ Shortcuts
+## ⌨️ Shortcuts & Gestures
 
-### Physical Keyboard (Desktop/iPad)
-*   **`Ctrl + Shift + T`**: New Tab (Inherits current CWD)
-*   **`Ctrl + Shift + W`**: Close Current Tab
-*   **`Ctrl + Shift + [` / `]`**: Switch Previous/Next Tab
-*   **`Ctrl + Alt + [` / `]`**: Switch Previous/Next Open File in Editor
+*   **`Ctrl + Shift + T`**: New Terminal
+*   **`Ctrl + Shift + W`**: Close Terminal
 *   **`Ctrl + Shift + E`**: Toggle Editor Pane
+*   **`Ctrl + Up` / `Down`**: Focus Editor / Terminal
+*   **`Ctrl + Shift + [` / `]`**: Switch Terminal
+*   **`Ctrl + Alt + [` / `]`**: Switch Open File in Editor
 *   **`Ctrl + Shift + ?`**: Show Shortcuts Help
+*   **`Ctrl` / `Cmd` + `F`**: Find in Terminal
 
-### Touch Gestures (Mobile)
-*   **Virtual `^C`**: Send SIGINT (Ctrl+C).
-*   **Virtual `CTRL` (Hold & Drag)**: Visualize a QWERTY overlay to quickly trigger Control combinations without lifting your finger.
-*   **Virtual `SYM`**: Toggle the full HHKB-style soft keyboard.
+### Touch Actions
+*   **Virtual `SYM`**: Toggle HHKB keyboard overlay.
 
 ## 🛠 Tech Stack
-*   **Backend**: Node.js, Koa, node-pty, WebSocket (ws).
-*   **Frontend**: Vanilla JS (ES Modules), xterm.js, Monaco Editor.
-*   **AI**: Integration via `utilitas`.
+*   **Backend**: [Node.js](https://nodejs.org), [Koa](https://github.com/koajs/koa), [node-pty](https://github.com/microsoft/node-pty), [WebSocket](https://github.com/websockets/ws).
+*   **Frontend**: [Vanilla JS](http://vanilla-js.com/) 😝, [xterm.js](https://github.com/xtermjs/xterm.js), [Monaco Editor](https://github.com/microsoft/monaco-editor).
+*   **AI**: Integration via [utilitas](https://github.com/leask/utilitas).
 
 ## 📄 License
-MIT
+[MIT](LICENSE)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabminal",
-  "version": "1.1.0",
+  "version": "1.1.5",
   "description": "A modern, persistent web terminal with multi-tab support and real-time system monitoring.",
   "type": "module",
   "bin": {
@@ -28,12 +28,14 @@
   "author": "Leask Wong",
   "license": "MIT",
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0"
   },
   "dependencies": {
     "@fontsource/monaspace-neon": "^5.2.5",
     "@koa/router": "^14.0.0",
+    "@mozilla/readability": "^0.6.0",
     "js-tiktoken": "^1.0.21",
+    "jsdom": "^27.2.0",
     "koa": "^3.1.1",
     "koa-bodyparser": "^4.4.1",
     "koa-static": "^5.0.0",

package/public/app.js

@@ -2,6 +2,7 @@ import { Terminal } from 'https://cdn.jsdelivr.net/npm/xterm@5.3.0/+esm';
 import { FitAddon } from 'https://cdn.jsdelivr.net/npm/xterm-addon-fit@0.8.0/+esm';
 import { WebLinksAddon } from 'https://cdn.jsdelivr.net/npm/xterm-addon-web-links@0.9.0/+esm';
 import { CanvasAddon } from 'https://cdn.jsdelivr.net/npm/xterm-addon-canvas@0.5.0/+esm';
+import { SearchAddon } from 'https://cdn.jsdelivr.net/npm/xterm-addon-search@0.13.0/+esm';
 
 // Detect Mobile/Tablet (focus on touch capability for font sizing)
 // Logic: If the device supports touch, we assume it needs larger fonts (14px)
@@ -63,10 +64,101 @@ class AuthManager {
     }
 
     async hashPassword(password) {
-        const msgBuffer = new TextEncoder().encode(password);
-        const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
-        const hashArray = Array.from(new Uint8Array(hashBuffer));
-        return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
+        if (window.crypto && window.crypto.subtle) {
+            try {
+                const msgBuffer = new TextEncoder().encode(password);
+                const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
+                const hashArray = Array.from(new Uint8Array(hashBuffer));
+                return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
+            } catch (e) {
+                console.warn('Web Crypto API failed, falling back to JS implementation', e);
+            }
+        }
+        return this.sha256Fallback(password);
+    }
+
+    sha256Fallback(ascii) {
+        function rightRotate(value, amount) {
+            return (value >>> amount) | (value << (32 - amount));
+        }
+        
+        const mathPow = Math.pow;
+        const maxWord = mathPow(2, 32);
+        const lengthProperty = 'length';
+        let i, j;
+        let result = '';
+
+        const words = [];
+        const asciiBitLength = ascii[lengthProperty] * 8;
+        
+        let hash = (this._h = this._h || [
+            0x6a09e667, 0xbb67ae85, 0x3c6ef372, 0xa54ff53a,
+            0x510e527f, 0x9b05688c, 0x1f83d9ab, 0x5be0cd19
+        ]).slice(0);
+        
+        const k = (this._k = this._k || [
+            0x428a2f98, 0x71374491, 0xb5c0fbcf, 0xe9b5dba5, 0x3956c25b, 0x59f111f1, 0x923f82a4, 0xab1c5ed5,
+            0xd807aa98, 0x12835b01, 0x243185be, 0x550c7dc3, 0x72be5d74, 0x80deb1fe, 0x9bdc06a7, 0xc19bf174,
+            0xe49b69c1, 0xefbe4786, 0x0fc19dc6, 0x240ca1cc, 0x2de92c6f, 0x4a7484aa, 0x5cb0a9dc, 0x76f988da,
+            0x983e5152, 0xa831c66d, 0xb00327c8, 0xbf597fc7, 0xc6e00bf3, 0xd5a79147, 0x06ca6351, 0x14292967,
+            0x27b70a85, 0x2e1b2138, 0x4d2c6dfc, 0x53380d13, 0x650a7354, 0x766a0abb, 0x81c2c92e, 0x92722c85,
+            0xa2bfe8a1, 0xa81a664b, 0xc24b8b70, 0xc76c51a3, 0xd192e819, 0xd6990624, 0xf40e3585, 0x106aa070,
+            0x19a4c116, 0x1e376c08, 0x2748774c, 0x34b0bcb5, 0x391c0cb3, 0x4ed8aa4a, 0x5b9cca4f, 0x682e6ff3,
+            0x748f82ee, 0x78a5636f, 0x84c87814, 0x8cc70208, 0x90befffa, 0xa4506ceb, 0xbef9a3f7, 0xc67178f2
+        ]);
+        
+        ascii += '\x80';
+        while (ascii[lengthProperty] % 64 - 56) ascii += '\x00';
+        
+        for (i = 0; i < ascii[lengthProperty]; i++) {
+            j = ascii.charCodeAt(i);
+            words[i >> 2] |= j << ((3 - i) % 4) * 8;
+        }
+        words[words[lengthProperty]] = ((asciiBitLength / maxWord) | 0);
+        words[words[lengthProperty]] = (asciiBitLength);
+        
+        for (j = 0; j < words[lengthProperty];) {
+            const w = words.slice(j, j += 16);
+            const oldHash = hash;
+
+            hash = hash.slice(0, 8);
+            
+            for (i = 0; i < 64; i++) {
+                const i2 = i + j;
+                const w15 = w[i - 15], w2 = w[i - 2];
+
+                const a = hash[0], e = hash[4];
+                const temp1 = hash[7]
+                    + (rightRotate(e, 6) ^ rightRotate(e, 11) ^ rightRotate(e, 25)) // S1
+                    + ((e & hash[5]) ^ ((~e) & hash[6])) // ch
+                    + k[i]
+                    + (w[i] = (i < 16) ? w[i] : (
+                            w[i - 16]
+                            + (rightRotate(w15, 7) ^ rightRotate(w15, 18) ^ (w15 >>> 3)) // s0
+                            + w[i - 7]
+                            + (rightRotate(w2, 17) ^ rightRotate(w2, 19) ^ (w2 >>> 10)) // s1
+                        ) | 0
+                    );
+
+                const temp2 = (rightRotate(a, 2) ^ rightRotate(a, 13) ^ rightRotate(a, 22)) // S0
+                    + ((a & hash[1]) ^ (a & hash[2]) ^ (hash[1] & hash[2])); // maj
+                
+                hash = [(temp1 + temp2) | 0].concat(hash);
+                hash[4] = (hash[4] + temp1) | 0;
+            }
+            
+            for (i = 0; i < 8; i++) {
+                hash[i] = (hash[i] + oldHash[i]) | 0;
+            }
+        }
+        
+        for (i = 0; i < 8; i++) {
+            for (j = 3; j + 1; j--) {
+                const b = (hash[i] >> (j * 8)) & 255;
+                result += ((b < 16) ? 0 : '') + b.toString(16);
+            }
+        }
+        return result;
     }
 
     async login(password) {
@@ -539,7 +631,6 @@ class EditorManager {
 
         this.renderEditorTabs();
         this.updateEditorPaneVisibility();
-        this.currentSession.saveState();
         
         if (state.activeFilePath === filePath) {
             if (state.openFiles.length > 0) {
@@ -549,6 +640,9 @@ class EditorManager {
                 this.showEmptyState();
             }
         }
+        
+        // Save state AFTER updating activeFilePath
+        this.currentSession.saveState();
     }
 
     renderEditorTabs() {
@@ -730,8 +824,10 @@ class Session {
         });
         this.mainFitAddon = new FitAddon();
         this.mainLinksAddon = new WebLinksAddon();
+        this.searchAddon = new SearchAddon();
         this.mainTerm.loadAddon(this.mainFitAddon);
         this.mainTerm.loadAddon(this.mainLinksAddon);
+        this.mainTerm.loadAddon(this.searchAddon);
         this.mainTerm.loadAddon(new CanvasAddon());
 
         // Event Listeners
@@ -1796,6 +1892,11 @@ async function switchToSession(sessionId) {
     session.mainFitAddon.fit();
     session.mainTerm.focus();
     
+    // Double check focus
+    requestAnimationFrame(() => {
+        session.mainTerm.focus();
+    });
+    
     session.reportResize();
     
     // Sync editor state
@@ -1911,10 +2012,21 @@ async function initApp() {
     // If no sessions, create one
     if (state.sessions.size === 0) {
         await createNewSession();
+    } else if (state.activeSessionId) {
+        const session = state.sessions.get(state.activeSessionId);
+        if (session) session.mainTerm.focus();
     }
+    
+    // Force focus again after layout settles
+    setTimeout(() => {
+        if (state.activeSessionId) {
+            const session = state.sessions.get(state.activeSessionId);
+            if (session) session.mainTerm.focus();
+        }
+    }, 200);
 }
 
-// Virtual Keyboard Logic
+// Start the app
 const virtualKeys = document.getElementById('virtual-keys');
 
 if (virtualKeys) {
@@ -2131,25 +2243,125 @@ if (modCtrl && modAlt && modShift && modSym && softKeyboard) {
     });
 }
 
-// Keyboard Shortcuts
-document.addEventListener('keydown', (e) => {
-    const key = e.key.toLowerCase();
+// Search Bar Logic
+const searchBar = document.getElementById('search-bar');
+const searchInput = document.getElementById('search-input');
+const searchNext = document.getElementById('search-next');
+const searchPrev = document.getElementById('search-prev');
+const searchClose = document.getElementById('search-close');
+const searchResults = document.getElementById('search-results');
+const searchCaseBtn = document.getElementById('search-case');
+const searchWordBtn = document.getElementById('search-word');
+const searchRegexBtn = document.getElementById('search-regex');
+const searchToggleBtn = document.getElementById('search-toggle-replace');
+
+let searchOptions = {
+    caseSensitive: false,
+    wholeWord: false,
+    regex: false
+};
+
+if (searchBar) {
+    const updateUI = (found) => {
+        if (!found) {
+            searchResults.textContent = 'No results';
+            searchNext.disabled = true;
+            searchPrev.disabled = true;
+        } else {
+            searchResults.textContent = 'Found';
+            searchNext.disabled = false;
+            searchPrev.disabled = false;
+        }
+    };
+
+    const doSearch = (forward = true) => {
+        if (!state.activeSessionId || !state.sessions.has(state.activeSessionId)) return;
+        const addon = state.sessions.get(state.activeSessionId).searchAddon;
+        const term = searchInput.value;
+        
+        let found = false;
+        if (forward) found = addon.findNext(term, searchOptions);
+        else found = addon.findPrevious(term, searchOptions);
+        
+        updateUI(found);
+    };
+
+    const toggleOption = (btn, key) => {
+        searchOptions[key] = !searchOptions[key];
+        btn.classList.toggle('active', searchOptions[key]);
+        doSearch(true);
+    };
+
+    if (searchCaseBtn) searchCaseBtn.onclick = () => toggleOption(searchCaseBtn, 'caseSensitive');
+    if (searchWordBtn) searchWordBtn.onclick = () => toggleOption(searchWordBtn, 'wholeWord');
+    if (searchRegexBtn) searchRegexBtn.onclick = () => toggleOption(searchRegexBtn, 'regex');
+
+    // Initial State
+    searchNext.disabled = true;
+    searchPrev.disabled = true;
+
+    searchInput.addEventListener('input', (e) => {
+        if (!state.activeSessionId) return;
+        const term = e.target.value;
+        if (!term) {
+            updateUI(false);
+            searchResults.textContent = ''; // Empty when clear? Or No results? VS Code clears. 
+            // But user asked for "No results always".
+            // My updateUI sets 'No results'.
+            return;
+        }
+        
+        // Incremental search
+        const found = state.sessions.get(state.activeSessionId).searchAddon.findNext(term, { 
+            incremental: true, 
+            ...searchOptions 
+        });
+        
+        updateUI(found);
+    });
     
-    // ESC: Close Help Modal
-    if (key === 'escape') {
-        const modal = document.getElementById('shortcuts-modal');
-        if (modal && modal.style.display === 'flex') {
+    searchInput.addEventListener('keydown', (e) => {
+        if (e.key === 'Enter') {
             e.preventDefault();
-            modal.style.display = 'none';
-            if (state.activeSessionId && state.sessions.has(state.activeSessionId)) {
-                state.sessions.get(state.activeSessionId).mainTerm.focus();
-            }
+            doSearch(!e.shiftKey);
+        }
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            searchBar.style.display = 'none';
+            state.sessions.get(state.activeSessionId)?.mainTerm.focus();
+        }
+    });
+
+    searchNext.addEventListener('click', () => doSearch(true));
+    searchPrev.addEventListener('click', () => doSearch(false));
+    
+    searchClose.addEventListener('click', () => {
+        searchBar.style.display = 'none';
+        state.sessions.get(state.activeSessionId)?.mainTerm.focus();
+    });
+}
+
+// Keyboard Shortcuts
+document.addEventListener('keydown', (e) => {
+    // Ctrl+F or Cmd+F for Search
+    if ((e.ctrlKey || e.metaKey) && e.key.toLowerCase() === 'f') {
+        // If editor has focus, let Monaco handle it
+        if (editorManager && editorManager.editor && editorManager.editor.hasTextFocus()) {
             return;
         }
+
+        e.preventDefault();
+        if (searchBar) {
+            searchBar.style.display = 'flex';
+            searchInput.focus();
+            searchInput.select();
+        }
+        return;
     }
 
-    if (!e.ctrlKey) return; // Ctrl is mandatory for others
+    if (!e.ctrlKey) return; // Ctrl is mandatory
 
+    const key = e.key.toLowerCase();
     const code = e.code;
     
     // Ctrl + Shift Context
@@ -2178,21 +2390,19 @@ document.addEventListener('keydown', (e) => {
             }
             return;
         }
-        
+
         // Ctrl + Shift + ?: Help
         if (key === '?' || (code === 'Slash' && e.shiftKey)) {
             e.preventDefault();
             const modal = document.getElementById('shortcuts-modal');
             if (modal) {
                 modal.style.display = 'flex';
-                // Steal focus from terminal
                 const closeBtn = modal.querySelector('button');
                 if (closeBtn) closeBtn.focus();
                 
                 modal.onclick = (ev) => {
                     if (ev.target === modal) {
                         modal.style.display = 'none';
-                        // Restore focus
                         if (state.activeSessionId && state.sessions.has(state.activeSessionId)) {
                             state.sessions.get(state.activeSessionId).mainTerm.focus();
                         }
@@ -2218,6 +2428,24 @@ document.addEventListener('keydown', (e) => {
         }
     }
     
+    // Ctrl Only Context (Focus Switching)
+    if (!e.shiftKey && !e.altKey) {
+        if (code === 'ArrowUp') {
+            e.preventDefault();
+            if (editorManager && editorManager.pane.style.display !== 'none') {
+                editorManager.editor.focus();
+            }
+            return;
+        }
+        if (code === 'ArrowDown') {
+            e.preventDefault();
+            if (state.activeSessionId && state.sessions.has(state.activeSessionId)) {
+                state.sessions.get(state.activeSessionId).mainTerm.focus();
+            }
+            return;
+        }
+    }
+    
     // Ctrl + Option (Alt) Context
     if (e.altKey && !e.shiftKey) {
         // Ctrl + Option + [ / ]: Switch Editor File
@@ -2240,6 +2468,7 @@ document.addEventListener('keydown', (e) => {
     }
 }, true); // Use capture phase to override editor/terminal
 
+
 // Start the app
 initApp();
 // #endregion

package/public/index.html

@@ -36,6 +36,17 @@
                     document.body.scrollTop = 0;
                 }
                 document.documentElement.scrollTop = 0;
+
+                // Sync terminal padding state with editor visibility
+                const editorPane = document.getElementById('editor-pane');
+                const terminalWrapper = document.getElementById('terminal-wrapper');
+                if (editorPane && terminalWrapper) {
+                    if (editorPane.style.display !== 'none') {
+                        terminalWrapper.classList.remove('maximized');
+                    } else {
+                        terminalWrapper.classList.add('maximized');
+                    }
+                }
             }
 
             if (window.visualViewport) {
@@ -104,7 +115,7 @@
         </script>
         <script>
             (function() {
-                const t = Math.floor(Date.now() / 60000);
+                const t = Math.floor(Date.now() / 1000); // Seconds for dev
                 const link = document.createElement('link');
                 link.rel = 'stylesheet';
                 link.href = `./styles.css?t=${t}`;
@@ -154,6 +165,20 @@
 
                 <div id="terminal-wrapper" class="terminal-wrapper">
                     <div id="terminal" role="application" aria-label="Interactive Terminal"></div>
+                                                    <div id="search-bar" class="search-bar" style="display: none;">
+                                                        <button id="search-toggle-replace" class="icon-btn codicon codicon-chevron-right" title="Toggle Replace"></button>
+                                                        <div class="search-input-wrapper">
+                                                            <input type="text" id="search-input" placeholder="Find">
+                                                            <div class="search-options">
+                                                                <button id="search-case" class="option-btn codicon codicon-case-sensitive" title="Match Case"></button>
+                                                                                            <button id="search-word" class="option-btn codicon codicon-whole-word" title="Whole Word"></button>
+                                                                                            <button id="search-regex" class="option-btn codicon codicon-regex" title="Use Regular Expression"></button>
+                                                                                        </div>
+                                                                                    </div>
+                                                                                    <span id="search-results" class="search-results">No results</span>
+                                                                                    <button id="search-prev" class="nav-btn codicon codicon-arrow-up" title="Previous Match"></button>
+                                                                                    <button id="search-next" class="nav-btn codicon codicon-arrow-down" title="Next Match"></button>                                                        <button id="search-close" class="close-btn codicon codicon-close" title="Close"></button>
+                                                    </div>
                 </div>
             </main>
         </div>
@@ -198,6 +223,10 @@
                         <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>E</kbd></div>
                         <span>Toggle Editor</span>
                     </li>
+                    <li>
+                        <div><kbd>Ctrl</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd></div>
+                        <span>Focus Editor / Terminal</span>
+                    </li>
                     <li>
                         <div><kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>[</kbd> / <kbd>]</kbd></div>
                         <span>Switch Terminal</span>
@@ -216,7 +245,7 @@
         </div>
         <script>
             (function() {
-                const t = Math.floor(Date.now() / 60000);
+                const t = Math.floor(Date.now() / 1000);
                 const script = document.createElement('script');
                 script.type = 'module';
                 script.src = `./app.js?t=${t}`;