react-native-inapp-inspector 2.0.5 → 2.0.7

package/dist/commonjs/helpers/settingsStore.js

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

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

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

@@ -14,5 +14,6 @@ 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/commonjs/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.registerComponentProfile = exports.getHermesMemoryStats = exports.measureAsync = exports.trackHeavyTask = exports.trackNavigationTransition = exports.trackComponentRender = exports.useNavigationProfiler = exports.useComponentProfiler = exports.usePerformanceTracker = exports.registerGAPlugin = exports.getEventCategory = exports.getLastActionForReducer = exports.clearActionHistory = exports.getActionHistory = exports.subscribeReduxState = exports.getReduxState = exports.inspectorReduxMiddleware = exports.connectReduxStore = exports.ErrorBoundary = exports.CrashTab = exports.computeCrashFingerprint = exports.recordUserActionBreadcrumb = exports.recordReduxBreadcrumb = exports.recordNetworkBreadcrumb = exports.recordNavigationBreadcrumb = exports.addCrashBreadcrumb = exports.recordCustomCrash = exports.parseCrashStackTrace = exports.exportCrashReport = exports.simulateTestCrash = exports.clearCrashRecords = exports.getCrashRecords = exports.emitCrashEvent = exports.subscribeCrashEvents = exports.setupGlobalCrashHandler = exports.getCollectionEnabled = exports.getDefaultEventParameters = exports.getCurrentUserId = exports.getCurrentUserProperties = exports.clearAnalyticsEvents = exports.subscribeAnalyticsEvents = exports.logAnalyticsEvent = exports.setupAnalyticsLogger = exports.subscribeConsoleLogs = exports.clearConsoleLogs = exports.setupConsoleLogger = exports.addAxiosInterceptors = exports.subscribeNetworkLogs = exports.clearNetworkLogs = exports.setupNetworkLogger = void 0;
-exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.GA4_API_SECRET = exports.GA4_MEASUREMENT_ID = exports.trackLogExport = exports.trackTabSwitch = exports.trackInspectorOpen = exports.trackTelemetryEvent = exports.sendSessionTelemetryPing = exports.isNativeModuleAvailable = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeDeviceShake = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
-exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = void 0;
+exports.GAEventCategory = exports.AnalyticsEventSource = exports.ConsoleLogType = exports.LogFilter = exports.SettingsSubTab = exports.SettingsPage = exports.ModalAnimationType = exports.LocalFilter = exports.SortOrder = exports.StatusFilter = exports.Method = exports.ActiveTab = exports.BrandCircleIcon = exports.BrandSquareIcon = exports.clearCustomAuditIssues = exports.logCodeQualityIssue = exports.runLivePackageAudit = exports.GA4_API_SECRET = exports.GA4_MEASUREMENT_ID = exports.trackLogExport = exports.trackTabSwitch = exports.trackInspectorOpen = exports.trackTelemetryEvent = exports.sendSessionTelemetryPing = exports.isNativeModuleAvailable = exports.setNativeStorageItem = exports.getNativeStorageItem = exports.getNativeFpsMetrics = exports.stopNativeFpsMonitoring = exports.startNativeFpsMonitoring = exports.subscribeNativeDeviceShake = exports.subscribeNativeFloatingButtonPress = exports.setNativeFloatingButtonBadge = exports.hideNativeFloatingButton = exports.showNativeFloatingButton = exports.subscribeNativeCrashes = exports.enableNativeCrashProtection = exports.getNativeDeviceMetrics = exports.InspectCatch = exports.InspectTrackTime = exports.InspectLog = exports.generateFixSnippet = exports.getInitialPerformanceEvents = exports.getInitialRenderProfiles = exports.getPerformanceEvents = exports.subscribePerformanceEvents = exports.clearPerformanceEvents = exports.logPerformanceEvent = exports.getRenderProfiles = exports.subscribeRenderProfiles = void 0;
+exports.BreadcrumbType = exports.CrashFilterType = exports.CrashDetailSubTab = exports.CrashExportFormat = exports.CrashType = exports.PerformanceSubTab = exports.BundleSubTab = exports.DiffResultType = exports.StackFrameType = void 0;
 const react_1 = __importStar(require("react"));
 const react_native_1 = require("react-native");
 const native_1 = require("@react-navigation/native");
@@ -64,14 +64,22 @@ const analyticsLogger_1 = require("./customHooks/analyticsLogger");
 const reduxLogger_1 = require("./customHooks/reduxLogger");
 const performanceTracker_1 = require("./customHooks/performanceTracker");
 const bundleAnalyzer_1 = require("./customHooks/bundleAnalyzer");
+const storageInspector_1 = require("./customHooks/storageInspector");
+const deviceInfo_1 = require("./helpers/deviceInfo");
+const packageAuditor_1 = require("./helpers/packageAuditor");
 const NativeInspector_2 = require("./native/NativeInspector");
 const constants_1 = require("./constants");
 // Stylesheet
 const styles_1 = require("./styles");
-const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigationRef, appIcon, environment, initialVisible, visible: controlledVisible, }) => {
+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;
+    }
     // Set custom storage synchronously during render phase
     (0, settingsStore_1.setCustomStorage)(storage || null);
     const [isDark, setIsDark] = (0, react_1.useState)(false);
+    const [isPerformanceHudEnabled, setIsPerformanceHudEnabled] = (0, react_1.useState)(enablePerformanceHud);
     const [reduxState, setReduxState] = (0, react_1.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.
@@ -86,6 +94,11 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setVisible(controlledVisible);
         }
     }, [controlledVisible]);
+    (0, react_1.useEffect)(() => {
+        if (enablePerformanceHud !== undefined) {
+            setIsPerformanceHudEnabled(enablePerformanceHud);
+        }
+    }, [enablePerformanceHud]);
     const [isReady, setIsReady] = (0, react_1.useState)(false);
     const [selected, setSelected] = (0, react_1.useState)(null);
     const [selectedLogs, setSelectedLogs] = (0, react_1.useState)(new Set());
@@ -117,6 +130,8 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [sectionFilters, setSectionFilters] = (0, react_1.useState)({});
     const [collapsedSections, setCollapsedSections] = (0, react_1.useState)(new Set());
     const [showHeaderInfo, setShowHeaderInfo] = (0, react_1.useState)(true);
+    const [isWalkthroughVisible, setIsWalkthroughVisible] = (0, react_1.useState)(true);
+    const hasCompletedWalkthroughRef = (0, react_1.useRef)(null);
     const [sortOrder, setSortOrder] = (0, react_1.useState)('newest');
     // #7 — sort order for the Logs (console) tab
     const [logSortOrder, setLogSortOrder] = (0, react_1.useState)('newest');
@@ -125,7 +140,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
     const [showReqDiff, setShowReqDiff] = (0, react_1.useState)(false);
     const [showResDiff, setShowResDiff] = (0, react_1.useState)(false);
     // ─── Analytics state ───────────────────────────────────────────────────────
-    const [activeTab, setActiveTab] = (0, react_1.useState)('apis');
+    const [activeTab, setActiveTab] = (0, react_1.useState)(initialTab || 'apis');
     const [analyticsEvents, setAnalyticsEvents] = (0, react_1.useState)([]);
     // ─── Logs state ────────────────────────────────────────────────────────────
     const [consoleLogs, setConsoleLogs] = (0, react_1.useState)([]);
@@ -181,6 +196,47 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
             setLastReadCrashesCount(crashRecords.length);
         }
     }, [activeTab, crashRecords.length]);
+    // ─── Storage state ─────────────────────────────────────────────────────────
+    const [storageEntries, setStorageEntries] = (0, react_1.useState)([]);
+    const [selectedStorageKey, setSelectedStorageKey] = (0, react_1.useState)(null);
+    const refreshStorageEntries = (0, react_1.useCallback)(async () => {
+        try {
+            const entries = await (0, storageInspector_1.fetchAllStorageEntries)();
+            setStorageEntries(entries);
+        }
+        catch { }
+    }, []);
+    const updateStorageEntry = (0, react_1.useCallback)(async (key, value) => {
+        await (0, storageInspector_1.setStorageItem)(key, value);
+        await refreshStorageEntries();
+    }, [refreshStorageEntries]);
+    const deleteStorageEntry = (0, react_1.useCallback)(async (key) => {
+        await (0, storageInspector_1.removeStorageItem)(key);
+        await refreshStorageEntries();
+    }, [refreshStorageEntries]);
+    const clearAllStorageEntries = (0, react_1.useCallback)(async () => {
+        await (0, storageInspector_1.clearAllStorage)();
+        await refreshStorageEntries();
+    }, [refreshStorageEntries]);
+    (0, react_1.useEffect)(() => {
+        refreshStorageEntries();
+        const unsub = (0, storageInspector_1.subscribeStorageChanges)(refreshStorageEntries);
+        return () => unsub();
+    }, [refreshStorageEntries]);
+    // ─── Device info state ──────────────────────────────────────────────────────
+    const [deviceInfo] = (0, react_1.useState)(() => (0, deviceInfo_1.getSystemDiagnostics)());
+    // ─── Code Quality & Package Audit state ─────────────────────────────────────
+    const [auditReport, setAuditReport] = (0, react_1.useState)(() => (0, packageAuditor_1.runLivePackageAudit)());
+    (0, react_1.useEffect)(() => {
+        const unsub = (0, packageAuditor_1.subscribeAuditChanges)(setAuditReport);
+        return () => unsub();
+    }, []);
+    const refreshAuditReport = (0, react_1.useCallback)(() => {
+        setAuditReport((0, packageAuditor_1.runLivePackageAudit)());
+    }, []);
+    const logCustomAuditIssue = (0, react_1.useCallback)((issue) => {
+        (0, packageAuditor_1.logCodeQualityIssue)(issue);
+    }, []);
     const [maxConsoleLogs, setMaxConsoleLogs] = (0, react_1.useState)(100);
     const [showConsoleLevels, setShowConsoleLevels] = (0, react_1.useState)({
         info: true,
@@ -221,6 +277,9 @@ 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,
@@ -275,6 +334,9 @@ 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,
@@ -312,14 +374,24 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setModalHeightPercent(saved.modalHeightPercent);
             if (saved.modalAnimationType)
                 setModalAnimationType(saved.modalAnimationType);
-            if (saved.tabVisibility)
+            if (saved.tabVisibility) {
+                const savedVis = saved.tabVisibility;
                 setTabVisibility(prev => ({
                     ...prev,
-                    ...saved.tabVisibility,
+                    ...savedVis,
+                    storage: savedVis.storage ?? false,
+                    device: savedVis.device ?? false,
+                    audit: savedVis.audit ?? false,
                     apis: true, // APIs is always required
                 }));
-            if (saved.defaultTab)
+            }
+            if (initialTab) {
+                setActiveTab(initialTab);
+            }
+            else if (saved.defaultTab) {
                 setDefaultTab(saved.defaultTab);
+                setActiveTab(saved.defaultTab);
+            }
             if (saved.isAutoRamLimitEnabled != null)
                 setIsAutoRamLimitEnabled(saved.isAutoRamLimitEnabled);
             if (saved.maxNetworkLogs != null)
@@ -340,7 +412,10 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 setShowDuplicateLogs(saved.showDuplicateLogs);
             if (saved.showUpdateToast != null)
                 setShowUpdateToast(saved.showUpdateToast);
-            if (saved.defaultTab) {
+            if (initialTab) {
+                setActiveTab(initialTab);
+            }
+            else if (saved.defaultTab) {
                 const dt = saved.defaultTab;
                 const vis = {
                     ...{
@@ -348,6 +423,9 @@ 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,
@@ -357,6 +435,7 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
                 };
                 setActiveTab(vis[dt] ? dt : 'apis');
             }
+            hasCompletedWalkthroughRef.current = saved.hasCompletedWalkthrough === true;
             settingsHydratedRef.current = true;
         });
         return () => {
@@ -816,6 +895,17 @@ 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
             (0, helpers_1.trackInspectorOpen)({ activeTab: target });
             // Instant synchronization of data collected while modal was closed
@@ -1661,6 +1751,12 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         setModalAnimationType,
         hasNavigationContext,
         setNavState,
+        isWalkthroughVisible,
+        setIsWalkthroughVisible,
+        openWalkthrough: () => {
+            setSettingsPage(null);
+            setIsWalkthroughVisible(true);
+        },
         // ─── Tabs ───────────────────────────────────────────────────────────
         activeTab,
         switchActiveTab,
@@ -1795,6 +1891,20 @@ 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,
@@ -1819,13 +1929,17 @@ const NetworkInspector = ({ enabled = true, isEnabled = true, storage, navigatio
         isAutoRamLimitEnabled,
         setIsAutoRamLimitEnabled,
         deviceFreeRamMb,
+        isPerformanceHudEnabled,
+        setIsPerformanceHudEnabled,
         reduxAutoRefresh,
         setReduxAutoRefreshState,
         reduxExpandDepth,
         setReduxExpandDepth,
     };
     return (<InspectorContext_1.InspectorContext.Provider value={contextValue}>
-      <MainScreen_1.default />
+      <react_native_1.View style={react_native_1.StyleSheet.absoluteFill} pointerEvents="box-none">
+        <MainScreen_1.default />
+      </react_native_1.View>
     </InspectorContext_1.InspectorContext.Provider>);
 };
 const NetworkInspectorWrapper = (props) => {
@@ -1937,6 +2051,10 @@ Object.defineProperty(exports, "trackTabSwitch", { enumerable: true, get: functi
 Object.defineProperty(exports, "trackLogExport", { enumerable: true, get: function () { return helpers_2.trackLogExport; } });
 Object.defineProperty(exports, "GA4_MEASUREMENT_ID", { enumerable: true, get: function () { return helpers_2.GA4_MEASUREMENT_ID; } });
 Object.defineProperty(exports, "GA4_API_SECRET", { enumerable: true, get: function () { return helpers_2.GA4_API_SECRET; } });
+var packageAuditor_2 = require("./helpers/packageAuditor");
+Object.defineProperty(exports, "runLivePackageAudit", { enumerable: true, get: function () { return packageAuditor_2.runLivePackageAudit; } });
+Object.defineProperty(exports, "logCodeQualityIssue", { enumerable: true, get: function () { return packageAuditor_2.logCodeQualityIssue; } });
+Object.defineProperty(exports, "clearCustomAuditIssues", { enumerable: true, get: function () { return packageAuditor_2.clearCustomAuditIssues; } });
 var NetworkIcons_1 = require("./components/NetworkIcons");
 Object.defineProperty(exports, "BrandSquareIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandSquareIcon; } });
 Object.defineProperty(exports, "BrandCircleIcon", { enumerable: true, get: function () { return NetworkIcons_1.BrandCircleIcon; } });

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

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

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

@@ -3,6 +3,9 @@ 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";
@@ -49,6 +52,9 @@ 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";
@@ -56,6 +62,7 @@ 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/commonjs/types/enums.js

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

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

@@ -3,6 +3,64 @@ 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;
@@ -153,6 +211,7 @@ export interface PersistedSettings {
     reduxExpandDepth?: number;
     showDuplicateLogs?: boolean;
     showUpdateToast?: boolean;
+    hasCompletedWalkthrough?: boolean;
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
@@ -164,6 +223,8 @@ 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;
@@ -176,12 +237,17 @@ 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';
     setModalAnimationType: React.Dispatch<React.SetStateAction<'slide' | 'fade' | 'none'>>;
     hasNavigationContext: boolean;
     setNavState: React.Dispatch<React.SetStateAction<any>>;
+    isWalkthroughVisible: boolean;
+    setIsWalkthroughVisible: React.Dispatch<React.SetStateAction<boolean>>;
+    openWalkthrough: () => void;
     activeTab: ActiveTab;
     switchActiveTab: (key: ActiveTab) => void;
     tabVisibility: Record<ActiveTab, boolean>;
@@ -305,6 +371,17 @@ 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/dist/esm/components/Inspector/AuditTab.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare const AuditTab: React.MemoExoticComponent<() => React.JSX.Element>;
+export default AuditTab;