reactoradar 1.6.7 → 1.6.8

package/app.js

@@ -136,6 +136,8 @@ document.addEventListener('keydown', (e) => {
   }
 });
 
+// Global filter removed — each panel has its own search input
+
 // ─── Clear (each panel has its own clear button now) ─────────────────────────
 
 function clearActiveTab() {
@@ -236,28 +238,28 @@ function clearAll() {
   if (ga4Detail) ga4Detail.innerHTML = '';
   // Native logs
   _nativeState.logs = [];
-  const nativeList2 = $('nativeLogList');
-  if (nativeList2) nativeList2.innerHTML = '';
+  const nativeList = $('nativeLogList');
+  if (nativeList) nativeList.innerHTML = '';
   // Performance
   perfState.fps = [];
   perfState.jsThread = [];
   perfState.uiThread = [];
   perfState.data = [];
-  const perfFPS2 = $('perfFPS'); if (perfFPS2) perfFPS2.textContent = '—';
-  const perfJS2 = $('perfJS'); if (perfJS2) perfJS2.textContent = '—';
-  const perfUI2 = $('perfUI'); if (perfUI2) perfUI2.textContent = '—';
+  const perfFPS = $('perfFPS'); if (perfFPS) perfFPS.textContent = '—';
+  const perfJS = $('perfJS'); if (perfJS) perfJS.textContent = '—';
+  const perfUI = $('perfUI'); if (perfUI) perfUI.textContent = '—';
   clearPerfCanvas('perfFPSCanvas');
   clearPerfCanvas('perfJSCanvas');
   clearPerfCanvas('perfUICanvas');
   // Memory
-  const memHU2 = $('memHeapUsed'); if (memHU2) memHU2.textContent = '—';
-  const memHT2 = $('memHeapTotal'); if (memHT2) memHT2.textContent = '—';
-  const memN2 = $('memNative'); if (memN2) memN2.textContent = '—';
+  const memHU = $('memHeapUsed'); if (memHU) memHU.textContent = '—';
+  const memHT = $('memHeapTotal'); if (memHT) memHT.textContent = '—';
+  const memN = $('memNative'); if (memN) memN.textContent = '—';
   // Badges
-  $('cBadge').textContent = '0';
-  $('nBadge').textContent = '0';
-  $('rBadge').textContent = '0';
-  $('sBadge').textContent = '0';
+  const cB = $('cBadge'); if (cB) cB.textContent = '0';
+  const nB = $('nBadge'); if (nB) nB.textContent = '0';
+  const rB = $('rBadge'); if (rB) rB.textContent = '0';
+  const sB = $('sBadge'); if (sB) sB.textContent = '0';
   if ($('ga4Badge')) $('ga4Badge').textContent = '0';
   if ($('nativeBadge')) $('nativeBadge').textContent = '0';
   // Re-render all
@@ -281,13 +283,8 @@ function freeMemory() {
   if (state.console.logs.length > 200) {
     state.console.logs = state.console.logs.slice(-200);
   }
-  // Trim Redux history (keep actions and states in sync — they must have same length)
-  if (state.redux.actions.length > 50) {
-    state.redux.actions = state.redux.actions.slice(-50);
-    state.redux.states = state.redux.states.slice(-50);
-    state.redux.actions.forEach((a, i) => a.index = i);
-    state.redux.selected = -1;
-  }
+  // Drop full Redux state snapshots (keep action metadata)
+  state.redux.states = [];
   // Drop storage values (keep keys for reference)
   for (const k in state.storage.entries) {
     state.storage.entries[k] = null;
@@ -327,11 +324,13 @@ function updateDeviceBanner(service, connected) {
   }
 }
 
+
 function takeScreenshot() {
   const btn = $('btnScreenshot');
   if (!btn) return;
   const origText = btn.innerHTML;
   btn.innerHTML = '<span style="opacity:0.6">Saving...</span>';
+  // Use Electron's native capturePage — always works, no DOM rendering issues
   window.electronAPI?.captureScreenshot();
   btn.innerHTML = '<span style="color:var(--green)">Saved!</span>';
   setTimeout(() => { btn.innerHTML = origText; }, 2000);

package/init.js

@@ -5,7 +5,8 @@
 
 // ─── CDP Button ───────────────────────────────────────────────────────────────
 $('btnCDP')?.addEventListener('click', () => {
-  window.electronAPI?.openCDPTarget(null);
+  // Tell main process to open the CDP DevTools window with the best available target
+  window.electronAPI?.openCDPTarget(null); // null = use latest known target
 });
 
 // ─── Screenshot Button ────────────────────────────────────────────────────────
@@ -37,7 +38,6 @@ if (window.electronAPI) {
   window.electronAPI.on('network-event', handleNetworkEvent);
   window.electronAPI.on('storage-event', handleStorageEvent);
 
-  window.electronAPI.on('console-event', addConsoleLog);
   window.electronAPI.on('ga4-event', handleGA4Event);
 
   window.electronAPI.on('perf-event', event => {
@@ -66,6 +66,7 @@ if (window.electronAPI) {
 
   // Cmd+F — focus the search input for the active panel
   function _handleFind() {
+    // If network detail is open, focus the detail search
     if (state.activePanel === 'network' && state.network.selectedId) {
       const wrap = $('detailSearchWrap');
       const input = $('detailSearchInput');
@@ -88,12 +89,14 @@ if (window.electronAPI) {
       const el = $(inputId);
       if (el) { el.focus(); el.select(); }
     }
+    // Also show/focus Console bottom find bar
     if (state.activePanel === 'console') {
       const bar = $('consoleFindBar');
       if (bar) { bar.style.display = 'flex'; $('consoleFindInput')?.focus(); }
     }
   }
   window.electronAPI.on('focus-search', _handleFind);
+  // Direct keyboard fallback — Electron menu accelerators can miss in some contexts
   document.addEventListener('keydown', (e) => {
     if ((e.metaKey || e.ctrlKey) && e.key === 'f') {
       e.preventDefault();
@@ -104,6 +107,7 @@ if (window.electronAPI) {
   window.electronAPI.on('app-version', (version, isPackaged) => {
     state._appVersion = version;
     state._isPackaged = !!isPackaged;
+    // Update anywhere the version is displayed
     document.querySelectorAll('#aboutVersion').forEach(el => el.textContent = 'v' + version);
   });
 
@@ -121,21 +125,27 @@ if (window.electronAPI) {
     window.electronAPI?.openCDPTarget(null);
   });
 
+  // Theme toggle from menu shortcut (Cmd+Shift+T)
   window.electronAPI.on('theme-changed', theme => {
     document.documentElement.setAttribute('data-theme', theme);
     setStoredTheme(theme);
     document.querySelectorAll('#themeSwitcher .theme-card')
       .forEach(b => b.classList.toggle('active', b.dataset.theme === theme));
   });
+
+  // Console event IPC
+  window.electronAPI.on('console-event', addConsoleLog);
 }
 
 // ─── Memory Monitor ──────────────────────────────────────────────────────────
+// Check memory usage periodically and warn user before it causes blank screen
 let _memoryWarningShown = false;
 setInterval(() => {
   if (!window.performance || !performance.memory) return;
   const used = performance.memory.usedJSHeapSize;
   const limit = performance.memory.jsHeapSizeLimit;
   const pct = used / limit;
+  // Warn at 70% usage
   if (pct > 0.7 && !_memoryWarningShown) {
     _memoryWarningShown = true;
     const banner = document.createElement('div');
@@ -147,6 +157,7 @@ setInterval(() => {
       + `<button class="memory-warn-btn" id="memWarnDismiss">Dismiss</button>`;
     document.body.prepend(banner);
     $('memWarnClear')?.addEventListener('click', () => {
+      // Clear all panel data
       state.console.logs = []; _consolePending = [];
       _lastLogMsg = ''; _lastLogRow = null; _lastLogCount = 1;
       $('cBadge').textContent = '0'; renderConsole();
@@ -158,17 +169,19 @@ setInterval(() => {
     });
     $('memWarnDismiss')?.addEventListener('click', () => { banner.remove(); });
   }
+  // Reset flag when memory drops
   if (pct < 0.5) _memoryWarningShown = false;
-}, 30000);
+}, 30000); // Check every 30 seconds
+
+// Apply saved theme + font size + font family + app name on load
 
-// ─────────────────────────────────────────────────────────────────────────────
-// Apply saved settings on load
-// ─────────────────────────────────────────────────────────────────────────────
 applyTheme(getStoredTheme());
 applyFontSize(getStoredFontSize());
 applyFontFamily(getStoredFontFamily());
 applyAppName(getStoredAppName());
 applyTabVisibility();
+
+// Send stored metro port to backend
 window.electronAPI?.setMetroPort(getStoredMetroPort());
 
 // ─────────────────────────────────────────────────────────────────────────────
@@ -182,6 +195,5 @@ initMemoryPanel();
 initReduxPanel();
 initStoragePanel();
 initReactPanel();
-initSourcesPanel();
 initNativeLogsPanel();
 initSettingsPanel();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "reactoradar",
   "productName": "ReactoRadar",
-  "version": "1.6.7",
+  "version": "1.6.8",
   "description": "macOS debugger for React Native — Console, Sources, Network, Performance, Memory, Redux, AsyncStorage, React tree. Supports RN 0.74+ with Hermes and New Architecture.",
   "main": "main.js",
   "bin": {

package/panels/console.js

@@ -1,5 +1,4 @@
-// ─── Console Panel ─────────────────────────────────────────────────────────
-
+// ─── Console Panel + Shared Renderers ─────────────────────────────────────
 // Load saved log level filters from localStorage
 function getStoredLogLevels() {
   try {
@@ -14,6 +13,7 @@ function setStoredLogLevels(levels) {
 
 function initConsolePanel() {
   const panel = $('panel-console');
+  if (!panel) return;
   const levels = getStoredLogLevels();
   state.console.levelFilters = levels;
   state.console.showRedux = !!levels.redux;
@@ -321,10 +321,10 @@ function flushConsoleBatch() {
   }
 }
 
-// NOTE: console-event IPC listener is registered in init.js (not here)
-// to keep all IPC registrations in one place and avoid duplicate listener issues.
 
-// ─── Shared Object Tree Renderer (Chrome DevTools-like) ──────────────────────
+// NOTE: console-event IPC listener is registered in init.js
+
+// ─── Object Tree Renderer (Chrome DevTools-like) ─────────────────────────────
 // Builds interactive, collapsible DOM nodes for objects/arrays.
 
 // Collect all entries for an object: own data properties + prototype getter values.
@@ -709,7 +709,7 @@ function buildLogRow(l) {
   return div;
 }
 
-// ─── Shared Context Menu ─────────────────────────────────────────────────────
+// ─── Shared context menu helper ──────────────────────────────────────────────
 function showContextMenu(e, items) {
   document.querySelectorAll('.ctx-menu').forEach(el => el.remove());
   const menu = document.createElement('div');
@@ -786,3 +786,4 @@ function renderConsole() {
   list.appendChild(frag);
   list.scrollTop = list.scrollHeight;
 }
+

package/panels/ga4.js

@@ -1,10 +1,12 @@
+// ─── GA4 Events Panel ──────────────────────────────────────────────────────
 // ─────────────────────────────────────────────────────────────────────────────
-// GA4 EVENT INSPECTOR — extracted from app.js
+// GA4 EVENT INSPECTOR
 // ─────────────────────────────────────────────────────────────────────────────
 const ga4State = { events: [], selected: -1, searchFilter: '', sortDir: 'desc' };
 
 function initGA4Panel() {
   const panel = $('panel-ga4');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">GA4 Events</span>
@@ -326,3 +328,4 @@ function renderGA4Summary() {
     summary.appendChild(chip);
   });
 }
+

package/panels/native.js

@@ -1,4 +1,7 @@
 // ─── Native Logs Panel ─────────────────────────────────────────────────────
+// ─────────────────────────────────────────────────────────────────────────────
+// NATIVE LOGS PANEL
+// ─────────────────────────────────────────────────────────────────────────────
 const _nativeState = { logs: [], connected: false, platform: null, levelFilter: 'all', searchFilter: '' };
 const MAX_NATIVE_LOGS = 2000;
 
@@ -254,3 +257,4 @@ function _renderNativeLogs() {
   list.innerHTML = '';
   _nativeState.logs.forEach(log => _appendNativeLog(log));
 }
+

package/panels/network.js

@@ -1,5 +1,7 @@
 // ─── Network Panel ─────────────────────────────────────────────────────────
-
+// ─────────────────────────────────────────────────────────────────────────────
+// NETWORK PANEL (Chrome DevTools-style)
+// ─────────────────────────────────────────────────────────────────────────────
 const NET_COLS = [
   { key: 'name',      label: 'Name',      width: 380, min: 150 },
   { key: 'status',    label: 'Status',    width: 60,  min: 40 },
@@ -12,6 +14,7 @@ const NET_COLS = [
 
 function initNetworkPanel() {
   const panel = $('panel-network');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">Network</span>
@@ -966,3 +969,4 @@ function buildCurlCommand(r) {
   }
   return cmd;
 }
+

package/panels/performance.js

@@ -1,8 +1,12 @@
-// ─── Performance + Memory Panel ────────────────────────────────────────────
+// ─── Performance + Memory Panels ───────────────────────────────────────────
+// ─────────────────────────────────────────────────────────────────────────────
+// PERFORMANCE PANEL — FPS, render timing, JS thread
+// ─────────────────────────────────────────────────────────────────────────────
 const perfState = { fps: [], jsThread: [], uiThread: [], recording: false, data: [] };
 
 function initPerformancePanel() {
   const panel = $('panel-performance');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">Performance</span>
@@ -130,9 +134,12 @@ function handlePerfEvent(event) {
   }
 }
 
-// ─── Memory Panel ────────────────────────────────────────────────────────────
+// ─────────────────────────────────────────────────────────────────────────────
+// MEMORY PANEL — Heap snapshot summary via Hermes CDP
+// ─────────────────────────────────────────────────────────────────────────────
 function initMemoryPanel() {
   const panel = $('panel-memory');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">Memory</span>

package/panels/react.js

@@ -1,6 +1,7 @@
 // ─── React Tree Panel ──────────────────────────────────────────────────────
 function initReactPanel() {
   const panel = $('panel-react');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">React Tree</span>
@@ -19,3 +20,4 @@ function initReactPanel() {
     window.electronAPI?.openReactDevTools();
   });
 }
+

package/panels/redux.js

@@ -1,8 +1,10 @@
+// ─── Redux Panel ───────────────────────────────────────────────────────────
 // ─────────────────────────────────────────────────────────────────────────────
-// REDUX PANEL — extracted from app.js
+// REDUX PANEL
 // ─────────────────────────────────────────────────────────────────────────────
 function initReduxPanel() {
   const panel = $('panel-redux');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">Redux</span>
@@ -436,3 +438,4 @@ function renderRedux() {
     selEl.scrollIntoView({ block: 'nearest', behavior: 'auto' });
   }
 }
+

package/panels/settings.js

@@ -1,6 +1,4 @@
-// ─── Settings Panel ────────────────────────────────────────────────────────
-
-// ─── Theme helpers ───────────────────────────────────────────────────────────
+// ─── Settings Panel + Shared Utilities ─────────────────────────────────────
 function getStoredTheme() {
   try { return localStorage.getItem('rn-debug-theme') || 'dark'; } catch { return 'dark'; }
 }
@@ -303,6 +301,7 @@ function applyFontSize(size) {
 
 function initSettingsPanel() {
   const panel = $('panel-settings');
+  if (!panel) return;
   const current = getStoredTheme();
   const currentSize = getStoredFontSize();
    panel.innerHTML = `
@@ -594,13 +593,12 @@ function _loadVersionHistory() {
         } catch { /* skip bad date */ }
       }
 
-      // Build action buttons based on install type
+      // Build action button based on install type
       let actionHtml = '';
       if (isCurrent) {
         actionHtml = '<span class="version-installed">Installed</span>';
       } else if (isPackaged) {
-        // Show download dropdown with .dmg and .zip links
-        actionHtml = '<div class="version-dl-wrap"><button class="version-install-btn" title="Download this version">Download ▾</button></div>';
+        actionHtml = '<button class="version-install-btn" title="Download .dmg for this version">Download</button>';
       } else {
         actionHtml = `<button class="version-npm-btn" title="Copy npm install command">npx @${esc(r.version)}</button>`;
       }
@@ -615,57 +613,14 @@ function _loadVersionHistory() {
           <button class="version-notes-btn" title="View release notes">Notes</button>
         </div>`;
 
-      // DMG/ZIP download dropdown
-      const dlWrap = row.querySelector('.version-dl-wrap');
+      // DMG download button — opens the .dmg asset or release page
       const installBtn = row.querySelector('.version-install-btn');
-      if (installBtn && dlWrap) {
-        installBtn.addEventListener('click', (e) => {
-          e.stopPropagation();
-          // Remove any existing dropdown
-          document.querySelectorAll('.version-dl-menu').forEach(m => m.remove());
-
-          const menu = document.createElement('div');
-          menu.className = 'version-dl-menu';
-
-          // .dmg link
-          if (r.dmgUrl) {
-            const dmgItem = document.createElement('div');
-            dmgItem.className = 'version-dl-item';
-            dmgItem.innerHTML = `<span class="version-dl-icon">💿</span><div><div class="version-dl-name">.dmg Installer</div><div class="version-dl-hint">macOS installer (Apple Silicon)</div></div>`;
-            dmgItem.addEventListener('click', () => { window.electronAPI.openExternal(r.dmgUrl); menu.remove(); });
-            menu.appendChild(dmgItem);
-          }
-
-          // .zip link
-          if (r.zipUrl) {
-            const zipItem = document.createElement('div');
-            zipItem.className = 'version-dl-item';
-            zipItem.innerHTML = `<span class="version-dl-icon">📦</span><div><div class="version-dl-name">.zip Archive</div><div class="version-dl-hint">Portable zip archive</div></div>`;
-            zipItem.addEventListener('click', () => { window.electronAPI.openExternal(r.zipUrl); menu.remove(); });
-            menu.appendChild(zipItem);
-          }
-
-          // GitHub release page fallback
-          if (r.htmlUrl) {
-            const ghItem = document.createElement('div');
-            ghItem.className = 'version-dl-item';
-            ghItem.innerHTML = `<span class="version-dl-icon">🔗</span><div><div class="version-dl-name">GitHub Release</div><div class="version-dl-hint">View all assets on GitHub</div></div>`;
-            ghItem.addEventListener('click', () => { window.electronAPI.openExternal(r.htmlUrl); menu.remove(); });
-            menu.appendChild(ghItem);
-          }
-
-          // No assets fallback
-          if (!r.dmgUrl && !r.zipUrl && !r.htmlUrl) {
-            menu.innerHTML = '<div style="padding:8px 12px;color:var(--text-dim);font-size:10px">No downloads available</div>';
+      if (installBtn) {
+        installBtn.addEventListener('click', () => {
+          const url = r.dmgUrl || r.htmlUrl || '';
+          if (url) {
+            window.electronAPI.openExternal(url);
           }
-
-          dlWrap.appendChild(menu);
-
-          // Close on outside click
-          setTimeout(() => {
-            const close = (ev) => { if (!menu.contains(ev.target) && ev.target !== installBtn) { menu.remove(); document.removeEventListener('click', close); } };
-            document.addEventListener('click', close);
-          }, 0);
         });
       }
 
@@ -707,7 +662,8 @@ function _loadVersionHistory() {
   });
 }
 
-// ─── Update Banner ───────────────────────────────────────────────────────────
+
+// ─── Update Banner & Changelog (shared, used by IPC handlers) ──────────────
 // Reusable — called from IPC handler AND from initSettingsPanel
 function _applyUpdateBanner() {
   const info = state._updateAvailable;
@@ -830,3 +786,6 @@ async function _showChangelog(version) {
     if (body) body.innerHTML = '<div style="color:var(--red);padding:20px;text-align:center">Could not fetch release notes</div>';
   }
 }
+
+
+

package/panels/sources.js

@@ -1,6 +1,10 @@
 // ─── Sources Panel ─────────────────────────────────────────────────────────
+// ─────────────────────────────────────────────────────────────────────────────
+// SOURCES PANEL (placeholder — use JS Debugger button for breakpoints)
+// ─────────────────────────────────────────────────────────────────────────────
 function initSourcesPanel() {
   const panel = $('panel-sources');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">Sources</span>
@@ -280,3 +284,6 @@ async function loadSourceFile(filepath) {
 function updateSourcesPanel(targets) {
   // No-op: file list is populated by fetchSourceFileList from Metro source map
 }
+
+// ─────────────────────────────────────────────────────────────────────────────
+// PERFORMANCE PANEL — FPS, render timing, JS thread

package/panels/storage.js

@@ -1,8 +1,10 @@
+// ─── AsyncStorage Panel ────────────────────────────────────────────────────
 // ─────────────────────────────────────────────────────────────────────────────
-// ASYNC STORAGE PANEL — extracted from app.js
+// ASYNC STORAGE PANEL
 // ─────────────────────────────────────────────────────────────────────────────
 function initStoragePanel() {
   const panel = $('panel-storage');
+  if (!panel) return;
   panel.innerHTML = `
     <div class="panel-toolbar">
       <span class="panel-label">AsyncStorage</span>
@@ -183,3 +185,7 @@ function formatSize(bytes) {
   if (bytes < 1024) return `${bytes}b`;
   return `${(bytes/1024).toFixed(1)}kb`;
 }
+
+// ─────────────────────────────────────────────────────────────────────────────
+// REACT TREE PANEL
+// ─────────────────────────────────────────────────────────────────────────────

package/sdk/RNDebugSDK.js

@@ -14,7 +14,7 @@
  *   watchAsyncStorage(); // call once early in app
  */
 
-if (!__DEV__) {
+if (typeof __DEV__ === 'undefined' || !__DEV__) {
   module.exports = { reduxEnhancer: x => x, reduxMiddleware: () => next => action => next(action), watchAsyncStorage: () => {} };
 } else {
 
@@ -80,29 +80,38 @@ function _shouldIntercept() {
 
 // ─── WebSocket Factory ────────────────────────────────────────────────────────
 function makeChannel(port, name, onMessage) {
-  let ws = null, queue = [], connected = false;
+  let ws = null, queue = [], connected = false, retryDelay = 2000;
 
   function connect() {
+    ws = null;
+    connected = false;
     try {
       ws = new WebSocket(`ws://${HOST}:${port}`);
       ws.onopen = () => {
         connected = true;
-        queue.forEach(m => ws.send(m));
-        queue = [];
+        retryDelay = 2000;
+        const pending = queue.splice(0);
+        for (const m of pending) {
+          try { if (ws.readyState === WebSocket.OPEN) ws.send(m); else { queue.push(m); break; } }
+          catch { queue.push(m); break; }
+        }
       };
       ws.onmessage = (evt) => {
         if (onMessage) {
           try { onMessage(JSON.parse(evt.data)); } catch {}
         }
       };
-      ws.onclose = () => { connected = false; setTimeout(connect, 2000); };
+      ws.onclose = () => { connected = false; setTimeout(connect, retryDelay); retryDelay = Math.min(retryDelay * 1.5, 30000); };
       ws.onerror = () => {};
-    } catch { setTimeout(connect, 2000); }
+    } catch { setTimeout(connect, retryDelay); retryDelay = Math.min(retryDelay * 1.5, 30000); }
   }
 
   function send(obj) {
-    const msg = JSON.stringify({ ...obj, ts: Date.now() });
-    if (connected && ws?.readyState === WebSocket.OPEN) ws.send(msg);
+    let msg;
+    try {
+      msg = JSON.stringify({ ...obj, ts: Date.now() }, (_, v) => typeof v === 'bigint' ? v.toString() : v);
+    } catch { return; }
+    if (connected && ws?.readyState === WebSocket.OPEN) { try { ws.send(msg); } catch {} }
     else { queue.push(msg); if (queue.length > 300) queue.shift(); }
   }
 
@@ -186,21 +195,25 @@ function _extractCaller() {
 }
 
 LEVELS.forEach(level => {
-  _console[level] = console[level].bind(console);
+  const orig = console[level];
+  if (typeof orig !== 'function') return;
+  _console[level] = orig.bind(console);
   console[level] = (...args) => {
-    _console[level](...args);
-    // Skip interception when SDK is paused or debugger is attached
-    // This prevents double-logging and message queue deadlocks with CDP
-    if (!_shouldIntercept()) return;
-    const structuredArgs = args.map(serializeArg);
-    const message = args.map(a => {
-      if (typeof a === 'string') return a;
-      try { return JSON.stringify(a, null, 2); } catch { return String(a); }
-    }).join(' ');
-    // Stack trace capture controlled by toggle (disabled by default for performance)
-    // When enabled: captures for all levels. When disabled: skips entirely.
-    const caller = _stackTraceEnabled ? _extractCaller() : '';
-    mainCh.send({ type: 'console', level, message, args: structuredArgs, caller });
+    try { _console[level](...args); } catch {}
+    try {
+      // Skip interception when SDK is paused or debugger is attached
+      // This prevents double-logging and message queue deadlocks with CDP
+      if (!_shouldIntercept()) return;
+      const structuredArgs = args.map(serializeArg);
+      const message = args.map(a => {
+        if (typeof a === 'string') return a;
+        try { return JSON.stringify(a, null, 2); } catch { return String(a); }
+      }).join(' ');
+      // Stack trace capture controlled by toggle (disabled by default for performance)
+      // When enabled: captures for all levels. When disabled: skips entirely.
+      const caller = _stackTraceEnabled ? _extractCaller() : '';
+      mainCh.send({ type: 'console', level, message, args: structuredArgs, caller });
+    } catch {} // end of interception try
   };
 });
 
@@ -250,17 +263,31 @@ global.fetch = async (input, init = {}) => {
   const t0 = Date.now();
   try {
     const resp = await _fetch(input, init);
-    const clone = resp.clone();
-    clone.text().then(body => {
-      if (!_networkCaptureEnabled) return;
-      let parsed = body;
-      try { parsed = JSON.parse(body); } catch {}
-      const rHeaders = {};
-      clone.headers?.forEach?.((v, k) => { rHeaders[k] = v; });
-      mainCh.send({ type: 'network', phase: 'response', id, url, method,
-        status: resp.status, statusText: resp.statusText,
-        duration: Date.now() - t0, responseHeaders: rHeaders, responseBody: parsed });
-    }).catch(() => {});
+    try {
+      const contentType = resp.headers?.get?.('content-type') || '';
+      const contentLen = parseInt(resp.headers?.get?.('content-length') || '0', 10);
+      if (contentLen > 1_000_000 || /image|video|audio|octet-stream|font/i.test(contentType)) {
+        const rHeaders = {};
+        resp.headers?.forEach?.((v, k) => { rHeaders[k] = v; });
+        mainCh.send({ type: 'network', phase: 'response', id, url: String(typeof input === 'string' ? input : input?.url || ''),
+          method, status: resp.status, statusText: resp.statusText, duration: Date.now() - t0,
+          responseHeaders: rHeaders, responseBody: `[Binary ${contentType} — ${contentLen} bytes]` });
+      } else {
+        try {
+          const clone = resp.clone();
+          clone.text().then(body => {
+            if (!_networkCaptureEnabled) return;
+            let parsed = body;
+            try { parsed = JSON.parse(body); } catch {}
+            const rHeaders = {};
+            clone.headers?.forEach?.((v, k) => { rHeaders[k] = v; });
+            mainCh.send({ type: 'network', phase: 'response', id, url, method,
+              status: resp.status, statusText: resp.statusText,
+              duration: Date.now() - t0, responseHeaders: rHeaders, responseBody: parsed });
+          }).catch(() => {});
+        } catch {} // clone failed — skip capture
+      }
+    } catch {} // header access failed
     return resp;
   } catch (err) {
     mainCh.send({ type: 'network', phase: 'error', id, url, method,
@@ -292,6 +319,7 @@ global.fetch = async (input, init = {}) => {
         meta.method = (method || 'GET').toUpperCase();
         meta.url = String(url);
         meta.t0 = Date.now();
+        meta.sent = false;
         return _open.apply(xhr, arguments);
       };
 
@@ -452,13 +480,33 @@ function reduxEnhancer(createStore) {
     let actionCount = 0;
 
     // Send initial state
-    reduxCh.send({ type: 'redux', action: { type: '@@INIT' }, nextState: store.getState(), index: actionCount++ });
+    try {
+      const initState = store.getState();
+      let safeInit;
+      try {
+        const s = JSON.stringify(initState, (_, v) => typeof v === 'bigint' ? v.toString() : v);
+        safeInit = s.length > 1_000_000 ? { __truncated: true, sizeBytes: s.length, keys: Object.keys(initState) } : JSON.parse(s);
+      } catch { safeInit = { __error: 'State not serializable' }; }
+      reduxCh.send({ type: 'redux', action: { type: '@@INIT' }, nextState: safeInit, index: actionCount++ });
+    } catch {}
 
     const origDispatch = store.dispatch;
     store.dispatch = (action) => {
       const result = origDispatch(action);
-      const nextState = store.getState();
-      reduxCh.send({ type: 'redux', action, nextState, index: actionCount++ });
+      try {
+        const nextState = store.getState();
+        const safeAction = typeof action === 'function'
+          ? { type: `[Function: ${action.name || 'thunk'}]` }
+          : (action || { type: '@@UNKNOWN' });
+        let safeState;
+        try {
+          const s = JSON.stringify(nextState, (_, v) => typeof v === 'bigint' ? v.toString() : v);
+          safeState = s.length > 1_000_000
+            ? { __truncated: true, sizeBytes: s.length, keys: Object.keys(nextState) }
+            : JSON.parse(s);
+        } catch { safeState = { __error: 'State not serializable' }; }
+        reduxCh.send({ type: 'redux', action: safeAction, nextState: safeState, index: actionCount++ });
+      } catch {}
       return result;
     };
     return store;
@@ -467,9 +515,23 @@ function reduxEnhancer(createStore) {
 
 // ─── Redux Toolkit middleware (alternative) ───────────────────────────────────
 // If you use RTK configureStore, add this to middleware array instead:
+let _mwActionCount = 0;
 const reduxMiddleware = store => next => action => {
   const result = next(action);
-  reduxCh.send({ type: 'redux', action, nextState: store.getState() });
+  try {
+    const nextState = store.getState();
+    const safeAction = typeof action === 'function'
+      ? { type: `[Function: ${action.name || 'thunk'}]` }
+      : (action || { type: '@@UNKNOWN' });
+    let safeState;
+    try {
+      const s = JSON.stringify(nextState, (_, v) => typeof v === 'bigint' ? v.toString() : v);
+      safeState = s.length > 1_000_000
+        ? { __truncated: true, sizeBytes: s.length, keys: Object.keys(nextState) }
+        : JSON.parse(s);
+    } catch { safeState = { __error: 'State not serializable' }; }
+    reduxCh.send({ type: 'redux', action: safeAction, nextState: safeState, index: _mwActionCount++ });
+  } catch {}
   return result;
 };
 
@@ -510,7 +572,7 @@ function watchAsyncStorage() {
     RNAsyncStorage.mergeItem = async (key, value, ...rest) => {
       const result = await _mergeItem(key, value, ...rest);
       // Read back merged value
-      RNAsyncStorage.getItem(key).then(v => storageCh.send({ type: 'storage', action: 'set', key, value: v }));
+      RNAsyncStorage.getItem(key).then(v => storageCh.send({ type: 'storage', action: 'set', key, value: v })).catch(() => {});
       return result;
     };