react-native-inapp-inspector 2.0.7 → 2.2.0

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

@@ -4,11 +4,11 @@ import { useInspector } from './InspectorContext';
 import styles from '../../styles';
 import { AppColors } from '../../styles/AppColors';
 import TouchableScale from '../TouchableScale';
-import { SignalIcon, TerminalIcon, AnalyticsIcon, PackageIcon, ReduxIcon, PerformanceIcon, CrashIcon, DatabaseIcon, DevicePhoneIcon, ShieldCheckIcon, } from '../NetworkIcons';
+import { SignalIcon, TerminalIcon, AnalyticsIcon, PackageIcon, ReduxIcon, PerformanceIcon, CrashIcon, } from '../NetworkIcons';
 import { isReduxConnected } from '../../customHooks/reduxLogger';
 import { isAnalyticsConnected } from '../../customHooks/analyticsLogger';
 const TabBar = React.memo(() => {
-    const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, storageEntries, auditReport, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = useInspector();
+    const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = useInspector();
     const isReduxAvail = isReduxConnected();
     const isAnalyticsAvail = isAnalyticsConnected();
     return (<View style={styles.tabBarContainer}>
@@ -38,24 +38,6 @@ const TabBar = React.memo(() => {
                 count: 0,
                 icon: 'redux',
             },
-            {
-                key: 'storage',
-                label: 'Storage',
-                count: storageEntries.length,
-                icon: 'storage',
-            },
-            {
-                key: 'device',
-                label: 'Device',
-                count: 0,
-                icon: 'device',
-            },
-            {
-                key: 'audit',
-                label: 'Audit',
-                count: auditReport?.totalIssues || 0,
-                icon: 'audit',
-            },
             {
                 key: 'bundle',
                 label: 'Bundle',
@@ -76,7 +58,7 @@ const TabBar = React.memo(() => {
             },
         ]
             .filter(tab => {
-            if (!tabVisibility?.[tab.key] && activeTab !== tab.key)
+            if (!tabVisibility?.[tab.key])
                 return false;
             if (tab.key === 'redux' && !isReduxAvail)
                 return false;
@@ -113,9 +95,6 @@ const TabBar = React.memo(() => {
                   {tab.icon === 'logs' && (<TerminalIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'analytics' && (<AnalyticsIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'redux' && (<ReduxIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'storage' && (<DatabaseIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'device' && (<DevicePhoneIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'audit' && (<ShieldCheckIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'bundle' && (<PackageIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'performance' && (<PerformanceIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'crash' && (<CrashIcon color={iconColor} size={14}/>)}

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.7";
+export declare const LIB_VERSION = "2.2.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.7';
+export const LIB_VERSION = '2.2.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/settingsStore.d.ts

@@ -2,7 +2,7 @@ import { InspectorStorage, PersistedSettings } from '../types';
 export { InspectorStorage, PersistedSettings };
 export declare function setCustomStorage(storage: InspectorStorage | null): void;
 export declare function loadSettings(): Promise<PersistedSettings>;
-export declare function saveSettings(settings: PersistedSettings): Promise<void>;
+export declare function saveSettings(settings: PersistedSettings): void;
 export declare function clearPersistedSettings(): Promise<void>;
 export declare const isPersistentStorageAvailable: () => boolean;
 export declare function getCustomStorage(): InspectorStorage | null;

package/dist/esm/helpers/settingsStore.js

@@ -48,11 +48,9 @@ export async function loadSettings() {
         return {};
     }
 }
-export async function saveSettings(settings) {
+export function saveSettings(settings) {
     try {
-        const existing = await loadSettings();
-        const merged = { ...existing, ...settings };
-        const raw = JSON.stringify(merged);
+        const raw = JSON.stringify(settings);
         if (customStorage) {
             customStorage.setItem(SETTINGS_KEY, raw);
             return;

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());
@@ -89,8 +76,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [sectionFilters, setSectionFilters] = useState({});
     const [collapsedSections, setCollapsedSections] = useState(new Set());
     const [showHeaderInfo, setShowHeaderInfo] = useState(true);
-    const [isWalkthroughVisible, setIsWalkthroughVisible] = useState(true);
-    const hasCompletedWalkthroughRef = useRef(null);
     const [sortOrder, setSortOrder] = useState('newest');
     // #7 — sort order for the Logs (console) tab
     const [logSortOrder, setLogSortOrder] = useState('newest');
@@ -99,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([]);
@@ -155,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,
@@ -236,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,
@@ -293,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,
@@ -333,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)
@@ -371,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 = {
                     ...{
@@ -382,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,
@@ -394,7 +316,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 };
                 setActiveTab(vis[dt] ? dt : 'apis');
             }
-            hasCompletedWalkthroughRef.current = saved.hasCompletedWalkthrough === true;
             settingsHydratedRef.current = true;
         });
         return () => {
@@ -854,17 +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);
-            // Trigger first-time walkthrough strictly on first FAB launch if not yet completed
-            if (hasCompletedWalkthroughRef.current === false) {
-                setIsWalkthroughVisible(true);
-                hasCompletedWalkthroughRef.current = true;
-            }
             // Track inspector opened event in GA4
             trackInspectorOpen({ activeTab: target });
             // Instant synchronization of data collected while modal was closed
@@ -1710,12 +1620,6 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setModalAnimationType,
         hasNavigationContext,
         setNavState,
-        isWalkthroughVisible,
-        setIsWalkthroughVisible,
-        openWalkthrough: () => {
-            setSettingsPage(null);
-            setIsWalkthroughVisible(true);
-        },
         // ─── Tabs ───────────────────────────────────────────────────────────
         activeTab,
         switchActiveTab,
@@ -1850,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,
@@ -1888,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) => {
@@ -1927,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 = {