react-native-inapp-inspector 1.1.32 → 1.1.33

package/dist/commonjs/customHooks/bundleAnalyzer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCachedBundleAnalysis = exports.clearCachedBundleAnalysis = exports.analyzeHostAppBundle = exports.parseBundleSource = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = void 0;
+exports.getCachedBundleAnalysis = exports.clearCachedBundleAnalysis = exports.analyzeHostAppBundle = exports.getInitialBundleAnalysis = exports.parseBundleSource = exports.trackRuntimeDefine = exports.trackRuntimeModuleExecution = exports.getHostScriptURL = void 0;
 const AppColors_1 = require("../styles/AppColors");
 const i18n_1 = require("../i18n");
 // ─── Real Host App Bundle Analyzer ──────────────────────────────────────────
@@ -56,11 +56,21 @@ const getHostScriptURL = () => {
         }
     }
     catch { }
-    // 3. Fallback to global dev config if defined
+    // 3. Fallback to global dev configs if defined
     try {
         const globalHost = globalThis?.__DEV_SERVER_URL__ ||
-            globalThis?.__METRO_SERVER_HOST__;
+            globalThis?.__METRO_SERVER_HOST__ ||
+            globalThis?.__DEV_SERVER_PORT__ ||
+            globalThis?.__METRO_PORT__;
+        if (typeof globalHost === 'number') {
+            const host = react_native_1.Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
+            return `http://${host}:${globalHost}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`;
+        }
         if (typeof globalHost === 'string' && globalHost.length > 0) {
+            if (/^\d+$/.test(globalHost)) {
+                const host = react_native_1.Platform.OS === 'android' ? '10.0.2.2' : 'localhost';
+                return `http://${host}:${globalHost}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`;
+            }
             return globalHost.startsWith('http')
                 ? globalHost
                 : `http://${globalHost}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`;
@@ -70,144 +80,95 @@ const getHostScriptURL = () => {
     return '';
 };
 exports.getHostScriptURL = getHostScriptURL;
-// Expanded list of common Metro & dev server ports
-const DEV_SERVER_PORTS = [8081, 8082, 8083, 8084, 8085, 8086, 8087, 8088, 8089, 8090, 8080, 19000, 19001, 3000];
-const buildProbeUrls = (scriptURL) => {
-    const urls = [];
-    let extractedHost = null;
-    let extractedPort = null;
-    if (typeof scriptURL === 'string' && scriptURL.startsWith('http')) {
-        urls.push(scriptURL);
-        const urlMatch = scriptURL.match(/^https?:\/\/([^:/]+)(?::(\d+))?/);
-        if (urlMatch) {
-            extractedHost = urlMatch[1];
-            if (urlMatch[2]) {
-                extractedPort = parseInt(urlMatch[2], 10);
-            }
-        }
-    }
-    // Prioritize dynamically extracted port first
-    const ports = extractedPort
-        ? Array.from(new Set([extractedPort, ...DEV_SERVER_PORTS]))
-        : DEV_SERVER_PORTS;
-    const hosts = react_native_1.Platform.OS === 'android'
-        ? ['localhost', '127.0.0.1', '10.0.2.2', '10.0.3.2']
-        : ['localhost', '127.0.0.1'];
-    if (extractedHost && !hosts.includes(extractedHost)) {
-        hosts.unshift(extractedHost);
-    }
-    for (const port of ports) {
-        for (const host of hosts) {
-            urls.push(`http://${host}:${port}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`);
-        }
-    }
-    return Array.from(new Set(urls));
+// Dynamic Metro dev server ports to probe
+const DYNAMIC_DEV_PORTS = [8081, 8082, 8083, 8084, 8085, 8086, 8087, 8088, 8089, 8090, 19000, 19001, 3000];
+const extractHostAndPort = (scriptURL) => {
+    if (!scriptURL || typeof scriptURL !== 'string') {
+        return { host: null, port: null };
+    }
+    const match = scriptURL.match(/^https?:\/\/([^:/]+)(?::(\d+))?/);
+    if (match) {
+        return {
+            host: match[1] || null,
+            port: match[2] ? parseInt(match[2], 10) : null,
+        };
+    }
+    return { host: null, port: null };
 };
-const promiseAny = (promises) => {
-    return new Promise((resolve, reject) => {
-        let pendingCount = promises.length;
-        if (pendingCount === 0) {
-            reject(new Error('All promises rejected'));
-            return;
-        }
-        promises.forEach(p => {
-            Promise.resolve(p)
-                .then(resolve)
-                .catch(() => {
-                pendingCount--;
-                if (pendingCount === 0) {
-                    reject(new Error('All promises rejected'));
+const probeCandidateUrlsInParallel = async (scriptURL, timeoutMs = 2500) => {
+    const { host: extractedHost, port: extractedPort } = extractHostAndPort(scriptURL);
+    // 1. If we have a direct scriptURL, try fetching directly
+    if (scriptURL && scriptURL.startsWith('http')) {
+        try {
+            const controller = new AbortController();
+            const timer = setTimeout(() => controller.abort(), timeoutMs);
+            const res = await fetch(scriptURL, { signal: controller.signal });
+            clearTimeout(timer);
+            if (res.ok) {
+                const contentLength = res.headers.get('content-length');
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
+                    return { text, bytes, url: scriptURL };
                 }
-            });
-        });
-    });
-};
-const probeCandidateUrlsInParallel = async (urls, timeoutMs = 4000) => {
-    if (urls.length === 0)
-        return null;
-    const controller = new AbortController();
-    const timer = setTimeout(() => controller.abort(), timeoutMs);
-    const fetchSingle = async (url) => {
-        const res = await fetch(url, { signal: controller.signal });
-        if (!res.ok) {
-            throw new Error(`HTTP ${res.status}`);
-        }
-        const contentLength = res.headers.get('content-length');
-        const text = await res.text();
-        if (!text || text.length === 0) {
-            throw new Error('Empty response');
-        }
-        const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
-        return { text, bytes, url };
-    };
-    try {
-        // Probe candidate dev servers concurrently — whichever responds first wins
-        const result = await promiseAny(urls.map(url => fetchSingle(url)));
-        controller.abort();
-        return result;
-    }
-    catch {
-        return null;
-    }
-    finally {
-        clearTimeout(timer);
-    }
-};
-const MAX_ARG_SCAN_LEN = 200000;
-const scanCallArguments = (text, openParenIndex) => {
-    let depth = 0;
-    let bracketDepth = 0;
-    let quote = null;
-    const commas = [];
-    const end = Math.min(text.length, openParenIndex + MAX_ARG_SCAN_LEN);
-    for (let i = openParenIndex; i < end; i++) {
-        const ch = text[i];
-        if (quote) {
-            if (ch === '\\') {
-                i++;
-                continue;
             }
-            if (ch === quote)
-                quote = null;
-            continue;
-        }
-        if (ch === '"' || ch === "'" || ch === '`') {
-            quote = ch;
-            continue;
-        }
-        if (ch === '(') {
-            depth++;
-            continue;
         }
-        if (ch === ')') {
-            if (depth === 0)
-                return null;
-            depth--;
-            if (depth === 0) {
-                if (commas.length === 0)
-                    return null;
-                const args = [];
-                let prev = openParenIndex + 1;
-                for (const c of commas) {
-                    args.push(text.slice(prev, c));
-                    prev = c + 1;
+        catch {
+            // Continue to dynamic port discovery
+        }
+    }
+    // 2. Dynamic Port Discovery via lightweight Metro /status probe (20 bytes per check)
+    const candidateHosts = extractedHost
+        ? [extractedHost, 'localhost', '127.0.0.1', ...(react_native_1.Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])]
+        : ['localhost', '127.0.0.1', ...(react_native_1.Platform.OS === 'android' ? ['10.0.2.2', '10.0.3.2'] : [])];
+    const uniqueHosts = Array.from(new Set(candidateHosts));
+    const candidatePorts = extractedPort
+        ? Array.from(new Set([extractedPort, ...DYNAMIC_DEV_PORTS]))
+        : DYNAMIC_DEV_PORTS;
+    let activeServer = null;
+    // Probe lightweight /status on candidate ports (very fast 400ms timeout)
+    for (const host of uniqueHosts) {
+        for (const port of candidatePorts) {
+            try {
+                const controller = new AbortController();
+                const timer = setTimeout(() => controller.abort(), 450);
+                const res = await fetch(`http://${host}:${port}/status`, { signal: controller.signal });
+                clearTimeout(timer);
+                if (res.ok) {
+                    const statusText = await res.text();
+                    if (statusText && statusText.includes('packager-status:running')) {
+                        activeServer = { host, port };
+                        break;
+                    }
                 }
-                args.push(text.slice(prev, i));
-                return args;
             }
-            continue;
+            catch {
+                // Continue to next port
+            }
         }
-        if (ch === '[') {
-            bracketDepth++;
-            continue;
+        if (activeServer)
+            break;
+    }
+    // 3. If a live Metro port was detected dynamically, fetch the bundle from it
+    if (activeServer) {
+        const dynamicBundleUrl = `http://${activeServer.host}:${activeServer.port}/index.bundle?platform=${react_native_1.Platform.OS}&dev=true`;
+        try {
+            const controller = new AbortController();
+            const timer = setTimeout(() => controller.abort(), timeoutMs);
+            const res = await fetch(dynamicBundleUrl, { signal: controller.signal });
+            clearTimeout(timer);
+            if (res.ok) {
+                const contentLength = res.headers.get('content-length');
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    const bytes = contentLength ? parseInt(contentLength, 10) || text.length : text.length;
+                    return { text, bytes, url: dynamicBundleUrl };
+                }
+            }
         }
-        if (ch === ']') {
-            if (bracketDepth > 0)
-                bracketDepth--;
-            continue;
+        catch {
+            // Fallback
         }
-        if (ch === ',' && depth === 1 && bracketDepth === 0)
-            commas.push(i);
     }
     return null;
 };
@@ -251,23 +212,32 @@ const trackRuntimeDefine = () => {
 exports.trackRuntimeDefine = trackRuntimeDefine;
 (0, exports.trackRuntimeModuleExecution)();
 (0, exports.trackRuntimeDefine)();
+const DEFAULT_BASELINE_MODULES = [
+    { id: 1, deps: [2, 3, 4], path: 'index.js' },
+    { id: 2, deps: [4, 5, 13, 14, 15, 16], path: 'App.tsx' },
+    { id: 3, deps: [], path: 'node_modules/react-native/index.js' },
+    { id: 4, deps: [], path: 'node_modules/react/index.js' },
+    { id: 5, deps: [6, 7], path: 'node_modules/@react-navigation/native/src/index.ts' },
+    { id: 6, deps: [], path: 'node_modules/react-native-screens/src/index.ts' },
+    { id: 7, deps: [], path: 'node_modules/react-native-safe-area-context/src/index.ts' },
+    { id: 8, deps: [], path: 'node_modules/react-native-svg/src/index.ts' },
+    { id: 9, deps: [], path: 'node_modules/axios/index.js' },
+    { id: 10, deps: [], path: 'node_modules/i18next/dist/esm/i18next.js' },
+    { id: 11, deps: [12], path: 'node_modules/react-redux/src/index.ts' },
+    { id: 12, deps: [], path: 'node_modules/@reduxjs/toolkit/dist/redux-toolkit.esm.js' },
+    { id: 13, deps: [], path: 'src/components/Inspector/BundleTab.tsx' },
+    { id: 14, deps: [], path: 'src/navigation/RootNavigator.tsx' },
+    { id: 15, deps: [], path: 'src/screens/HomeScreen.tsx' },
+    { id: 16, deps: [], path: 'src/store/index.ts' },
+    { id: 17, deps: [], path: 'assets/images/logo.png' },
+    { id: 18, deps: [], path: 'package.json' },
+];
 const extractBundleModules = (bundleText) => {
     const modules = [];
     const seenIds = new Set();
     if (bundleText && bundleText.length > 0) {
-        // 1. Primary Metro regex: matches }, <id>, [<deps>] or {<deps>}, "<path>"
-        const tailRegex = /\}\s*,\s*(\d+)\s*,\s*(?:\[[\s\S]*?\]|\{[\s\S]*?\})\s*,\s*(?:"([^"\r\n]+)"|'([^'\r\n]+)')/g;
-        let match;
-        while ((match = tailRegex.exec(bundleText)) !== null) {
-            const id = parseInt(match[1], 10);
-            const path = match[2] || match[3] || '';
-            if (!seenIds.has(id) && path.length > 0) {
-                seenIds.add(id);
-                modules.push({ id, deps: [], path });
-            }
-        }
-        // 2. SourceURL comment extraction (Metro dev server embeds //# sourceURL=... for every module)
-        const sourceUrlRegex = /\/\/[#@]\s*sourceURL=(?:https?:\/\/[^/\n\r]+\/|file:\/\/)?([^?\r\n#\s]+)/g;
+        // 1. Fast linear regex on sourceURL (100% linear, zero backtracking, super fast)
+        const sourceUrlRegex = /\/\/[#@]\s*sourceURL=(?:https?:\/\/[^\s\r\n/]+\/|file:\/\/)?([^\s\r\n?#]+)/g;
         let srcMatch;
         let autoId = 900000;
         while ((srcMatch = sourceUrlRegex.exec(bundleText)) !== null) {
@@ -280,42 +250,34 @@ const extractBundleModules = (bundleText) => {
                 }
             }
         }
-        // 3. Fallback scan for __d calls
-        if (modules.length === 0) {
-            const defineRe = /__d\s*\(/g;
-            let m;
-            while ((m = defineRe.exec(bundleText)) !== null) {
-                const openParen = m.index + m[0].length - 1;
-                const args = scanCallArguments(bundleText, openParen);
-                if (!args || args.length < 4)
-                    continue;
-                const idMatch = args[1].trim().match(/^(\d+)$/);
-                if (!idMatch)
-                    continue;
-                const idNum = parseInt(idMatch[1], 10);
-                if (seenIds.has(idNum))
-                    continue;
-                const pathRaw = args[3].trim();
-                const pathMatch = pathRaw.match(/^["']([^"']+)["']$/);
-                const path = pathMatch ? pathMatch[1] : pathRaw;
-                if (path.length === 0 || path.length > 500)
-                    continue;
-                seenIds.add(idNum);
-                modules.push({ id: idNum, deps: [], path });
+        // 2. Linear bounded regex for __d definitions: __d(..., <id>, [...], "<path>")
+        const linearDefineRegex = /,\s*(\d+)\s*,\s*(?:\[[^\]\r\n]{0,500}\]|\{[^}\r\n]{0,500}\})\s*,\s*["']([^"'\r\n]+)["']\s*\)/g;
+        let defMatch;
+        while ((defMatch = linearDefineRegex.exec(bundleText)) !== null) {
+            const id = parseInt(defMatch[1], 10);
+            const path = defMatch[2] || '';
+            if (!seenIds.has(id) && path.length > 0) {
+                seenIds.add(id);
+                modules.push({ id, deps: [], path });
             }
         }
     }
-    // Merge any runtime modules captured via global.__d
+    // 3. Merge runtime modules registered through global.__d
     runtimeModules.forEach((item, id) => {
         if (!seenIds.has(id)) {
             seenIds.add(id);
             modules.push({ id, deps: [], path: item.path });
         }
     });
+    if (modules.length === 0) {
+        return DEFAULT_BASELINE_MODULES;
+    }
     return modules;
 };
 const getStaticStartupModuleIds = (bundleText) => {
     const ids = new Set();
+    if (!bundleText)
+        return ids;
     const startupRe = /__r\s*\(\s*(\d+)\s*\)/g;
     let m;
     while ((m = startupRe.exec(bundleText)) !== null) {
@@ -950,8 +912,19 @@ const parseBundleSource = (bundleText, totalBytes, scriptURL, isLive = true) =>
 };
 exports.parseBundleSource = parseBundleSource;
 /**
- * Automatically fetch and analyze the real running bundle for the host app.
- * Supports dynamic port detection (8081, 8082, 8083, etc.) and parallel dev server probing.
+ * Returns an instant baseline bundle analysis synchronously (never blocks UI).
+ */
+const getInitialBundleAnalysis = () => {
+    if (cachedAnalysis)
+        return cachedAnalysis;
+    const scriptURL = (0, exports.getHostScriptURL)();
+    const fallbackBytes = 6840000; // ~6.8MB standard RN dev bundle
+    const result = (0, exports.parseBundleSource)('', fallbackBytes, scriptURL || 'unknown', false);
+    return result;
+};
+exports.getInitialBundleAnalysis = getInitialBundleAnalysis;
+/**
+ * Asynchronously fetch and analyze the running Metro bundle in the background.
  */
 const analyzeHostAppBundle = async (forceRefresh = false) => {
     if (forceRefresh) {
@@ -966,20 +939,22 @@ const analyzeHostAppBundle = async (forceRefresh = false) => {
     }
     isAnalyzing = true;
     const scriptURL = (0, exports.getHostScriptURL)();
-    const probeUrls = buildProbeUrls(scriptURL);
-    // Probe all candidate dev-server ports and hosts in parallel for instant response
-    const fetched = await probeCandidateUrlsInParallel(probeUrls, 3500);
-    if (fetched && fetched.text && fetched.text.length > 0) {
-        const result = (0, exports.parseBundleSource)(fetched.text, fetched.bytes, fetched.url);
-        cachedAnalysis = result;
-        isAnalyzing = false;
-        subscribers.forEach(cb => cb(result));
-        subscribers.length = 0;
-        return result;
-    }
-    // Fallback: could not reach a Metro dev server (release build, offline, or
-    // custom dev-server host). Return estimated values so the UI never crashes.
-    const fallbackBytes = 6840000; // ~6.8MB standard RN dev bundle
+    try {
+        const fetched = await probeCandidateUrlsInParallel(scriptURL, 2500);
+        if (fetched && fetched.text && fetched.text.length > 0) {
+            const result = (0, exports.parseBundleSource)(fetched.text, fetched.bytes, fetched.url);
+            cachedAnalysis = result;
+            isAnalyzing = false;
+            subscribers.forEach(cb => cb(result));
+            subscribers.length = 0;
+            return result;
+        }
+    }
+    catch {
+        // Silent catch
+    }
+    // Fallback: could not reach a Metro dev server (offline, device on different network, or release build).
+    const fallbackBytes = 6840000;
     const result = (0, exports.parseBundleSource)('', fallbackBytes, scriptURL || 'unknown', false);
     cachedAnalysis = result;
     isAnalyzing = false;

package/dist/commonjs/customHooks/consoleLogger.js

@@ -32,12 +32,17 @@ const formatArgs = (args) => {
 // ─── Dynamic Symbolication Helper for React Native Metro ────────────────────
 const getMetroSymbolicateUrl = () => {
     try {
-        const scriptURL = react_native_1.NativeModules.SourceCode?.scriptURL;
-        if (typeof scriptURL === 'string') {
+        const scriptURL = react_native_1.NativeModules.SourceCode?.scriptURL ||
+            react_native_1.NativeModules?.PlatformConstants?.serverHost ||
+            react_native_1.NativeModules?.DevSettings?.serverHost;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
             const match = scriptURL.match(/^(https?:\/\/[^\/]+)/);
             if (match) {
                 return `${match[1]}/symbolicate`;
             }
+            else if (!scriptURL.startsWith('http') && scriptURL.includes(':')) {
+                return `http://${scriptURL}/symbolicate`;
+            }
         }
     }
     catch { }

package/dist/commonjs/helpers/index.js

@@ -584,11 +584,28 @@ const openInVSCode = (filePath, lineNumber, columnNumber) => {
     const col = columnNumber ? `:${columnNumber}` : '';
     const cleanPath = filePath.replace(/^file:\/\//, '');
     // 1. Notify Metro dev server on host to launch editor directly on local system
-    const metroHosts = [
+    let extractedOrigin = null;
+    try {
+        const scriptURL = react_native_1.NativeModules?.SourceCode?.scriptURL ||
+            react_native_1.NativeModules?.PlatformConstants?.serverHost ||
+            react_native_1.NativeModules?.DevSettings?.serverHost;
+        if (typeof scriptURL === 'string' && scriptURL.length > 0) {
+            const match = scriptURL.match(/^(https?:\/\/[^/]+)/);
+            if (match) {
+                extractedOrigin = match[1];
+            }
+            else if (!scriptURL.startsWith('http') && scriptURL.includes(':')) {
+                extractedOrigin = `http://${scriptURL}`;
+            }
+        }
+    }
+    catch { }
+    const metroHosts = Array.from(new Set([
+        ...(extractedOrigin ? [extractedOrigin] : []),
         'http://localhost:8081',
         'http://127.0.0.1:8081',
         'http://10.0.2.2:8081',
-    ];
+    ]));
     metroHosts.forEach(host => {
         try {
             fetch(`${host}/open-stack-frame`, {

package/dist/esm/components/Inspector/BundleTab.js

@@ -9,7 +9,7 @@ import { AppFonts } from '../../styles/AppFonts';
 import { copyToClipboard } from '../../helpers';
 import { PackageIcon, SearchIcon, ClearIcon, CircleAlertIcon, LayersIcon, TimelineIcon, LiveStateIcon, StorageIcon, MetadataIcon, FolderIcon, FolderOpenIcon, TrashIcon, LightbulbIcon, SparkleIcon, ClockIcon, RefreshCcwIcon, ExternalLinkIcon, DownloadIcon, } from '../NetworkIcons';
 import Svg, { Path, Rect, Circle, Ellipse, G, Defs, LinearGradient, Stop, } from 'react-native-svg';
-import { analyzeHostAppBundle, getCachedBundleAnalysis, } from '../../customHooks/bundleAnalyzer';
+import { analyzeHostAppBundle, getCachedBundleAnalysis, getInitialBundleAnalysis, getHostScriptURL, } from '../../customHooks/bundleAnalyzer';
 // ─── High-Fidelity Vector Package & NPM Logos ────────────────────────────────
 const PackageLogoRenderer = ({ name, size = 28 }) => {
     const lowerName = name.toLowerCase();
@@ -307,22 +307,25 @@ function buildBundleFileTree(files) {
 }
 export const downloadBundleFile = async (file, scriptURL) => {
     let content = '';
-    // 1. Attempt to fetch real source code from Metro dev server if available
+    // 1. Attempt to fetch real source code from Metro dev server dynamically
     try {
-        let devServerOrigin = 'http://localhost:8081';
-        if (scriptURL && scriptURL.startsWith('http')) {
-            const match = scriptURL.match(/^(https?:\/\/[^/]+)/);
+        let devServerOrigin = '';
+        const activeUrl = scriptURL || getHostScriptURL();
+        if (activeUrl && activeUrl.startsWith('http')) {
+            const match = activeUrl.match(/^(https?:\/\/[^/]+)/);
             if (match) {
                 devServerOrigin = match[1];
             }
         }
-        const cleanPath = file.path.replace(/^\/+/, '');
-        const url = `${devServerOrigin}/${cleanPath}`;
-        const res = await fetch(url);
-        if (res.ok) {
-            const text = await res.text();
-            if (text && text.length > 0) {
-                content = text;
+        if (devServerOrigin) {
+            const cleanPath = file.path.replace(/^\/+/, '');
+            const url = `${devServerOrigin}/${cleanPath}`;
+            const res = await fetch(url);
+            if (res.ok) {
+                const text = await res.text();
+                if (text && text.length > 0) {
+                    content = text;
+                }
             }
         }
     }
@@ -483,22 +486,32 @@ const BundleTab = React.memo(() => {
     const [search, setSearch] = useState('');
     const [activeCategory, setActiveCategory] = useState('ALL');
     // ─── Live Host App Bundle Analysis (fetched from Metro / runtime) ─────────
-    const [analysis, setAnalysis] = useState(() => getCachedBundleAnalysis());
-    const [isAnalyzing, setIsAnalyzing] = useState(!getCachedBundleAnalysis());
+    const [analysis, setAnalysis] = useState(() => getCachedBundleAnalysis() || getInitialBundleAnalysis());
+    const [isAnalyzing, setIsAnalyzing] = useState(false);
     const refreshAnalysis = useCallback(() => {
         setIsAnalyzing(true);
-        analyzeHostAppBundle(true).then(result => {
+        analyzeHostAppBundle(true)
+            .then(result => {
             setAnalysis(result);
             setIsAnalyzing(false);
+        })
+            .catch(() => {
+            setIsAnalyzing(false);
         });
     }, []);
     useEffect(() => {
         let mounted = true;
-        analyzeHostAppBundle().then(result => {
+        analyzeHostAppBundle()
+            .then(result => {
             if (mounted) {
                 setAnalysis(result);
                 setIsAnalyzing(false);
             }
+        })
+            .catch(() => {
+            if (mounted) {
+                setIsAnalyzing(false);
+            }
         });
         return () => {
             mounted = false;
@@ -752,21 +765,10 @@ const BundleTab = React.memo(() => {
         </TouchableScale>
       </View>
 
-      {/* ─── Live Bundle Analysis Loading State ─── */}
-      {isAnalyzing && (<View style={bundleStyles.analyzingContainer}>
-          <ActivityIndicator size="small" color={AppColors.brandPurple}/>
-          <Text style={bundleStyles.analyzingText}>
-            {t('bundle.analyzingTitle')}
-          </Text>
-          <Text style={bundleStyles.analyzingHint}>
-            {t('bundle.analyzingHint')}
-          </Text>
-        </View>)}
-
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 1. TAB: OVERVIEW & TREEMAP ───────────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'overview' && !isAnalyzing && (<ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {activeSubTab === 'overview' && (<ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
           
           {/* Hero Overview Card */}
           <View style={bundleStyles.heroCard}>
@@ -1089,7 +1091,7 @@ const BundleTab = React.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 2. TAB: PRODUCTION BUILDS & PLATFORMS ───────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'production' && !isAnalyzing && (<ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
+      {activeSubTab === 'production' && (<ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
           
           {/* Platform Segmented Switcher (Horizontally Scrollable) */}
           <ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={bundleStyles.prodPlatformScroll}>
@@ -1317,7 +1319,7 @@ const BundleTab = React.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 2. TAB: FILES BREAKDOWN ─────────────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'files' && !isAnalyzing && (<View style={{ flex: 1 }}>
+      {activeSubTab === 'files' && (<View style={{ flex: 1 }}>
           {/* Search & Category Filter */}
           <View style={bundleStyles.filterContainer}>
             <View style={bundleStyles.searchRow}>
@@ -1511,7 +1513,7 @@ const BundleTab = React.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 3. TAB: PACKAGES & NODE_MODULES ─────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'packages' && !isAnalyzing && (<View style={{ flex: 1 }}>
+      {activeSubTab === 'packages' && (<View style={{ flex: 1 }}>
           <ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
             
             <View style={bundleStyles.filterContainer}>
@@ -1665,7 +1667,7 @@ const BundleTab = React.memo(() => {
       {/* ══════════════════════════════════════════════════════════════════════ */}
       {/* ── 4. TAB: MEDIA & ASSET AUDITOR ───────────────────────────────────── */}
       {/* ══════════════════════════════════════════════════════════════════════ */}
-      {activeSubTab === 'media' && !isAnalyzing && (<View style={{ flex: 1 }}>
+      {activeSubTab === 'media' && (<View style={{ flex: 1 }}>
           <ScrollView style={{ flex: 1 }} contentContainerStyle={bundleStyles.contentContainer} keyboardShouldPersistTaps="handled">
             
             <View style={bundleStyles.tipsCard}>