react-native-inapp-inspector 1.1.33 → 1.1.35

package/dist/commonjs/customHooks/networkLogger.js

@@ -3,12 +3,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addAxiosInterceptors = exports.setupNetworkLogger = exports.getNetworkLogs = exports.clearNetworkLogs = exports.subscribeNetworkLogs = void 0;
+exports.addAxiosInterceptors = exports.setupNetworkLogger = exports.getNetworkLogs = exports.clearNetworkLogs = exports.subscribeNetworkLogs = exports.getNetworkModuleEnabled = exports.setNetworkModuleEnabled = void 0;
 const axios_1 = __importDefault(require("axios"));
 const crashHandler_1 = require("./crashHandler");
 let logs = [];
 let listeners = [];
 let counter = 0;
+let isNetworkModuleEnabled = true;
+const setNetworkModuleEnabled = (enabled) => {
+    isNetworkModuleEnabled = enabled;
+};
+exports.setNetworkModuleEnabled = setNetworkModuleEnabled;
+const getNetworkModuleEnabled = () => isNetworkModuleEnabled;
+exports.getNetworkModuleEnabled = getNetworkModuleEnabled;
 const ALLOWED_METHODS = ["GET", "POST", "PUT", "PATCH", "DELETE"];
 const IGNORED_URL_PATTERNS = [
     /\/symbolicate(?:[/?#]|$)/i,
@@ -121,6 +128,8 @@ const notify = () => {
     listeners.forEach((cb) => cb(snapshot));
 };
 const addOrUpdateLog = (log) => {
+    if (!isNetworkModuleEnabled)
+        return;
     const method = log.method?.toUpperCase();
     if (!ALLOWED_METHODS.includes(method))
         return;
@@ -144,6 +153,8 @@ const setupNetworkLogger = () => {
     const originalFetch = globalThis.fetch;
     if (originalFetch) {
         globalThis.fetch = async (url, options = {}) => {
+            if (!isNetworkModuleEnabled)
+                return originalFetch(url, options);
             const method = (options?.method || "GET").toUpperCase();
             if (!ALLOWED_METHODS.includes(method))
                 return originalFetch(url, options);

package/dist/commonjs/customHooks/performanceTracker.d.ts

@@ -77,6 +77,8 @@ export declare function getCallerSourceFile(fallbackName?: string): string;
 export declare const getInitialRenderProfiles: () => ComponentRenderProfile[];
 export declare const getInitialPerformanceEvents: () => PerformanceEvent[];
 export declare const INITIAL_EVENTS: PerformanceEvent[];
+export declare const setPerformanceModuleEnabled: (enabled: boolean) => void;
+export declare const getPerformanceModuleEnabled: () => boolean;
 export declare const subscribeRenderProfiles: (listener: (profiles: ComponentRenderProfile[]) => void) => () => void;
 export declare const getRenderProfiles: () => ComponentRenderProfile[];
 export declare const registerComponentProfile: (profile: ComponentRenderProfile) => void;
@@ -129,7 +131,7 @@ export declare const useComponentProfiler: (componentName: string, options?: {
     sourceFile?: string;
     propsToCompare?: Record<string, any>;
 }) => void;
-export declare const usePerformanceTracker: () => {
+export declare const usePerformanceTracker: (enabled?: boolean) => {
     isRecording: boolean;
     setIsRecording: import("react").Dispatch<import("react").SetStateAction<boolean>>;
     currentFps: number;

package/dist/commonjs/customHooks/performanceTracker.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.usePerformanceTracker = exports.useComponentProfiler = exports.measureAsync = exports.trackHeavyTask = exports.useNavigationProfiler = exports.trackNavigationTransition = exports.getHermesMemoryStats = exports.trackComponentRender = exports.registerComponentProfile = exports.getRenderProfiles = exports.subscribeRenderProfiles = exports.INITIAL_EVENTS = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.generateFixSnippet = void 0;
+exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.usePerformanceTracker = exports.useComponentProfiler = exports.measureAsync = exports.trackHeavyTask = exports.useNavigationProfiler = exports.trackNavigationTransition = exports.getHermesMemoryStats = exports.trackComponentRender = exports.registerComponentProfile = exports.getRenderProfiles = exports.subscribeRenderProfiles = exports.getPerformanceModuleEnabled = exports.setPerformanceModuleEnabled = exports.INITIAL_EVENTS = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.generateFixSnippet = void 0;
 exports.getCallerSourceFile = getCallerSourceFile;
 const AppColors_1 = require("../styles/AppColors");
 const i18n_1 = require("../i18n");
@@ -177,6 +177,13 @@ exports.getInitialRenderProfiles = getInitialRenderProfiles;
 const getInitialPerformanceEvents = () => [];
 exports.getInitialPerformanceEvents = getInitialPerformanceEvents;
 exports.INITIAL_EVENTS = [];
+let isPerformanceModuleEnabled = false;
+const setPerformanceModuleEnabled = (enabled) => {
+    isPerformanceModuleEnabled = enabled;
+};
+exports.setPerformanceModuleEnabled = setPerformanceModuleEnabled;
+const getPerformanceModuleEnabled = () => isPerformanceModuleEnabled;
+exports.getPerformanceModuleEnabled = getPerformanceModuleEnabled;
 const globalRenderRegistry = new Map();
 const renderListeners = new Set();
 const notifyRenderListeners = () => {
@@ -199,11 +206,15 @@ exports.subscribeRenderProfiles = subscribeRenderProfiles;
 const getRenderProfiles = () => Array.from(globalRenderRegistry.values());
 exports.getRenderProfiles = getRenderProfiles;
 const registerComponentProfile = (profile) => {
+    if (!isPerformanceModuleEnabled)
+        return;
     globalRenderRegistry.set(profile.name, profile);
     notifyRenderListeners();
 };
 exports.registerComponentProfile = registerComponentProfile;
 const trackComponentRender = (params) => {
+    if (!isPerformanceModuleEnabled)
+        return;
     const existing = globalRenderRegistry.get(params.name);
     const now = Date.now();
     const renderTimeMs = params.renderTimeMs ?? 1.5;
@@ -451,7 +462,8 @@ const useComponentProfiler = (componentName, options) => {
     });
 };
 exports.useComponentProfiler = useComponentProfiler;
-const usePerformanceTracker = () => {
+const usePerformanceTracker = (enabled = true) => {
+    const isTrackerActive = enabled && isPerformanceModuleEnabled;
     const [isRecording, setIsRecording] = (0, react_1.useState)(true);
     const [currentFps, setCurrentFps] = (0, react_1.useState)(60);
     const [minFps, setMinFps] = (0, react_1.useState)(60);
@@ -465,6 +477,8 @@ const usePerformanceTracker = () => {
     const [renderProfiles, setRenderProfiles] = (0, react_1.useState)(() => (0, exports.getRenderProfiles)());
     const [events, setEvents] = (0, react_1.useState)(() => (0, exports.getPerformanceEvents)());
     (0, react_1.useEffect)(() => {
+        if (!isTrackerActive)
+            return;
         const unsubRender = (0, exports.subscribeRenderProfiles)(profiles => {
             setRenderProfiles(profiles);
         });
@@ -475,13 +489,13 @@ const usePerformanceTracker = () => {
             unsubRender();
             unsubEvents();
         };
-    }, []);
+    }, [isTrackerActive]);
     const lastFrameTimeRef = (0, react_1.useRef)(Date.now());
     const rafIdRef = (0, react_1.useRef)(null);
     const appStartTimestampRef = (0, react_1.useRef)(Date.now());
     // Live Frame Measurement Loop
     (0, react_1.useEffect)(() => {
-        if (!isRecording)
+        if (!isTrackerActive || !isRecording)
             return;
         let isMounted = true;
         let frameCount = 0;

package/dist/commonjs/customHooks/reduxLogger.d.ts

@@ -1,5 +1,7 @@
 import { ReduxHistoryEntry } from '../types';
 export { ReduxHistoryEntry };
+export declare const setReduxModuleEnabled: (enabled: boolean) => void;
+export declare const getReduxModuleEnabled: () => boolean;
 export declare const isReduxConnected: () => boolean;
 export declare const getReduxState: () => any;
 export declare const setReduxAutoRefresh: (val: boolean) => void;

package/dist/commonjs/customHooks/reduxLogger.js

@@ -13,11 +13,18 @@
 //      dispatch reference at store-creation time) still update the state tree
 //      and per-reducer "last action" consistently.
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.connectReduxStore = exports.inspectorReduxMiddleware = exports.subscribeReduxState = exports.setReduxState = exports.clearActionHistory = exports.getActionHistory = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.getReduxState = exports.isReduxConnected = void 0;
+exports.connectReduxStore = exports.inspectorReduxMiddleware = exports.subscribeReduxState = exports.setReduxState = exports.clearActionHistory = exports.getActionHistory = exports.clearLastActionForReducer = exports.getLastActionForReducer = exports.getReduxAutoRefresh = exports.setReduxAutoRefresh = exports.getReduxState = exports.isReduxConnected = exports.getReduxModuleEnabled = exports.setReduxModuleEnabled = void 0;
 const helpers_1 = require("../helpers");
 let currentReduxState = null;
 const listeners = new Set();
 let globalReduxAutoRefresh = true;
+let isReduxModuleEnabled = false;
+const setReduxModuleEnabled = (enabled) => {
+    isReduxModuleEnabled = enabled;
+};
+exports.setReduxModuleEnabled = setReduxModuleEnabled;
+const getReduxModuleEnabled = () => isReduxModuleEnabled;
+exports.getReduxModuleEnabled = getReduxModuleEnabled;
 let lastActionForReducer = {};
 let actionHistory = [];
 const MAX_HISTORY = 50;
@@ -176,6 +183,8 @@ function extractSliceName(actionType, affectedSlices) {
     return undefined;
 }
 function recordAction(action, prevState, nextState, rawStack) {
+    if (!isReduxModuleEnabled)
+        return;
     const stack = rawStack || new Error().stack || '';
     const type = actionTypeOf(action);
     const payload = action && typeof action === 'object' && action.payload !== undefined

package/dist/commonjs/i18n/locales/en.json

@@ -39,12 +39,35 @@
         "redux": "Redux"
     },
     "settings": {
-        "mainTitle": "Settings",
+        "mainTitle": "Settings & Modules",
+        "mainSubtitle": "Manage modules and preferences",
         "requiredBadge": "REQUIRED",
         "defaultBadge": "DEFAULT",
         "notConnectedBadge": "NOT CONNECTED",
         "notDetectedBadge": "NOT DETECTED",
         "readOnlyBadge": "READ ONLY",
+        "coreBadge": "CORE",
+        "activeBadge": "ACTIVE",
+        "dormantBadge": "DORMANT",
+        "protectedBadge": "PROTECTED",
+        "modulesAndTools": "Modules & Tools",
+        "uiPreferences": "UI Preferences",
+        "zeroOverheadTitle": "Zero Background Overhead",
+        "zeroOverheadDesc": "Check the modules you wish to activate. Disabled modules consume 0% CPU & memory until saved.",
+        "unsavedPending": "● Unsaved selections pending",
+        "allSynchronized": "All modules synchronized",
+        "modulesActive": "{{active}} of {{total}} Modules Active",
+        "saveChanges": "Save Changes",
+        "settingsSaved": "Settings Saved",
+        "settingsSavedDesc": "Active module configurations have been successfully updated.",
+        "configure": "Configure",
+        "appearanceTheme": "APPEARANCE & THEME",
+        "windowLayout": "WINDOW & LAYOUT",
+        "startupDefault": "STARTUP & DEFAULT SCREEN",
+        "logFiltersDeduplication": "LOG FILTERS & DEDUPLICATION",
+        "resetSettings": "Reset All Settings",
+        "resetSettingsDesc": "Wipe customized preferences back to default",
+        "reset": "Reset",
         "reduxNotConnectedTip": "Redux store is not connected. Call connectReduxStore(store) or use inspectorReduxMiddleware to enable.",
         "analyticsNotConnectedTip": "Analytics is not initialized. Call setupAnalyticsLogger(analytics()) to enable.",
         "tabVisibility": "Tab Visibility",
@@ -55,7 +78,7 @@
             "title": "APIs Settings",
             "total": "Total: {{count}}",
             "maxRequestLogs": "Max Request Logs",
-            "maxRequestLogsDescription": "How many network requests to keep in memory",
+            "maxRequestLogsDescription": "Buffer size of network requests preserved in memory",
             "clearNetworkLogs": "Clear Network Logs",
             "clearNetworkLogsDescription": "{{count}} requests stored",
             "networkLogsCleared": "Network logs cleared.",
@@ -69,56 +92,91 @@
             "title": "Logs Settings",
             "total": "Total: {{count}}",
             "maxConsoleLogs": "Max Console Logs",
-            "maxConsoleLogsDescription": "How many console logs to keep in memory",
-            "logLevels": "Log Levels",
-            "logLevelsDescription": "Which console levels to capture",
-            "showInfo": "Show info logs",
-            "showWarn": "Show warn logs",
-            "showError": "Show error logs",
+            "maxConsoleLogsDescription": "How many console messages to retain",
+            "logLevels": "Log Severities",
+            "logLevelsDescription": "Select which severities to capture in Logs",
+            "showInfo": "Show Info logs",
+            "showInfoDesc": "Informational logs & debug prints",
+            "showWarn": "Show Warning logs",
+            "showWarnDesc": "Warning notices & deprecations",
+            "showError": "Show Error logs",
+            "showErrorDesc": "Runtime errors & exceptions",
             "clearConsoleLogs": "Clear Console Logs",
             "clearConsoleLogsDescription": "{{count}} logs stored",
             "consoleLogsCleared": "Console logs cleared."
         },
         "analytics": {
             "title": "Analytics Settings",
-            "total": "Total: {{count}}",
-            "maxAnalyticsEvents": "Max Analytics Events",
-            "maxAnalyticsEventsDescription": "How many analytics events to keep in memory",
-            "clearAnalyticsEvents": "Clear Analytics Events",
-            "clearAnalyticsEventsDescription": "{{count}} events stored",
+            "total": "Events: {{count}}",
+            "maxAnalyticsEvents": "Events Captured",
+            "maxAnalyticsEventsDescription": "{{count}} analytics events stored in buffer",
+            "clearAnalyticsEvents": "Clear Analytics History",
+            "clearAnalyticsEventsDescription": "Wipe all captured telemetry events",
             "analyticsEventsCleared": "Analytics events cleared."
         },
         "redux": {
             "title": "Redux Settings",
             "reducers": "Reducers: {{count}}",
             "autoRefresh": "Auto-refresh Store",
-            "autoRefreshDescription": "Automatically capture Redux store state updates",
+            "autoRefreshDescription": "Capture Redux store state tree on every dispatch",
             "defaultJsonExpandDepth": "Default JSON Expand Depth",
             "defaultJsonExpandDepthDescription": "Initial depth of Redux state tree to auto-expand",
             "clearReduxState": "Clear Redux State",
-            "clearReduxStateDescription": "Reset state snapshot in inspector",
-            "clearReduxStateEmpty": "No store snapshot stored",
+            "clearReduxStateDescription": "Reset current state snapshot in inspector",
+            "clearReduxStateEmpty": "No store snapshot recorded",
             "reduxStateCleared": "Redux state snapshot cleared.",
             "clearReduxTimeline": "Clear Redux Timeline",
             "clearReduxTimelineDescription": "Remove all captured action history",
             "reduxTimelineCleared": "Redux action history cleared."
         },
+        "bundle": {
+            "title": "Bundle Settings",
+            "sourceBundler": "Metro Source Bundler",
+            "sourceBundlerDesc": "Parses live module trees and calculates binary size breakdowns",
+            "clearCache": "Clear Bundle Cache",
+            "clearCacheDesc": "Force re-fetching and parsing of JS bundle",
+            "cacheCleared": "Bundle analysis cache cleared."
+        },
+        "performance": {
+            "title": "Performance Settings",
+            "frameMeasurement": "Live Frame Measurement",
+            "frameMeasurementDesc": "Samples UI/JS frame rates & detects wasteful re-renders",
+            "clearEvents": "Clear Performance Events",
+            "clearEventsDesc": "Reset recorded jank and FPS drops history",
+            "eventsCleared": "Performance events cleared."
+        },
+        "crash": {
+            "title": "Crash Settings",
+            "maxCrashLogs": "Max Crash Logs",
+            "maxCrashLogsDesc": "How many crash records to preserve in history",
+            "globalGuard": "Global Crash Guard",
+            "globalGuardDesc": "Intercepts native, JS, and render errors directly",
+            "clearHistory": "Clear Crash History",
+            "clearHistoryDesc": "{{count}} crash logs stored",
+            "historyCleared": "Crash logs cleared."
+        },
         "general": {
-            "darkMode": "Dark Mode",
-            "darkModeDescription": "Switch the inspector to a dark color scheme",
-            "modalHeight": "Modal Height",
-            "modalHeightDescription": "Height of the inspector overlay",
-            "modalAnimation": "Modal Animation",
-            "modalAnimationDescription": "Animation used when opening the inspector",
+            "darkMode": "Dark Mode Theme",
+            "darkModeDescription": "Toggle sleek dark aesthetic or light contrast",
+            "modalHeight": "Inspector Window Height",
+            "modalHeightDescription": "Modal screen coverage percentage",
+            "modalAnimation": "Transition Animation",
+            "modalAnimationDescription": "Entrance and dismissal presentation style",
             "duplicateLogs": "Show Duplicate Logs",
-            "duplicateLogsDescription": "Group consecutive identical console logs",
+            "duplicateLogsDescription": "Off: Identical repeated entries collapse into ×N badges",
+            "defaultOpeningTab": "Default Opening Tab",
+            "defaultOpeningTabDesc": "Initial tab active when launcher button is tapped",
+            "activeConsoleLogLevels": "Active Console Log Levels",
+            "activeConsoleLogLevelsDesc": "Select which severities to capture in Logs",
             "resetToDefaults": "Reset to Defaults",
             "resetToDefaultsDescription": "Restore all inspector settings",
             "resetConfirmationTitle": "Settings Reset",
             "resetConfirmationMessage": "All settings have been reset to default values.",
             "storageStatus": "Persistent Storage",
-            "storageStatusEnabled": "Settings persist across app restarts",
-            "storageStatusDisabled": "Using in-memory storage (Android)"
+            "storageStatusEnabled": "Settings Storage: Persistent ({{type}})",
+            "storageStatusEnabledDesc": "Your preferences and module visibility persist across app reboots.",
+            "storageStatusDisabled": "Settings Storage: In-Memory (Temporary)",
+            "storageStatusDisabledDesc": "Preferences reset on app kill. Pass custom storage to <NetworkInspector storage={...} /> to persist on Android."
         }
     },
     "network": {
@@ -178,10 +236,20 @@
         "noMatchingHeaders": "No matching headers",
         "diffHidden": "{ Diff hidden }",
         "noDiff": "No differences from previous API.",
+        "healthTitle": "Network Health & Telemetry",
+        "successRate": "Success Rate",
+        "avgLatency": "Avg Latency",
+        "p95Latency": "P95 Latency",
+        "bandwidth": "Bandwidth",
+        "fastest": "Fastest",
+        "slowest": "Slowest",
+        "timingWaterfall": "Timing Waterfall & Latency",
+        "throughput": "Throughput",
+        "performanceTier": "Performance Tier",
         "perf": {
-            "fast": "Fast",
-            "moderate": "Moderate",
-            "slow": "Slow"
+            "fast": "Fast (< 200ms)",
+            "moderate": "Moderate (200-800ms)",
+            "slow": "Slow (> 800ms)"
         },
         "jsonViewer": {
             "pretty": "Pretty",

package/dist/commonjs/index.js

@@ -60,6 +60,8 @@ const logFilters_1 = require("./customHooks/logFilters");
 const crashHandler_1 = require("./customHooks/crashHandler");
 const analyticsLogger_1 = require("./customHooks/analyticsLogger");
 const reduxLogger_1 = require("./customHooks/reduxLogger");
+const performanceTracker_1 = require("./customHooks/performanceTracker");
+const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
 const constants_1 = require("./constants");
 // Stylesheet
 const styles_1 = require("./styles");
@@ -205,11 +207,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [tabVisibility, setTabVisibility] = (0, react_1.useState)({
         apis: true,
         logs: true,
-        analytics: true,
+        analytics: false,
         redux: false,
         bundle: false,
         performance: false,
-        crash: true,
+        crash: false,
     });
     const [maxNetworkLogs, setMaxNetworkLogs] = (0, react_1.useState)(100);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = (0, react_1.useState)(true);
@@ -217,6 +219,16 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     // #6 — tab the inspector opens on. Shown with a DEFAULT badge in Settings.
     const [defaultTab, setDefaultTab] = (0, react_1.useState)('apis');
     const [showDuplicateLogs, setShowDuplicateLogs] = (0, react_1.useState)(false);
+    // Synchronize runtime background listeners with active settings
+    (0, react_1.useEffect)(() => {
+        (0, networkLogger_1.setNetworkModuleEnabled)(!!tabVisibility.apis);
+        (0, consoleLogger_1.setConsoleModuleEnabled)(!!tabVisibility.logs);
+        (0, analyticsLogger_1.setAnalyticsModuleEnabled)(!!tabVisibility.analytics);
+        (0, reduxLogger_1.setReduxModuleEnabled)(!!tabVisibility.redux);
+        (0, performanceTracker_1.setPerformanceModuleEnabled)(!!tabVisibility.performance);
+        (0, crashHandler_1.setCrashModuleEnabled)(!!tabVisibility.crash);
+        (0, bundleAnalyzer_1.setBundleModuleEnabled)(!!tabVisibility.bundle);
+    }, [tabVisibility]);
     const resetToDefaults = async () => {
         await (0, settingsStore_1.clearPersistedSettings)();
         setIsDark(false);
@@ -226,11 +238,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setTabVisibility({
             apis: true,
             logs: true,
-            analytics: true,
+            analytics: false,
             redux: false,
             bundle: false,
             performance: false,
-            crash: true,
+            crash: false,
         });
         setDefaultTab('apis');
         setMaxCrashLogs(100);
@@ -266,9 +278,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                     ...prev,
                     ...saved.tabVisibility,
                     apis: true, // APIs is always required
-                    crash: saved.tabVisibility.crash !== undefined
-                        ? saved.tabVisibility.crash
-                        : true,
                 }));
             if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
@@ -290,11 +299,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                     ...{
                         apis: true,
                         logs: true,
-                        analytics: true,
+                        analytics: false,
                         redux: false,
                         bundle: false,
                         performance: false,
-                        crash: true,
+                        crash: false,
                     },
                     ...(saved.tabVisibility || {}),
                     apis: true,
@@ -659,13 +668,37 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         loop.start();
         return () => loop.stop();
     }, [unreadPulseAnim]);
-    // #6 — every time the inspector is opened, land on the chosen default tab.
+    const isVisibleRefObj = (0, react_1.useRef)(visible);
+    // #6 — every time the inspector is opened, land on chosen default tab & sync latest logs
     (0, react_1.useEffect)(() => {
+        isVisibleRefObj.current = visible;
         if (visible) {
             const target = defaultTab === 'apis' || tabVisibility?.[defaultTab]
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
+            // Instant synchronization of data collected while modal was closed
+            if (latestNetworkLogsRef.current.length > 0) {
+                const deduped = (0, helpers_1.deduplicateLogs)(latestNetworkLogsRef.current);
+                const incoming = new Set(deduped.map(l => l.id));
+                prevLogIdsRef.current = incoming;
+                setLogs(deduped);
+            }
+            if (latestConsoleLogsRef.current.length > 0) {
+                setConsoleLogs(latestConsoleLogsRef.current);
+            }
+            if (latestAnalyticsEventsRef.current.length > 0) {
+                setAnalyticsEvents(latestAnalyticsEventsRef.current);
+            }
+            const freshState = (0, reduxLogger_1.getReduxState)();
+            if (freshState) {
+                setReduxState(typeof freshState === 'object' ? { ...freshState } : freshState);
+                setReduxLastActionMap({ ...(0, reduxLogger_1.getLastActionForReducer)() });
+            }
+            const freshCrashes = (0, crashHandler_1.getCrashRecords)();
+            if (freshCrashes.length > 0) {
+                setCrashRecords(freshCrashes);
+            }
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [visible]);
@@ -693,6 +726,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         (0, consoleLogger_1.setupConsoleLogger)();
         (0, analyticsLogger_1.autoSetupAnalyticsLogger)();
         (0, crashHandler_1.setupGlobalCrashHandler)();
+        const isVisibleRef = isVisibleRefObj;
         const unsubscribeCrash = (0, crashHandler_1.subscribeCrashEvents)(crashInfo => {
             if (crashInfo.message === '__CLEARED__') {
                 setCrashRecords([]);
@@ -700,7 +734,9 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 return;
             }
             const updated = (0, crashHandler_1.getCrashRecords)();
-            setCrashRecords(updated);
+            if (isVisibleRef.current) {
+                setCrashRecords(updated);
+            }
         });
         // Sync crashes recorded before this subscription ran (e.g. a render crash
         // during the very first commit, which fires before effects are mounted).
@@ -714,6 +750,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             latestNetworkLogsRef.current = raw;
             if (isNetworkPausedRef.current)
                 return;
+            if (!isVisibleRef.current)
+                return; // ZERO-RENDER INACTIVE MODE
             clearTimeout(timeoutId);
             const updateNetworkState = () => {
                 const deduped = (0, helpers_1.deduplicateLogs)(raw);
@@ -753,6 +791,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             latestAnalyticsEventsRef.current = raw;
             if (isAnalyticsPausedRef.current)
                 return;
+            if (!isVisibleRef.current)
+                return; // ZERO-RENDER INACTIVE MODE
             clearTimeout(analyticsTimeoutId);
             const updateAnalyticsState = () => {
                 const incoming = new Set(raw.map(e => e.id));
@@ -790,6 +830,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             latestConsoleLogsRef.current = raw;
             if (isConsolePausedRef.current)
                 return;
+            if (!isVisibleRef.current)
+                return; // ZERO-RENDER INACTIVE MODE
             clearTimeout(consoleTimeoutId);
             if (isFirstConsoleCall) {
                 isFirstConsoleCall = false;
@@ -802,11 +844,13 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             }
         });
         const initialReduxState = (0, reduxLogger_1.getReduxState)();
-        setReduxState(initialReduxState && typeof initialReduxState === 'object' ? { ...initialReduxState } : initialReduxState);
-        setReduxLastActionMap({ ...(0, reduxLogger_1.getLastActionForReducer)() });
+        if (initialReduxState) {
+            setReduxState(typeof initialReduxState === 'object' ? { ...initialReduxState } : initialReduxState);
+            setReduxLastActionMap({ ...(0, reduxLogger_1.getLastActionForReducer)() });
+        }
         const unsubscribeRedux = (0, reduxLogger_1.subscribeReduxState)(() => {
-            // New references each time guarantee the Redux tab updates live, even when
-            // the root state object reference is unchanged or auto-refresh is paused.
+            if (!isVisibleRef.current)
+                return; // ZERO-RENDER INACTIVE MODE
             const freshState = (0, reduxLogger_1.getReduxState)();
             setReduxState(freshState && typeof freshState === 'object' ? { ...freshState } : freshState);
             setReduxLastActionMap({ ...(0, reduxLogger_1.getLastActionForReducer)() });
@@ -1611,25 +1655,25 @@ Object.defineProperty(exports, "getLastActionForReducer", { enumerable: true, ge
 var gaAnalyticsRegistry_1 = require("./helpers/gaAnalyticsRegistry");
 Object.defineProperty(exports, "getEventCategory", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.getEventCategory; } });
 Object.defineProperty(exports, "registerGAPlugin", { enumerable: true, get: function () { return gaAnalyticsRegistry_1.registerGAPlugin; } });
-var performanceTracker_1 = require("./customHooks/performanceTracker");
-Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_1.usePerformanceTracker; } });
-Object.defineProperty(exports, "useComponentProfiler", { enumerable: true, get: function () { return performanceTracker_1.useComponentProfiler; } });
-Object.defineProperty(exports, "useNavigationProfiler", { enumerable: true, get: function () { return performanceTracker_1.useNavigationProfiler; } });
-Object.defineProperty(exports, "trackComponentRender", { enumerable: true, get: function () { return performanceTracker_1.trackComponentRender; } });
-Object.defineProperty(exports, "trackNavigationTransition", { enumerable: true, get: function () { return performanceTracker_1.trackNavigationTransition; } });
-Object.defineProperty(exports, "trackHeavyTask", { enumerable: true, get: function () { return performanceTracker_1.trackHeavyTask; } });
-Object.defineProperty(exports, "measureAsync", { enumerable: true, get: function () { return performanceTracker_1.measureAsync; } });
-Object.defineProperty(exports, "getHermesMemoryStats", { enumerable: true, get: function () { return performanceTracker_1.getHermesMemoryStats; } });
-Object.defineProperty(exports, "registerComponentProfile", { enumerable: true, get: function () { return performanceTracker_1.registerComponentProfile; } });
-Object.defineProperty(exports, "subscribeRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.subscribeRenderProfiles; } });
-Object.defineProperty(exports, "getRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.getRenderProfiles; } });
-Object.defineProperty(exports, "logPerformanceEvent", { enumerable: true, get: function () { return performanceTracker_1.logPerformanceEvent; } });
-Object.defineProperty(exports, "clearPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.clearPerformanceEvents; } });
-Object.defineProperty(exports, "subscribePerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.subscribePerformanceEvents; } });
-Object.defineProperty(exports, "getPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getPerformanceEvents; } });
-Object.defineProperty(exports, "getInitialRenderProfiles", { enumerable: true, get: function () { return performanceTracker_1.getInitialRenderProfiles; } });
-Object.defineProperty(exports, "getInitialPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_1.getInitialPerformanceEvents; } });
-Object.defineProperty(exports, "generateFixSnippet", { enumerable: true, get: function () { return performanceTracker_1.generateFixSnippet; } });
+var performanceTracker_2 = require("./customHooks/performanceTracker");
+Object.defineProperty(exports, "usePerformanceTracker", { enumerable: true, get: function () { return performanceTracker_2.usePerformanceTracker; } });
+Object.defineProperty(exports, "useComponentProfiler", { enumerable: true, get: function () { return performanceTracker_2.useComponentProfiler; } });
+Object.defineProperty(exports, "useNavigationProfiler", { enumerable: true, get: function () { return performanceTracker_2.useNavigationProfiler; } });
+Object.defineProperty(exports, "trackComponentRender", { enumerable: true, get: function () { return performanceTracker_2.trackComponentRender; } });
+Object.defineProperty(exports, "trackNavigationTransition", { enumerable: true, get: function () { return performanceTracker_2.trackNavigationTransition; } });
+Object.defineProperty(exports, "trackHeavyTask", { enumerable: true, get: function () { return performanceTracker_2.trackHeavyTask; } });
+Object.defineProperty(exports, "measureAsync", { enumerable: true, get: function () { return performanceTracker_2.measureAsync; } });
+Object.defineProperty(exports, "getHermesMemoryStats", { enumerable: true, get: function () { return performanceTracker_2.getHermesMemoryStats; } });
+Object.defineProperty(exports, "registerComponentProfile", { enumerable: true, get: function () { return performanceTracker_2.registerComponentProfile; } });
+Object.defineProperty(exports, "subscribeRenderProfiles", { enumerable: true, get: function () { return performanceTracker_2.subscribeRenderProfiles; } });
+Object.defineProperty(exports, "getRenderProfiles", { enumerable: true, get: function () { return performanceTracker_2.getRenderProfiles; } });
+Object.defineProperty(exports, "logPerformanceEvent", { enumerable: true, get: function () { return performanceTracker_2.logPerformanceEvent; } });
+Object.defineProperty(exports, "clearPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_2.clearPerformanceEvents; } });
+Object.defineProperty(exports, "subscribePerformanceEvents", { enumerable: true, get: function () { return performanceTracker_2.subscribePerformanceEvents; } });
+Object.defineProperty(exports, "getPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_2.getPerformanceEvents; } });
+Object.defineProperty(exports, "getInitialRenderProfiles", { enumerable: true, get: function () { return performanceTracker_2.getInitialRenderProfiles; } });
+Object.defineProperty(exports, "getInitialPerformanceEvents", { enumerable: true, get: function () { return performanceTracker_2.getInitialPerformanceEvents; } });
+Object.defineProperty(exports, "generateFixSnippet", { enumerable: true, get: function () { return performanceTracker_2.generateFixSnippet; } });
 var decorators_1 = require("./decorators");
 Object.defineProperty(exports, "InspectLog", { enumerable: true, get: function () { return decorators_1.InspectLog; } });
 Object.defineProperty(exports, "InspectTrackTime", { enumerable: true, get: function () { return decorators_1.InspectTrackTime; } });

package/dist/commonjs/styles/AppColors.d.ts

@@ -154,6 +154,20 @@ declare const LightColors: {
     greyBorder: string;
     paperBg: string;
     contentBg: string;
+    toastBg: string;
+    toastBorder: string;
+    mintGreenBg: string;
+    mintGreenBorder: string;
+    mintGreenText: string;
+    amberWarmBg: string;
+    amberWarmBorder: string;
+    amberWarmText: string;
+    violetSoftBg: string;
+    violetSoftBorder: string;
+    violetSoftText: string;
+    skySoftBg: string;
+    skySoftBorder: string;
+    skySoftText: string;
     domainColors: string[];
 };
 export declare const getThemeColors: (isDark: boolean) => {
@@ -312,6 +326,20 @@ export declare const getThemeColors: (isDark: boolean) => {
     greyBorder: string;
     paperBg: string;
     contentBg: string;
+    toastBg: string;
+    toastBorder: string;
+    mintGreenBg: string;
+    mintGreenBorder: string;
+    mintGreenText: string;
+    amberWarmBg: string;
+    amberWarmBorder: string;
+    amberWarmText: string;
+    violetSoftBg: string;
+    violetSoftBorder: string;
+    violetSoftText: string;
+    skySoftBg: string;
+    skySoftBorder: string;
+    skySoftText: string;
     domainColors: string[];
 };
 export declare const AppColors: typeof LightColors;