kiro-mobile-bridge 1.0.10 → 1.0.12

package/README.md

@@ -1,18 +1,17 @@
 # Kiro Mobile Bridge
 
-A mobile web interface for monitoring Kiro IDE agent sessions from your phone over LAN. Captures snapshots of the chat interface, file explorer, and editor via Chrome DevTools Protocol (CDP) and lets you interact remotely.
+A lightweight mobile interface that lets you monitor and control Kiro IDE agent sessions from your phone over LAN, with a live preview of chat, tasks, and code via Chrome DevTools Protocol.
+
+<img width="1829" height="1065" alt="Untitled design (2)" src="https://github.com/user-attachments/assets/6f55e527-7e66-46b6-b0fe-c2a5a527dec4" />
 
-<img width="1829" height="1065" alt="Untitled design (1)" src="https://github.com/user-attachments/assets/0590c332-80e1-4874-b27d-e7babe6202c8" />
 
 ## Features
 
 - 📱 Mobile-optimized web interface with tab navigation
-- 💬 **Chat Panel** - View and send messages to Kiro's agent
-- 📝 **Code Panel** - Browse file explorer and view files with syntax highlighting
-- 📋 **Tasks Panel** - View and navigate Kiro spec task files
+- 💬 **Chat** - View and send messages to Kiro's agent
+- 📝 **Code** - Browse file explorer and view files with syntax highlighting
+- 📋 **Tasks** - View and navigate Kiro spec task files
 - 🔄 Real-time updates via WebSocket with adaptive polling
-- 🔍 Auto-discovers Kiro instances on ports 9000-9003, 9222, 9229
-- 🎨 Preserves original Kiro styling
 
 ## Prerequisites
 
@@ -24,21 +23,20 @@ A mobile web interface for monitoring Kiro IDE agent sessions from your phone ov
 ### 1. Enable CDP in Kiro
 
 Start Kiro with the remote debugging port enabled:
-Option 1: **Run Kiro with debugging port:**
+
+**Run Kiro with debugging port:**
 ```bash
 # Windows (from default install location)
 "%LOCALAPPDATA%\Programs\Kiro\Kiro.exe" --remote-debugging-port=9000
-
 # macOS
 /Applications/Kiro.app/Contents/MacOS/Kiro --remote-debugging-port=9000
-
 # Linux (installed)
 /opt/Kiro/kiro --remote-debugging-port=9000
 ```
 
 ### 2. Run with npx (Recommended)
 
-No installation needed! Just run:
+Start Server
 
 ```bash
 npx kiro-mobile-bridge
@@ -56,11 +54,10 @@ npm start
 You'll see output like:
 
 ```
-🌉 Kiro Mobile Bridge
+Kiro Mobile Bridge
 ─────────────────────
 Local:   http://localhost:3000
-Network: http://192.168.1.100:3000
-
+Network: http://192.168.16.106:3000
 Open the Network URL on your phone to monitor Kiro.
 ```
 
@@ -109,13 +106,13 @@ Open the Network URL on your phone to monitor Kiro.
 
 ## Security Notes
 
+#### Only run this on trusted networks.
 **This is designed for local network use only:**
 
 - No authentication
 - No HTTPS
 - Exposes Kiro's chat interface to anyone on your network
 
-Only run this on trusted networks.
 
 ## License
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "kiro-mobile-bridge",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "A simple mobile web interface for monitoring Kiro IDE agent sessions from your phone over LAN",
   "type": "module",
   "main": "src/server.js",

package/src/server.js

@@ -1,8 +1,6 @@
 #!/usr/bin/env node
 /**
  * Kiro Mobile Bridge Server
- * @version 1.0.10
- * 
  * A mobile web interface for monitoring Kiro IDE agent sessions from your phone over LAN.
  * Captures snapshots of the chat interface via CDP and lets you send messages remotely.
  */
@@ -40,11 +38,6 @@ const __dirname = dirname(__filename);
 // =============================================================================
 
 const PORT = process.env.PORT || 3000;
-
-// =============================================================================
-// State Management
-// =============================================================================
-
 const cascades = new Map(); // cascadeId -> { id, cdp, metadata, snapshot, css, snapshotHash, editor, editorHash }
 const mainWindowCDP = { connection: null, id: null };
 
@@ -362,11 +355,11 @@ wss.on('connection', (ws, req) => {
   ws.on('error', (err) => console.error(`[WebSocket] Error from ${clientIP}:`, err.message));
 });
 
-httpServer.listen(PORT, () => {
+httpServer.listen(PORT, '0.0.0.0', () => {
   const localIP = getLocalIP();
   console.log('');
   console.log('Kiro Mobile Bridge');
-  console.log('─────────────────────');
+  console.log('────────────────────');
   console.log(`Local:   http://localhost:${PORT}`);
   console.log(`Network: http://${localIP}:${PORT}`);
   console.log('');

package/src/utils/network.js

@@ -3,6 +3,16 @@
  */
 import { networkInterfaces } from 'os';
 
+/**
+ * Check if interface is IPv4
+ * Handles both string ('IPv4') and number (4) family values
+ * @param {object} iface - Network interface object
+ * @returns {boolean}
+ */
+function isIPv4(iface) {
+  return iface.family === 'IPv4' || iface.family === 4;
+}
+
 /**
  * Get local IP address for LAN access
  * Returns the first non-internal IPv4 address found.
@@ -15,25 +25,41 @@ import { networkInterfaces } from 'os';
 export function getLocalIP() {
   const interfaces = networkInterfaces();
   
-  // Prioritize common interface names
-  const priorityInterfaces = ['eth0', 'en0', 'wlan0', 'Wi-Fi', 'Ethernet'];
+  // Prioritize common interface names (Linux, macOS, Windows)
+  const priorityInterfaces = ['Ethernet', 'Wi-Fi', 'eth0', 'en0', 'wlan0'];
   
   // First, try priority interfaces
   for (const name of priorityInterfaces) {
     const ifaces = interfaces[name];
     if (ifaces) {
       for (const iface of ifaces) {
-        if (iface.family === 'IPv4' && !iface.internal) {
+        if (isIPv4(iface) && !iface.internal) {
           return iface.address;
         }
       }
     }
   }
   
-  // Fallback: return first non-internal IPv4
+  // Fallback: return first non-internal IPv4 (skip virtual/WSL interfaces)
+  for (const name of Object.keys(interfaces)) {
+    // Skip virtual interfaces (WSL, Docker, VPN, etc.)
+    if (name.toLowerCase().includes('vethernet') || 
+        name.toLowerCase().includes('docker') ||
+        name.toLowerCase().includes('vmware') ||
+        name.toLowerCase().includes('virtualbox')) {
+      continue;
+    }
+    for (const iface of interfaces[name]) {
+      if (isIPv4(iface) && !iface.internal) {
+        return iface.address;
+      }
+    }
+  }
+  
+  // Last resort: any non-internal IPv4
   for (const name of Object.keys(interfaces)) {
     for (const iface of interfaces[name]) {
-      if (iface.family === 'IPv4' && !iface.internal) {
+      if (isIPv4(iface) && !iface.internal) {
         return iface.address;
       }
     }
@@ -54,7 +80,7 @@ export function getAllLocalIPs() {
   
   for (const name of Object.keys(interfaces)) {
     for (const iface of interfaces[name]) {
-      if (iface.family === 'IPv4' && !iface.internal) {
+      if (isIPv4(iface) && !iface.internal) {
         results.push({ name, address: iface.address });
       }
     }