react-native-inapp-inspector 2.3.5 → 2.3.6

package/dist/esm/index.js

@@ -1,41 +1,30 @@
 import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
 import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
-// i18n
 import { I18nextProvider, i18n } from './i18n';
-// Components
 import ErrorBoundary from './components/ErrorBoundary';
 import MainScreen from './components/Inspector/MainScreen';
 import { InspectorContext, animateNextLayout, } from './components/Inspector/InspectorContext';
-// Helpers
 import { formatDisplayUrl, getNavigationInfo, getLogPageName, deduplicateLogs, getDomainColor, getEventCategory, matchNetworkLogQuery, setupMemoryWarningHandler, } from './helpers';
-// #5 — settings persistence
 import { loadSettings, saveSettings, setCustomStorage, clearPersistedSettings, calculateRamBasedLimits, } from './helpers/settingsStore';
 import { getNativeSystemMetrics, pushNativeLogRecord, fetchNativeCachedPage, } from './native/NativeInspector';
-// Network
 import { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, setNetworkModuleEnabled, setMaxNetworkLogsLimit, setRouteInfoProvider, } from './customHooks/networkLogger';
-// Console
 import { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, setConsoleModuleEnabled, } from './customHooks/consoleLogger';
 import { IGNORED_LOG_PREFIXES } from './customHooks/logFilters';
-// Crash Protection
 import { setupGlobalCrashHandler, subscribeCrashEvents, getCrashRecords, clearCrashRecords, setMaxCrashLogsLimit, setCrashModuleEnabled, } from './customHooks/crashHandler';
+import { trackActiveTelemetryHeartbeat, setTelemetryEnabled, } from './helpers/telemetry';
 import { subscribeAnalyticsEvents, clearAnalyticsEvents, autoSetupAnalyticsLogger, isAnalyticsConnected, setAnalyticsModuleEnabled, } from './customHooks/analyticsLogger';
 import { getReduxState, subscribeReduxState, setReduxAutoRefresh, getLastActionForReducer, clearActionHistory, isReduxConnected, setReduxModuleEnabled, } from './customHooks/reduxLogger';
 import { setPerformanceModuleEnabled } from './customHooks/performanceTracker';
 import { setBundleModuleEnabled } from './customHooks/bundleAnalyzer';
 import { showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, isNativeModuleAvailable, } from './native/NativeInspector';
 import { LIB_VERSION } from './constants';
-// Stylesheet
 import { toggleGlobalTheme } from './styles';
 const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, environment, initialVisible = false, visible: controlledVisible, }) => {
-    // Set custom storage synchronously during render phase
     setCustomStorage(storage || null);
     const [isDark, setIsDark] = useState(false);
     const [reduxState, setReduxState] = useState(null);
-    // Per-reducer last action is kept in component state so the
-    // Redux tab re-renders live on every dispatch, independent of the state tree ref.
     const [reduxLastActionMap, setReduxLastActionMap] = useState({});
-    // Inspector panel height as a percentage of the screen (configurable in Settings).
     const [modalHeightPercent, setModalHeightPercent] = useState(90);
     const [modalAnimationType, setModalAnimationType] = useState('slide');
     const [logs, setLogs] = useState([]);
@@ -77,19 +66,15 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [collapsedSections, setCollapsedSections] = useState(new Set());
     const [showHeaderInfo, setShowHeaderInfo] = useState(true);
     const [sortOrder, setSortOrder] = useState('newest');
-    // #7 — sort order for the Logs (console) tab
     const [logSortOrder, setLogSortOrder] = useState('newest');
     const [reqExpanded, setReqExpanded] = useState(true);
     const [resExpanded, setResExpanded] = useState(true);
     const [showReqDiff, setShowReqDiff] = useState(false);
     const [showResDiff, setShowResDiff] = useState(false);
-    // ─── Analytics state ───────────────────────────────────────────────────────
     const [activeTab, setActiveTab] = useState('apis');
     const [analyticsEvents, setAnalyticsEvents] = useState([]);
-    // ─── Logs state ────────────────────────────────────────────────────────────
     const [consoleLogs, setConsoleLogs] = useState([]);
     const [selectedLog, setSelectedLog] = useState(null);
-    // ─── Pause states ─────────────────────────────────────────────────────────
     const [isNetworkPaused, setIsNetworkPaused] = useState(false);
     const isNetworkPausedRef = useRef(isNetworkPaused);
     isNetworkPausedRef.current = isNetworkPaused;
@@ -105,7 +90,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [lastReadLogsCount, setLastReadLogsCount] = useState(0);
     const [lastReadApisCount, setLastReadApisCount] = useState(0);
     const [lastReadCrashesCount, setLastReadCrashesCount] = useState(0);
-    // ─── Crash state ───────────────────────────────────────────────────────────
     const [crashRecords, setCrashRecords] = useState(() => getCrashRecords());
     const [selectedCrash, setSelectedCrash] = useState(null);
     const [maxCrashLogs, setMaxCrashLogs] = useState(50);
@@ -172,7 +156,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [consoleLogs, showConsoleLevels, maxConsoleLogs]);
     const [logSearch, setLogSearch] = useState('');
     const [logFilters, setLogFilters] = useState(new Set(['user-log']));
-    // ─── Settings state ──────────────────────────────────────────────────────────
     const [settingsPage, setSettingsPage] = useState(null);
     const [settingsActiveSubTab, setSettingsActiveSubTab] = useState('module');
     const [tabVisibility, setTabVisibility] = useState({
@@ -192,11 +175,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const [deviceFreeRamMb, setDeviceFreeRamMb] = useState(1800);
     const [reduxAutoRefresh, setReduxAutoRefreshState] = useState(true);
     const [reduxExpandDepth, setReduxExpandDepth] = useState(1);
-    // #6 — tab the inspector opens on. Shown with a DEFAULT badge in Settings.
     const [defaultTab, setDefaultTab] = useState('apis');
     const [showDuplicateLogs, setShowDuplicateLogs] = useState(false);
     const [showUpdateToast, setShowUpdateToast] = useState(true);
-    // Synchronize runtime background listeners with active settings
     useEffect(() => {
         setNetworkModuleEnabled(!!tabVisibility.apis);
         setConsoleModuleEnabled(!!tabVisibility.logs);
@@ -206,7 +187,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setCrashModuleEnabled(!!tabVisibility.crash);
         setBundleModuleEnabled(!!tabVisibility.bundle);
     }, [tabVisibility]);
-    // Query native hardware RAM and auto-tune limits if auto-RAM is active
     useEffect(() => {
         getNativeSystemMetrics()
             .then(metrics => {
@@ -260,7 +240,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setShowUpdateToast(true);
         Alert.alert('Settings Reset', 'All settings have been reset to default values.');
     };
-    // #5 — hydrate persisted settings once, then auto-save on any change.
     const settingsHydratedRef = useRef(false);
     useEffect(() => {
         let cancelled = false;
@@ -279,7 +258,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 setTabVisibility(prev => ({
                     ...prev,
                     ...saved.tabVisibility,
-                    apis: true, // APIs is always required
+                    apis: true,
                 }));
             if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
@@ -364,8 +343,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         reduxExpandDepth,
         showDuplicateLogs,
     ]);
-    // #1 — check NPM for a newer published version; surfaces an animated dot
-    // in the header next to the npm chip when an update is available.
     const [latestNpmVersion, setLatestNpmVersion] = useState(null);
     const updateAvailable = useMemo(() => {
         if (!latestNpmVersion)
@@ -394,7 +371,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             }
         })
             .catch(() => {
-            // Offline / blocked — silently skip the update check.
         });
         return () => {
             cancelled = true;
@@ -403,7 +379,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     useEffect(() => {
         setReduxAutoRefresh(reduxAutoRefresh);
     }, [reduxAutoRefresh]);
-    // Auto-unselect Redux or Analytics tab if module is not connected / available
     useEffect(() => {
         if (activeTab === 'redux' && !isReduxConnected()) {
             setActiveTab('apis');
@@ -426,7 +401,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 animateNextLayout();
                 setActiveTab('apis');
             }
-            // #6 — a hidden module can't be the default landing tab.
             if (!nextVal && defaultTab === key) {
                 setDefaultTab('apis');
             }
@@ -584,12 +558,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 }
             }
             catch (err) {
-                // Safe check
             }
         };
-        // Initialize state
         updateState();
-        // Listen to changes
         const unsubscribe = typeof navigationRef.addListener === 'function'
             ? navigationRef.addListener('state', () => {
                 updateState();
@@ -607,11 +578,8 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const pulseAnim = useRef(new Animated.Value(1)).current;
     const activePulseAnim = useRef(new Animated.Value(0.4)).current;
     const unreadPulseAnim = useRef(new Animated.Value(1)).current;
-    // #4 — diagonal light streak sweeping across the floating launcher
     const fabShineAnim = useRef(new Animated.Value(0)).current;
-    // #11 — header "clear all" icon spin/scale animation
     const clearAnim = useRef(new Animated.Value(0)).current;
-    // #4 — draggable floating launcher (drag anywhere on screen)
     const fabPan = useRef(new Animated.ValueXY({ x: 0, y: 0 })).current;
     const fabPanRef = useRef({ x: 0, y: 0 });
     useEffect(() => {
@@ -624,8 +592,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [fabPan]);
     const fabDraggedRef = useRef(false);
     const fabPanResponder = useRef(PanResponder.create({
-        // Let taps fall through to the launcher; only hijack once the
-        // finger actually moves, so onPress still fires on a tap.
         onStartShouldSetPanResponder: () => false,
         onMoveShouldSetPanResponder: (_e, g) => Math.abs(g.dx) > 4 || Math.abs(g.dy) > 4,
         onPanResponderGrant: () => {
@@ -641,7 +607,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         }),
         onPanResponderRelease: () => {
             fabPan.flattenOffset();
-            // small delay so the trailing tap (if any) is ignored
             setTimeout(() => {
                 fabDraggedRef.current = false;
             }, 50);
@@ -651,8 +616,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             fabDraggedRef.current = false;
         },
     })).current;
-    // #2 — scroll-to-top button for the main APIs list, always visible at the
-    // bottom right of the list.
     const runClearAllWithAnimation = useCallback(() => {
         Animated.sequence([
             Animated.timing(clearAnim, {
@@ -689,7 +652,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         loop.start();
         return () => loop.stop();
     }, [pulseAnim]);
-    // #4 — sweep the shine streak across the launcher, pause, repeat.
     useEffect(() => {
         const loop = Animated.loop(Animated.sequence([
             Animated.timing(fabShineAnim, {
@@ -741,7 +703,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [unreadPulseAnim]);
     const isNativeModule = useMemo(() => isNativeModuleAvailable(), []);
     const useNativeFab = (Platform.OS === 'ios' || Platform.OS === 'android') && isNativeModule;
-    // 100% Native Main-Thread Floating Button Lifecycle
     useEffect(() => {
         if (!useNativeFab || !enabled) {
             if (useNativeFab) {
@@ -768,7 +729,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         logs.length,
         analyticsEvents.length,
     ]);
-    // Subscribe to native UI-thread floating button tap events
     useEffect(() => {
         if (!useNativeFab)
             return;
@@ -779,7 +739,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             unsubscribe();
         };
     }, [useNativeFab]);
-    // Subscribe to physical hardware shake events (or Cmd+Ctrl+Z on iOS simulator)
     useEffect(() => {
         if (!useNativeFab)
             return;
@@ -791,7 +750,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         };
     }, [useNativeFab]);
     const isVisibleRefObj = useRef(visible);
-    // #6 — every time the inspector is opened, land on chosen default tab & sync latest logs
     useEffect(() => {
         isVisibleRefObj.current = visible;
         if (visible) {
@@ -799,7 +757,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
-            // Instant synchronization of data collected while modal was closed
             if (latestNetworkLogsRef.current.length > 0) {
                 const deduped = deduplicateLogs(latestNetworkLogsRef.current);
                 const incoming = new Set(deduped.map(l => l.id));
@@ -855,8 +812,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 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).
         const pendingCrashes = getCrashRecords();
         if (pendingCrashes.length > 0) {
             pendingCrashes.forEach(c => pushNativeLogRecord('crash', JSON.stringify(c)));
@@ -872,7 +827,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isNetworkPausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(timeoutId);
             const updateNetworkState = () => {
                 const deduped = deduplicateLogs(raw);
@@ -913,7 +868,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 timeoutId = setTimeout(updateNetworkState, 250);
             }
         });
-        // ─── Analytics subscription ──────────────────────────────────────────────
         let analyticsTimeoutId;
         let isFirstAnalyticsCall = true;
         const unsubscribeAnalytics = subscribeAnalyticsEvents((raw) => {
@@ -924,7 +878,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isAnalyticsPausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(analyticsTimeoutId);
             const updateAnalyticsState = () => {
                 const incoming = new Set(raw.map(e => e.id));
@@ -955,7 +909,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 analyticsTimeoutId = setTimeout(updateAnalyticsState, 200);
             }
         });
-        // ─── Console subscription ────────────────────────────────────────────────
         let consoleTimeoutId;
         let isFirstConsoleCall = true;
         const unsubscribeConsole = subscribeConsoleLogs((raw) => {
@@ -966,7 +919,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             if (isConsolePausedRef.current)
                 return;
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             clearTimeout(consoleTimeoutId);
             if (isFirstConsoleCall) {
                 isFirstConsoleCall = false;
@@ -985,7 +938,7 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         }
         const unsubscribeRedux = subscribeReduxState(() => {
             if (!isVisibleRef.current)
-                return; // ZERO-RENDER INACTIVE MODE
+                return;
             const freshState = getReduxState();
             setReduxState(freshState && typeof freshState === 'object' ? { ...freshState } : freshState);
             setReduxLastActionMap({ ...getLastActionForReducer() });
@@ -1033,7 +986,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [selected]);
     const filteredLogs = useMemo(() => {
         let result = logs.filter(log => {
-            // 1. Quick Filter Check (All, Errors, Success, Slow, GET, POST, GraphQL)
             if (quickFilter && quickFilter !== 'all') {
                 if (quickFilter === 'errors') {
                     const isErr = log.status === 0 ||
@@ -1066,7 +1018,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                     }
                 }
             }
-            // 2. Status Filter Check (from filters accordion dropdown)
             if (statusFilters.size > 0) {
                 const matched = [...statusFilters].some(f => {
                     if (f === 'ALL')
@@ -1082,7 +1033,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 if (!matched)
                     return false;
             }
-            // 3. Method Filter Check (from filters accordion dropdown)
             if (methodFilters.size > 0) {
                 const matchedMethod = [...methodFilters].some(m => {
                     if (m === 'ALL')
@@ -1092,7 +1042,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 if (!matchedMethod)
                     return false;
             }
-            // 4. Advanced Search Query Engine Check with Scope, Regex and Case-Sensitivity
             if (search && search.trim().length > 0) {
                 const routePath = logRouteMapRef.current.get(log.id)?.path || '';
                 const isMatch = matchNetworkLogQuery(log, search, routePath, {
@@ -1108,7 +1057,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         if (sortOrder === 'oldest') {
             result = [...result].reverse();
         }
-        // #9 — collapse consecutive identical requests
         if (!showDuplicateLogs) {
             const collapsed = [];
             for (const log of result) {
@@ -1258,7 +1206,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     const prevResponseData = prevSameRequest ? prevSameRequest.response : null;
     const filteredAnalyticsEvents = useMemo(() => {
         let events = analyticsEvents;
-        // Search query filter
         if (analyticsSearch && analyticsSearch.trim().length > 0) {
             const queryTokens = analyticsSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
             events = events.filter(e => {
@@ -1274,14 +1221,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return queryTokens.every(token => searchTarget.includes(token));
             });
         }
-        // Category filter
         if (analyticsFilters.categories.size > 0 && !analyticsFilters.categories.has('all')) {
             events = events.filter(e => {
                 const cat = getEventCategory(e.name);
                 return analyticsFilters.categories.has(cat);
             });
         }
-        // Time window filter
         if (analyticsFilters.timeWindow !== 'all') {
             const now = Date.now();
             const cutoff = analyticsFilters.timeWindow === '1m'
@@ -1293,11 +1238,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                         : now - 60 * 60 * 1000;
             events = events.filter(e => e.timestamp >= cutoff);
         }
-        // Source filter
         if (analyticsFilters.sources.size > 0 && !analyticsFilters.sources.has('all')) {
             events = events.filter(e => analyticsFilters.sources.has(e.source || 'manual'));
         }
-        // User identification filter
         if (analyticsFilters.userTypes.size > 0 && !analyticsFilters.userTypes.has('all')) {
             events = events.filter(e => {
                 const isIdentified = Boolean(e.userId && e.userId.trim() !== '');
@@ -1308,7 +1251,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return false;
             });
         }
-        // Payload complexity filter
         if (analyticsFilters.payloadComplexity !== 'all') {
             if (analyticsFilters.payloadComplexity === 'none') {
                 events = events.filter(e => !e.params || Object.keys(e.params).length === 0);
@@ -1320,7 +1262,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 events = events.filter(e => e.params && Object.keys(e.params).length > 3);
             }
         }
-        // Conversion / Goal events filter
         if (analyticsFilters.onlyConversions) {
             const CONVERSION_PATTERNS = [
                 'purchase',
@@ -1337,7 +1278,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ];
             events = events.filter(e => CONVERSION_PATTERNS.some(pat => e.name.toLowerCase().includes(pat)));
         }
-        // Screen filter
         if (analyticsFilters.screens.size > 0) {
             events = events.filter(e => {
                 const scr = e.screenName ||
@@ -1349,24 +1289,19 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return analyticsFilters.screens.has(scr);
             });
         }
-        // Has Revenue filter
         if (analyticsFilters.hasRevenue) {
             events = events.filter(e => (e.params?.value != null && !isNaN(Number(e.params.value))) ||
                 (e.params?.price != null && !isNaN(Number(e.params.price))));
         }
-        // Has Items filter
         if (analyticsFilters.hasItems) {
             events = events.filter(e => Array.isArray(e.params?.items) && e.params.items.length > 0);
         }
-        // Has User Props filter
         if (analyticsFilters.hasUserProps) {
             events = events.filter(e => e.userProperties && Object.keys(e.userProperties).length > 0);
         }
-        // Has Params filter
         if (analyticsFilters.hasParams) {
             events = events.filter(e => e.params && Object.keys(e.params).length > 0);
         }
-        // Deduplication
         const deduplicatedEvents = [];
         for (const e of events) {
             if (deduplicatedEvents.length === 0) {
@@ -1378,7 +1313,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 JSON.stringify(last.params) === JSON.stringify(e.params) &&
                 JSON.stringify(last.userProperties) === JSON.stringify(e.userProperties)) {
                 last.count = (last.count || 1) + 1;
-                // Point to the newest timestamp and id
                 last.timestamp = e.timestamp;
                 last.id = e.id;
             }
@@ -1387,11 +1321,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             }
         }
         let result = deduplicatedEvents;
-        // Only duplicates filter
         if (analyticsFilters.onlyDuplicates) {
             result = result.filter(e => (e.count || 1) > 1);
         }
-        // Sorting
         if (analyticsFilters.sortBy === 'time_asc') {
             result = [...result].sort((a, b) => a.timestamp - b.timestamp);
         }
@@ -1409,7 +1341,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
     }, [analyticsEvents, analyticsSearch, analyticsFilters, maxAnalyticsEventsLimit]);
     const filteredConsoleLogs = useMemo(() => {
         let result = visibleConsoleLogs;
-        // Filters check
         if (logFilters.size > 0 && !logFilters.has('all')) {
             result = result.filter(log => {
                 if (logFilters.has(log.type))
@@ -1422,7 +1353,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 return false;
             });
         }
-        // Comprehensive Search bar check
         if (logSearch && logSearch.trim().length > 0) {
             const queryTokens = logSearch.trim().toLowerCase().split(/\s+/).filter(Boolean);
             result = result.filter(log => {
@@ -1456,12 +1386,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
                 });
             });
         }
-        // #7 — apply sort order (newest/oldest first)
         result = [...result].sort((a, b) => logSortOrder === 'newest'
             ? b.timestamp - a.timestamp
             : a.timestamp - b.timestamp);
-        // #9 — collapse consecutive identical messages into one row with a ×N
-        // counter unless duplicates are explicitly enabled in Settings.
         if (!showDuplicateLogs) {
             const collapsed = [];
             for (const log of result) {
@@ -1533,11 +1460,9 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setMethodFilters(new Set());
         prevLogIdsRef.current = new Set();
         logRouteMapRef.current = new Map();
-        // Also clear analytics
         clearAnalyticsEvents();
         setAnalyticsEvents([]);
         prevEventIdsRef.current = new Set();
-        // Also clear console logs
         clearConsoleLogs();
         setConsoleLogs([]);
     }
@@ -1601,7 +1526,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ]);
             return;
         }
-        // Default: APIs tab. Only clears NETWORK logs — never touches the other tabs.
         if (selectedLogs.size > 0) {
             setLogs(prev => prev.filter(l => !selectedLogs.has(l.id)));
             setSelectedLogs(new Set());
@@ -1617,7 +1541,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             ]);
         }
     }
-    // Clears ONLY network logs + their derived selection/filter state.
     function clearNetworkOnly() {
         clearNetworkLogs();
         setLogs([]);
@@ -1656,7 +1579,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         });
     }, []);
     const contextValue = {
-        // ─── Modal / launcher ───────────────────────────────────────────────
         visible,
         setVisible,
         closeModal,
@@ -1671,14 +1593,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setModalAnimationType,
         hasNavigationContext,
         setNavState,
-        // ─── Tabs ───────────────────────────────────────────────────────────
         activeTab,
         switchActiveTab,
         tabVisibility,
         toggleTabVisibility,
         lastReadApisCount,
         lastReadLogsCount,
-        // ─── Selection / header state ───────────────────────────────────────
         selected,
         setSelected,
         selectedEvent,
@@ -1695,14 +1615,12 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         activePulseAnim,
         unreadPulseAnim,
         runClearAllWithAnimation,
-        // ─── FAB / launcher ─────────────────────────────────────────────────
         useNativeFab,
         fabPan,
         fabPanResponder,
         fabDraggedRef,
         pulseAnim,
         fabShineAnim,
-        // ─── Network (APIs) ─────────────────────────────────────────────────
         logs,
         filteredLogs,
         groupedData,
@@ -1733,7 +1651,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         handleDelete,
         isNetworkPaused,
         setIsNetworkPaused,
-        // ─── Network detail ─────────────────────────────────────────────────
         detailTitle,
         detailDisplayUrl,
         apiDetailActiveTab,
@@ -1751,7 +1668,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         prevRequestData,
         prevResponseData,
         logRouteMapRef,
-        // ─── Console (Logs) ─────────────────────────────────────────────────
         consoleLogs,
         visibleConsoleLogs,
         filteredConsoleLogs,
@@ -1764,7 +1680,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setLogSortOrder,
         isConsolePaused,
         setIsConsolePaused,
-        // ─── Analytics ──────────────────────────────────────────────────────
         analyticsEvents,
         filteredAnalyticsEvents,
         analyticsSearch,
@@ -1780,7 +1695,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setAnalyticsHeaderExpanded,
         isAnalyticsPaused,
         setIsAnalyticsPaused,
-        // ─── Redux ──────────────────────────────────────────────────────────
         reduxState,
         setReduxState,
         reduxLastActionMap,
@@ -1792,7 +1706,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
         setSelectedReduxAction,
         reduxActiveSubTab,
         setReduxActiveSubTab,
-        // ─── Crash ───────────────────────────────────────────────────────────
         crashRecords,
         setCrashRecords,
         selectedCrash,
@@ -1805,7 +1718,6 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
             setCrashRecords([]);
             setSelectedCrash(null);
         },
-        // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,
         defaultTab,
@@ -1840,15 +1752,22 @@ const NetworkInspector = ({ enabled = true, storage, navigationRef, appIcon, env
 };
 const NetworkInspectorWrapper = (props) => {
     const enabled = props?.enabled ?? true;
+    const telemetry = props?.telemetry ?? true;
     useEffect(() => {
         if (!enabled) {
             hideNativeFloatingButton().catch(() => { });
+            setTelemetryEnabled(false);
+        }
+        else if (telemetry) {
+            trackActiveTelemetryHeartbeat(true, props?.environment);
+        }
+        else {
+            setTelemetryEnabled(false);
         }
         return () => {
             hideNativeFloatingButton().catch(() => { });
         };
-    }, [enabled]);
-    // If enabled is false, return null immediately with 0 overhead
+    }, [enabled, telemetry, props?.environment]);
     if (!enabled) {
         return null;
     }
@@ -1859,7 +1778,6 @@ const NetworkInspectorWrapper = (props) => {
     </I18nextProvider>);
 };
 export default NetworkInspectorWrapper;
-// Re-export public APIs
 export { setupNetworkLogger, clearNetworkLogs, subscribeNetworkLogs, addAxiosInterceptors, } from './customHooks/networkLogger';
 export { setupConsoleLogger, clearConsoleLogs, subscribeConsoleLogs, } from './customHooks/consoleLogger';
 export { setupAnalyticsLogger, logAnalyticsEvent, subscribeAnalyticsEvents, clearAnalyticsEvents, getCurrentUserProperties, getCurrentUserId, getDefaultEventParameters, getCollectionEnabled, } from './customHooks/analyticsLogger';