@hmduc16031996/claude-mb-bridge 2.3.5 → 2.3.6

package/dist/index.js

@@ -6,7 +6,7 @@ const program = new Command();
 program
     .name('claude-mobile-bridge')
     .description('Bridge Claude Code CLI to mobile via WebView')
-    .version('2.3.5')
+    .version('2.3.6')
     .option('--token <token>', 'Pairing token from mobile app')
     .option('--server <url>', 'Backend server URL', 'http://127.0.0.1:3110')
     .option('--path <path>', 'Working directory', process.cwd())

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hmduc16031996/claude-mb-bridge",
-  "version": "2.3.5",
+  "version": "2.3.6",
   "description": "Bridge between Claude Code CLI and your mobile app via WebView",
   "type": "module",
   "main": "dist/index.js",

package/public/app.js

@@ -127,6 +127,10 @@ class ClaudeBridge {
       terminalContainer: document.getElementById('terminal-container'),
       mobileKeys: document.getElementById('mobile-keys'),
       header: document.getElementById('header'),
+      toggleHeaderBtn: document.getElementById('toggle-header-btn'),
+      toggleHeaderBtnDesktop: document.getElementById('toggle-header-btn-desktop'),
+      expandHeaderBtn: document.getElementById('expand-header-btn'),
+      scrollBottomBtn: document.getElementById('scroll-bottom-btn'),
     };
   }
 
@@ -172,7 +176,16 @@ class ClaudeBridge {
       }
     });
 
-    window.addEventListener('resize', () => this.fitAddon.fit());
+    window.addEventListener('resize', () => {
+        this.fitAddon.fit();
+    });
+
+    this.terminal.onScroll((e) => {
+        const buffer = this.terminal.buffer.active;
+        const isAtBottom = buffer.viewportY >= buffer.baseY;
+        this.elements.scrollBottomBtn.classList.toggle('hidden', isAtBottom);
+    });
+
     new TouchScrollManager(this.terminal, this.elements.terminalContainer);
   }
 
@@ -191,6 +204,35 @@ class ClaudeBridge {
         }
       });
     });
+    
+    // Header Toggle
+    const handleToggleHeader = () => {
+        const isCollapsed = this.elements.header.classList.toggle('collapsed');
+        this.elements.expandHeaderBtn.classList.toggle('hidden', !isCollapsed);
+        this.elements.toggleHeaderBtn.setAttribute('aria-expanded', !isCollapsed);
+        this.elements.toggleHeaderBtnDesktop.setAttribute('aria-expanded', !isCollapsed);
+        setTimeout(() => this.fitAddon.fit(), 200);
+    };
+
+    this.elements.toggleHeaderBtn.addEventListener('click', handleToggleHeader);
+    this.elements.toggleHeaderBtnDesktop.addEventListener('click', handleToggleHeader);
+    this.elements.expandHeaderBtn.addEventListener('click', handleToggleHeader);
+
+    // Scroll to Bottom
+    this.elements.scrollBottomBtn.addEventListener('click', () => {
+        this.terminal.scrollToBottom();
+        this.elements.scrollBottomBtn.classList.add('hidden');
+    });
+
+    // Stubs for other buttons
+    ['new-session-btn', 'attach-btn', 'preview-btn', 'settings-btn'].forEach(id => {
+        const btn = document.getElementById(id);
+        if (btn) {
+            btn.addEventListener('click', () => {
+                console.log(`Button ${id} clicked (not implemented in bridge)`);
+            });
+        }
+    });
   }
 
   setCtrlActive(active) {