react-native-inapp-inspector 2.0.6 → 2.1.0

package/dist/esm/components/NetworkIcons.d.ts

@@ -22,7 +22,6 @@ export declare const SizeIcon: ({ color }: IconProps) => React.JSX.Element;
 export declare const RequestIcon: ({ color }: IconProps) => React.JSX.Element;
 export declare const ResponseIcon: ({ color }: IconProps) => React.JSX.Element;
 export declare const HeadersIcon: ({ color }: IconProps) => React.JSX.Element;
-export declare const ReplayIcon: ({ color, size, }: IconProps) => React.JSX.Element;
 export declare const CopyIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const FetchIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const TerminalIcon: ({ color, size, }: IconProps) => React.JSX.Element;
@@ -128,14 +127,3 @@ export declare const TagIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const NpmIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const ResetIcon: ({ color, size }: IconProps) => React.JSX.Element;
 export declare const ChevronDownIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const DatabaseIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const DevicePhoneIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const FlagIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const EditIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const PlusIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const CodeIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const CpuIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const FingerprintIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const MonitorIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const ShieldCheckIcon: ({ color, size }: IconProps) => React.JSX.Element;
-export declare const SparklesIcon: ({ color, size }: IconProps) => React.JSX.Element;

package/dist/esm/components/NetworkIcons.js

@@ -79,13 +79,6 @@ export const HeadersIcon = ({ color = AppColors.skyBlue }) => {
       <Path d="M4 6h16M4 12h16M4 18h10" stroke={color} strokeWidth="2" strokeLinecap="round"/>
     </Svg>);
 };
-export const ReplayIcon = ({ color = AppColors.purple, size = 14, }) => {
-    return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-      <Path d="M21 2v6h-6" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-      <Path d="M21 8A10 10 0 1 0 21.8 14" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-      <Path d="M10 8.5l5.5 3.5-5.5 3.5v-7z" fill={color}/>
-    </Svg>);
-};
 export const CopyIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => {
     return (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
       <Path d="M9 9V5a2 2 0 0 1 2-2h7a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-4" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
@@ -718,53 +711,3 @@ export const ResetIcon = ({ color = AppColors.white, size = 16 }) => (<Svg width
 export const ChevronDownIcon = ({ color = AppColors.grayTextWeak, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
     <Path d="M6 9l6 6 6-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
   </Svg>);
-export const DatabaseIcon = ({ color = AppColors.purple, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Ellipse cx="12" cy="5" rx="9" ry="3" stroke={color} strokeWidth="1.8"/>
-    <Path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </Svg>);
-export const DevicePhoneIcon = ({ color = AppColors.purple, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Rect x="5" y="2" width="14" height="20" rx="3" stroke={color} strokeWidth="1.8"/>
-    <Line x1="12" y1="18" x2="12.01" y2="18" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
-    <Line x1="9" y1="5" x2="15" y2="5" stroke={color} strokeWidth="1.5" strokeLinecap="round"/>
-  </Svg>);
-export const FlagIcon = ({ color = AppColors.purple, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1zM4 22v-7" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);
-export const EditIcon = ({ color = AppColors.grayText, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);
-export const PlusIcon = ({ color = AppColors.white, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Line x1="12" y1="5" x2="12" y2="19" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-    <Line x1="5" y1="12" x2="19" y2="12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-  </Svg>);
-export const CodeIcon = ({ color = AppColors.grayText, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M16 18l6-6-6-6M8 6l-6 6 6 6" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);
-export const CpuIcon = ({ color = AppColors.grayText, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Rect x="4" y="4" width="16" height="16" rx="2" stroke={color} strokeWidth="1.8"/>
-    <Rect x="9" y="9" width="6" height="6" stroke={color} strokeWidth="1.8"/>
-    <Line x1="9" y1="1" x2="9" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="15" y1="1" x2="15" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="9" y1="20" x2="9" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="15" y1="20" x2="15" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="20" y1="9" x2="23" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="20" y1="15" x2="23" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="1" y1="9" x2="4" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="1" y1="15" x2="4" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </Svg>);
-export const FingerprintIcon = ({ color = AppColors.grayText, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10c0 2.21-.895 4.21-2.343 5.657M12 7c-2.761 0-5 2.239-5 5 0 1.38.56 2.63 1.464 3.536M12 11c-.552 0-1 .448-1 1 0 2.5 1.5 4.5 4 5" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);
-export const MonitorIcon = ({ color = AppColors.grayText, size = 14 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Rect x="2" y="3" width="20" height="14" rx="2" stroke={color} strokeWidth="1.8"/>
-    <Line x1="8" y1="21" x2="16" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <Line x1="12" y1="17" x2="12" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </Svg>);
-export const ShieldCheckIcon = ({ color = AppColors.greenColor, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-    <Path d="M9 12l2 2 4-4" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);
-export const SparklesIcon = ({ color = AppColors.purple, size = 16 }) => (<Svg width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <Path d="M12 3l1.912 5.885L20 10.8l-4.756 3.63L16.824 20 12 16.3 7.176 20l1.58-5.57L4 10.8l6.088-1.915L12 3z" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </Svg>);

package/dist/esm/constants/version.d.ts

@@ -1 +1 @@
-export declare const LIB_VERSION = "2.0.6";
+export declare const LIB_VERSION = "2.1.0";

package/dist/esm/constants/version.js

@@ -1,3 +1,3 @@
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-export const LIB_VERSION = '2.0.6';
+export const LIB_VERSION = '2.1.0';

package/dist/esm/helpers/index.d.ts

@@ -31,8 +31,6 @@ export declare const formatTimeShort: (ts: number) => string;
 export declare const formatTime: (ts: number) => string;
 /** Formats a relative gap like "+2s" / "+1m 5s" / "+350ms". */
 export declare const formatGap: (ms: number) => string;
-/** Formats byte size into human readable B / KB / MB. */
-export declare const formatBytes: (bytes: number) => string;
 /** Finds the first JSON object/array embedded anywhere in a log message. */
 export declare const getJsonContent: (message: string) => JsonContent | null;
 /** Pretty-prints JSON data showing 3-4 lines with trailing "..." */

package/dist/esm/helpers/index.js

@@ -393,16 +393,6 @@ export const formatGap = (ms) => {
     const rem = s % 60;
     return rem > 0 ? `+${m}m ${rem}s` : `+${m}m`;
 };
-/** Formats byte size into human readable B / KB / MB. */
-export const formatBytes = (bytes) => {
-    if (bytes === 0)
-        return '0 B';
-    if (bytes < 1024)
-        return `${bytes} B`;
-    if (bytes < 1024 * 1024)
-        return `${(bytes / 1024).toFixed(1)} KB`;
-    return `${(bytes / (1024 * 1024)).toFixed(1)} MB`;
-};
 /** Finds the first JSON object/array embedded anywhere in a log message. */
 export const getJsonContent = (message) => {
     if (!message)

package/dist/esm/helpers/telemetry.js

@@ -13,8 +13,8 @@ import { LIB_VERSION } from '../constants';
 import { getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, getNativeDeviceMetrics, } from '../native/NativeInspector';
 // ─── GA4 Measurement Protocol Configuration ──────────────────────────────────
 // Automatically replaced at build-time from .env by scripts/inject-telemetry.js
-export const GA4_MEASUREMENT_ID = 'G-3QGMQVZX5V';
-export const GA4_API_SECRET = 'C46RQZ3PTfmHDnLnvU3KIg';
+export const GA4_MEASUREMENT_ID = 'G-XXXXXXXXXX';
+export const GA4_API_SECRET = 'YOUR_GA4_API_SECRET';
 const GA4_ENDPOINT = 'https://www.google-analytics.com/mp/collect';
 const CLIENT_ID_KEY = 'telemetry_client_id';
 // Stable session ID created once per JavaScript runtime instance
@@ -236,9 +236,9 @@ export async function trackTelemetryEvent(eventName, params = {}, options) {
         return;
     // Don't send if credentials haven't been configured yet
     if (!GA4_MEASUREMENT_ID ||
-        GA4_MEASUREMENT_ID === 'G-3QGMQVZX5V' ||
+        GA4_MEASUREMENT_ID === 'G-XXXXXXXXXX' ||
         !GA4_API_SECRET ||
-        GA4_API_SECRET === 'C46RQZ3PTfmHDnLnvU3KIg') {
+        GA4_API_SECRET === 'YOUR_GA4_API_SECRET') {
         return;
     }
     try {

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

@@ -50,9 +50,8 @@
         "activeBadge": "ACTIVE",
         "dormantBadge": "DORMANT",
         "protectedBadge": "PROTECTED",
-        "modulesAndTools": "Modules & Tabs",
-        "ramLimits": "RAM & Limits",
-        "uiPreferences": "UI & Appearance",
+        "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",

package/dist/esm/index.d.ts

@@ -14,6 +14,5 @@ export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, tra
 export { InspectLog, InspectTrackTime, InspectCatch, type InspectLogOptions, } from './decorators';
 export { getNativeDeviceMetrics, enableNativeCrashProtection, subscribeNativeCrashes, showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, startNativeFpsMonitoring, stopNativeFpsMonitoring, getNativeFpsMetrics, getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, type NativeDeviceMetrics, type NativeCrashEvent, type FloatingButtonOptions, type NativeFpsMetrics, } from './native/NativeInspector';
 export { sendSessionTelemetryPing, trackTelemetryEvent, trackInspectorOpen, trackTabSwitch, trackLogExport, GA4_MEASUREMENT_ID, GA4_API_SECRET, } from './helpers';
-export { runLivePackageAudit, logCodeQualityIssue, clearCustomAuditIssues, } from './helpers/packageAuditor';
 export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

package/dist/esm/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useRef, useState, useCallback } from 'react';
-import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, InteractionManager, View, StyleSheet, } from 'react-native';
+import { Alert, Animated, PanResponder, Platform, UIManager, LogBox, InteractionManager, } from 'react-native';
 import { NavigationContext } from '@react-navigation/native';
 // i18n
 import { I18nextProvider, i18n } from './i18n';
@@ -23,22 +23,14 @@ import { subscribeAnalyticsEvents, clearAnalyticsEvents, autoSetupAnalyticsLogge
 import { getReduxState, subscribeReduxState, setReduxAutoRefresh, getLastActionForReducer, clearActionHistory, isReduxConnected, setReduxModuleEnabled, } from './customHooks/reduxLogger';
 import { setPerformanceModuleEnabled } from './customHooks/performanceTracker';
 import { setBundleModuleEnabled } from './customHooks/bundleAnalyzer';
-import { fetchAllStorageEntries, setStorageItem, removeStorageItem, clearAllStorage, subscribeStorageChanges, } from './customHooks/storageInspector';
-import { getSystemDiagnostics } from './helpers/deviceInfo';
-import { runLivePackageAudit, subscribeAuditChanges, logCodeQualityIssue, } from './helpers/packageAuditor';
 import { showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, isNativeModuleAvailable, } from './native/NativeInspector';
 import { LIB_VERSION } from './constants';
 // Stylesheet
 import { toggleGlobalTheme } from './styles';
-const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, initialTab, enablePerformanceHud = false, }) => {
-    // Zero-overhead production stub: if disabled, return null immediately
-    if (!enabled || !isEnabled) {
-        return null;
-    }
+const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, }) => {
     // Set custom storage synchronously during render phase
     setCustomStorage(storage || null);
     const [isDark, setIsDark] = useState(false);
-    const [isPerformanceHudEnabled, setIsPerformanceHudEnabled] = useState(enablePerformanceHud);
     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.
@@ -53,11 +45,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setVisible(controlledVisible);
         }
     }, [controlledVisible]);
-    useEffect(() => {
-        if (enablePerformanceHud !== undefined) {
-            setIsPerformanceHudEnabled(enablePerformanceHud);
-        }
-    }, [enablePerformanceHud]);
     const [isReady, setIsReady] = useState(false);
     const [selected, setSelected] = useState(null);
     const [selectedLogs, setSelectedLogs] = useState(new Set());
@@ -97,7 +84,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [showReqDiff, setShowReqDiff] = useState(false);
     const [showResDiff, setShowResDiff] = useState(false);
     // ─── Analytics state ───────────────────────────────────────────────────────
-    const [activeTab, setActiveTab] = useState(initialTab || 'apis');
+    const [activeTab, setActiveTab] = useState('apis');
     const [analyticsEvents, setAnalyticsEvents] = useState([]);
     // ─── Logs state ────────────────────────────────────────────────────────────
     const [consoleLogs, setConsoleLogs] = useState([]);
@@ -153,47 +140,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setLastReadCrashesCount(crashRecords.length);
         }
     }, [activeTab, crashRecords.length]);
-    // ─── Storage state ─────────────────────────────────────────────────────────
-    const [storageEntries, setStorageEntries] = useState([]);
-    const [selectedStorageKey, setSelectedStorageKey] = useState(null);
-    const refreshStorageEntries = useCallback(async () => {
-        try {
-            const entries = await fetchAllStorageEntries();
-            setStorageEntries(entries);
-        }
-        catch { }
-    }, []);
-    const updateStorageEntry = useCallback(async (key, value) => {
-        await setStorageItem(key, value);
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    const deleteStorageEntry = useCallback(async (key) => {
-        await removeStorageItem(key);
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    const clearAllStorageEntries = useCallback(async () => {
-        await clearAllStorage();
-        await refreshStorageEntries();
-    }, [refreshStorageEntries]);
-    useEffect(() => {
-        refreshStorageEntries();
-        const unsub = subscribeStorageChanges(refreshStorageEntries);
-        return () => unsub();
-    }, [refreshStorageEntries]);
-    // ─── Device info state ──────────────────────────────────────────────────────
-    const [deviceInfo] = useState(() => getSystemDiagnostics());
-    // ─── Code Quality & Package Audit state ─────────────────────────────────────
-    const [auditReport, setAuditReport] = useState(() => runLivePackageAudit());
-    useEffect(() => {
-        const unsub = subscribeAuditChanges(setAuditReport);
-        return () => unsub();
-    }, []);
-    const refreshAuditReport = useCallback(() => {
-        setAuditReport(runLivePackageAudit());
-    }, []);
-    const logCustomAuditIssue = useCallback((issue) => {
-        logCodeQualityIssue(issue);
-    }, []);
     const [maxConsoleLogs, setMaxConsoleLogs] = useState(100);
     const [showConsoleLevels, setShowConsoleLevels] = useState({
         info: true,
@@ -234,9 +180,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         logs: true,
         analytics: false,
         redux: false,
-        storage: false,
-        device: false,
-        audit: false,
         bundle: false,
         performance: false,
         crash: false,
@@ -291,9 +234,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             logs: true,
             analytics: false,
             redux: false,
-            storage: false,
-            device: false,
-            audit: false,
             bundle: false,
             performance: false,
             crash: false,
@@ -331,24 +271,14 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setModalHeightPercent(saved.modalHeightPercent);
             if (saved.modalAnimationType)
                 setModalAnimationType(saved.modalAnimationType);
-            if (saved.tabVisibility) {
-                const savedVis = saved.tabVisibility;
+            if (saved.tabVisibility)
                 setTabVisibility(prev => ({
                     ...prev,
-                    ...savedVis,
-                    storage: savedVis.storage ?? false,
-                    device: savedVis.device ?? false,
-                    audit: savedVis.audit ?? false,
+                    ...saved.tabVisibility,
                     apis: true, // APIs is always required
                 }));
-            }
-            if (initialTab) {
-                setActiveTab(initialTab);
-            }
-            else if (saved.defaultTab) {
+            if (saved.defaultTab)
                 setDefaultTab(saved.defaultTab);
-                setActiveTab(saved.defaultTab);
-            }
             if (saved.isAutoRamLimitEnabled != null)
                 setIsAutoRamLimitEnabled(saved.isAutoRamLimitEnabled);
             if (saved.maxNetworkLogs != null)
@@ -369,10 +299,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setShowDuplicateLogs(saved.showDuplicateLogs);
             if (saved.showUpdateToast != null)
                 setShowUpdateToast(saved.showUpdateToast);
-            if (initialTab) {
-                setActiveTab(initialTab);
-            }
-            else if (saved.defaultTab) {
+            if (saved.defaultTab) {
                 const dt = saved.defaultTab;
                 const vis = {
                     ...{
@@ -380,9 +307,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                         logs: true,
                         analytics: false,
                         redux: false,
-                        storage: false,
-                        device: false,
-                        audit: false,
                         bundle: false,
                         performance: false,
                         crash: false,
@@ -851,12 +775,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 ? defaultTab
                 : 'apis';
             setActiveTab(target);
-            setSelected(null);
-            setSelectedEvent(null);
-            setSelectedLog(null);
-            setSelectedReduxSlice(null);
-            setSelectedReduxAction(null);
-            setSelectedCrash(null);
             // Track inspector opened event in GA4
             trackInspectorOpen({ activeTab: target });
             // Instant synchronization of data collected while modal was closed
@@ -1836,20 +1754,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setCrashRecords([]);
             setSelectedCrash(null);
         },
-        // ─── Storage ─────────────────────────────────────────────────────────
-        storageEntries,
-        refreshStorageEntries,
-        updateStorageEntry,
-        deleteStorageEntry,
-        clearAllStorageEntries,
-        selectedStorageKey,
-        setSelectedStorageKey,
-        // ─── Device ──────────────────────────────────────────────────────────
-        deviceInfo,
-        // ─── Audit / Code Quality ─────────────────────────────────────────────
-        auditReport,
-        refreshAuditReport,
-        logCustomAuditIssue,
         // ─── Settings ───────────────────────────────────────────────────────
         settingsActiveSubTab,
         setSettingsActiveSubTab,
@@ -1874,17 +1778,13 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         isAutoRamLimitEnabled,
         setIsAutoRamLimitEnabled,
         deviceFreeRamMb,
-        isPerformanceHudEnabled,
-        setIsPerformanceHudEnabled,
         reduxAutoRefresh,
         setReduxAutoRefreshState,
         reduxExpandDepth,
         setReduxExpandDepth,
     };
     return (<InspectorContext.Provider value={contextValue}>
-      <View style={StyleSheet.absoluteFill} pointerEvents="box-none">
-        <MainScreen />
-      </View>
+      <MainScreen />
     </InspectorContext.Provider>);
 };
 const NetworkInspectorWrapper = (props) => {
@@ -1913,6 +1813,5 @@ export { usePerformanceTracker, useComponentProfiler, useNavigationProfiler, tra
 export { InspectLog, InspectTrackTime, InspectCatch, } from './decorators';
 export { getNativeDeviceMetrics, enableNativeCrashProtection, subscribeNativeCrashes, showNativeFloatingButton, hideNativeFloatingButton, setNativeFloatingButtonBadge, subscribeNativeFloatingButtonPress, subscribeNativeDeviceShake, startNativeFpsMonitoring, stopNativeFpsMonitoring, getNativeFpsMetrics, getNativeStorageItem, setNativeStorageItem, isNativeModuleAvailable, } from './native/NativeInspector';
 export { sendSessionTelemetryPing, trackTelemetryEvent, trackInspectorOpen, trackTabSwitch, trackLogExport, GA4_MEASUREMENT_ID, GA4_API_SECRET, } from './helpers';
-export { runLivePackageAudit, logCodeQualityIssue, clearCustomAuditIssues, } from './helpers/packageAuditor';
 export { BrandSquareIcon, BrandCircleIcon, } from './components/NetworkIcons';
 export { ActiveTab, Method, StatusFilter, SortOrder, LocalFilter, ModalAnimationType, SettingsPage, SettingsSubTab, LogFilter, ConsoleLogType, AnalyticsEventSource, GAEventCategory, StackFrameType, DiffResultType, BundleSubTab, PerformanceSubTab, CrashType, CrashExportFormat, CrashDetailSubTab, CrashFilterType, BreadcrumbType, } from './types';

package/dist/esm/native/NativeInspector.d.ts

@@ -14,7 +14,6 @@ export interface NativeDeviceMetrics {
     isCharging?: boolean;
     deviceModel?: string;
     deviceBrand?: string;
-    deviceId?: string;
     osVersion?: string;
     apiLevel?: number;
     cpuAbi?: string;

package/dist/esm/types/enums.d.ts

@@ -3,9 +3,6 @@ export declare const ActiveTab: {
     readonly Analytics: "analytics";
     readonly Logs: "logs";
     readonly Redux: "redux";
-    readonly Storage: "storage";
-    readonly Device: "device";
-    readonly Audit: "audit";
     readonly Bundle: "bundle";
     readonly Performance: "performance";
     readonly Crash: "crash";
@@ -52,9 +49,6 @@ export declare const SettingsPage: {
     readonly Logs: "logs";
     readonly Analytics: "analytics";
     readonly Redux: "redux";
-    readonly Storage: "storage";
-    readonly Device: "device";
-    readonly Audit: "audit";
     readonly Bundle: "bundle";
     readonly Performance: "performance";
     readonly Crash: "crash";
@@ -62,7 +56,6 @@ export declare const SettingsPage: {
 export type SettingsPage = (typeof SettingsPage)[keyof typeof SettingsPage] | null;
 export declare const SettingsSubTab: {
     readonly Module: "module";
-    readonly Limits: "limits";
     readonly Ui: "ui";
 };
 export type SettingsSubTab = (typeof SettingsSubTab)[keyof typeof SettingsSubTab];

package/dist/esm/types/enums.js

@@ -6,9 +6,6 @@ export const ActiveTab = {
     Analytics: 'analytics',
     Logs: 'logs',
     Redux: 'redux',
-    Storage: 'storage',
-    Device: 'device',
-    Audit: 'audit',
     Bundle: 'bundle',
     Performance: 'performance',
     Crash: 'crash',
@@ -49,16 +46,12 @@ export const SettingsPage = {
     Logs: 'logs',
     Analytics: 'analytics',
     Redux: 'redux',
-    Storage: 'storage',
-    Device: 'device',
-    Audit: 'audit',
     Bundle: 'bundle',
     Performance: 'performance',
     Crash: 'crash',
 };
 export const SettingsSubTab = {
     Module: 'module',
-    Limits: 'limits',
     Ui: 'ui',
 };
 export const LogFilter = {

package/dist/esm/types/interfaces.d.ts

@@ -3,64 +3,6 @@ import { ViewStyle } from 'react-native';
 import { Animated, PanResponderInstance } from 'react-native';
 import type { ActiveTab, BreadcrumbType, CrashType, GroupedListItem, LocalFilter, LogFilter, Method, SettingsPage, SettingsSubTab, SortOrder, StatusFilter } from './index';
 export type SearchScope = 'all' | 'url' | 'reqBody' | 'resBody' | 'headers';
-export interface StorageEntry {
-    key: string;
-    value: string;
-    sizeBytes: number;
-    isJson: boolean;
-    parsedJson?: any;
-    updatedAt: number;
-}
-export interface DeviceInfoData {
-    appName: string;
-    bundleId: string;
-    appVersion: string;
-    buildNumber: string;
-    reactNativeVersion: string;
-    jsEngine: string;
-    isHermes: boolean;
-    isFabric: boolean;
-    isTurboModule: boolean;
-    platform: 'ios' | 'android' | 'windows' | 'macos' | 'web';
-    osVersion: string;
-    deviceModel: string;
-    deviceId?: string;
-    isDevice: boolean;
-    screenWidth: number;
-    screenHeight: number;
-    screenScale: number;
-    screenFontScale: number;
-    statusBarHeight: number;
-    memoryMb?: number;
-    arch?: string;
-    locale?: string;
-    timeZone?: string;
-}
-export type AuditSeverity = 'critical' | 'warning' | 'info' | 'optimal';
-export type AuditCategory = 'dependency' | 'typescript' | 'peer' | 'performance' | 'security';
-export interface AuditIssue {
-    id: string;
-    title: string;
-    message: string;
-    severity: AuditSeverity;
-    category: AuditCategory;
-    packageName?: string;
-    currentVersion?: string;
-    requiredVersion?: string;
-    fixCommand?: string;
-    fixSnippet?: string;
-    timestamp: number;
-}
-export interface PackageHealthReport {
-    score: number;
-    grade: 'A+' | 'A' | 'B' | 'C' | 'D';
-    totalIssues: number;
-    criticalCount: number;
-    warningCount: number;
-    infoCount: number;
-    issues: AuditIssue[];
-    scannedAt: number;
-}
 export interface ParsedStackFrame {
     method: string;
     file: string;
@@ -222,8 +164,6 @@ export interface NetworkInspectorProps {
     environment?: 'DEV' | 'UAT' | 'PrePROD' | 'PROD' | 'QA' | 'Staging' | string;
     initialVisible?: boolean;
     visible?: boolean;
-    initialTab?: ActiveTab;
-    enablePerformanceHud?: boolean;
 }
 export interface NavigationTrackerProps {
     onStateChange: (state: any) => void;
@@ -236,8 +176,6 @@ export interface InspectorContextValue {
     isEnabled: boolean;
     appIcon?: any;
     environment?: string;
-    isPerformanceHudEnabled: boolean;
-    setIsPerformanceHudEnabled: React.Dispatch<React.SetStateAction<boolean>>;
     modalHeightPercent: number;
     setModalHeightPercent: React.Dispatch<React.SetStateAction<number>>;
     modalAnimationType: 'slide' | 'fade' | 'none';
@@ -367,17 +305,6 @@ export interface InspectorContextValue {
     maxCrashLogs: number;
     setMaxCrashLogs: React.Dispatch<React.SetStateAction<number>>;
     clearAllCrashes: () => void;
-    storageEntries: StorageEntry[];
-    refreshStorageEntries: () => Promise<void>;
-    updateStorageEntry: (key: string, value: string) => Promise<void>;
-    deleteStorageEntry: (key: string) => Promise<void>;
-    clearAllStorageEntries: () => Promise<void>;
-    selectedStorageKey: string | null;
-    setSelectedStorageKey: React.Dispatch<React.SetStateAction<string | null>>;
-    deviceInfo: DeviceInfoData;
-    auditReport: PackageHealthReport;
-    refreshAuditReport: () => void;
-    logCustomAuditIssue: (issue: Omit<AuditIssue, 'id' | 'timestamp'>) => void;
     settingsActiveSubTab: SettingsSubTab;
     setSettingsActiveSubTab: React.Dispatch<React.SetStateAction<SettingsSubTab>>;
     defaultTab: ActiveTab;

package/ios/NetworkInspectorModule.mm

@@ -515,10 +515,6 @@ RCT_EXPORT_METHOD(getDeviceMetrics:(RCTPromiseResolveBlock)resolve
     [metrics setObject:[UIDevice currentDevice].systemName forKey:@"deviceBrand"];
     [metrics setObject:[UIDevice currentDevice].systemVersion forKey:@"osVersion"];
     [metrics setObject:@"arm64" forKey:@"cpuAbi"];
-    NSString *deviceId = [[UIDevice currentDevice].identifierForVendor UUIDString];
-    if (deviceId) {
-        [metrics setObject:deviceId forKey:@"deviceId"];
-    }
 
     // 5. Application Identifiers (Legal & Non-PII)
     NSBundle *mainBundle = [NSBundle mainBundle];
@@ -561,13 +557,10 @@ static UIWindow *GetAppActiveWindow(void) {
     return [UIApplication sharedApplication].windows.firstObject;
 }
 
-static BOOL isFloatingButtonRequestedVisible = NO;
-
 RCT_EXPORT_METHOD(showFloatingButton:(NSDictionary *)options
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
     dispatch_async(dispatch_get_main_queue(), ^{
-        isFloatingButtonRequestedVisible = YES;
         UIWindow *targetWindow = GetAppActiveWindow();
         CGRect screenBounds = targetWindow ? targetWindow.bounds : [UIScreen mainScreen].bounds;
 
@@ -606,7 +599,6 @@ RCT_EXPORT_METHOD(showFloatingButton:(NSDictionary *)options
         }
 
         void (^attachToWindow)(void) = ^{
-            if (!isFloatingButtonRequestedVisible) return;
             UIWindow *activeWin = GetAppActiveWindow();
             if (!activeWin || !floatingButtonView) return;
             
@@ -643,11 +635,12 @@ RCT_EXPORT_METHOD(showFloatingButton:(NSDictionary *)options
 RCT_EXPORT_METHOD(hideFloatingButton:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
     dispatch_async(dispatch_get_main_queue(), ^{
-        isFloatingButtonRequestedVisible = NO;
         if (floatingButtonView != nil) {
-            floatingButtonView.alpha = 0.0;
-            floatingButtonView.hidden = YES;
-            [floatingButtonView removeFromSuperview];
+            [UIView animateWithDuration:0.15 animations:^{
+                floatingButtonView.alpha = 0.0;
+            } completion:^(BOOL finished) {
+                floatingButtonView.hidden = YES;
+            }];
         }
         resolve(@(YES));
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-inapp-inspector",
-  "version": "2.0.6",
+  "version": "2.1.0",
   "description": "The zero-config, all-in-one in-app debugger for React Native & Expo. Inspect Network (fetch/axios), Console logs, Stack Traces, Redux State, Firebase Analytics, and JS Bundle size directly on device.",
   "repository": {
     "type": "git",
@@ -44,9 +44,6 @@
     "clean": "rm -rf dist",
     "prebuild": "node scripts/gen-version.js",
     "build": "npm run clean && tsc && tsc -p tsconfig.esm.json && node scripts/inject-telemetry.js",
-    "typecheck": "tsc --noEmit",
-    "format": "prettier --write \"src/**/*.{ts,tsx}\"",
-    "format:check": "prettier --check \"src/**/*.{ts,tsx}\"",
     "watch": "tsc -w",
     "prepack": "npm run build",
     "publish": "node release.cjs",