react-native-inapp-inspector 2.0.6 → 2.1.0

package/dist/commonjs/components/Inspector/SettingsPanel.js

@@ -62,7 +62,7 @@ const helpers_1 = require("../../helpers");
 const toast_1 = require("../../helpers/toast");
 const SettingsPanel = () => {
     const { t } = (0, i18n_1.useTranslation)();
-    const { settingsPage, setSettingsPage, settingsActiveSubTab, setSettingsActiveSubTab, tabVisibility, toggleTabVisibility, defaultTab, setDefaultTab, isDark, setIsDark, modalHeightPercent, setModalHeightPercent, modalAnimationType, setModalAnimationType, showDuplicateLogs, setShowDuplicateLogs, showUpdateToast, setShowUpdateToast, showConsoleLevels, setShowConsoleLevels, resetToDefaults, storage, logs, consoleLogs, analyticsEvents, reduxState, maxNetworkLogs, setMaxNetworkLogs, maxConsoleLogs, setMaxConsoleLogs, maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit, isAutoRamLimitEnabled, setIsAutoRamLimitEnabled, deviceFreeRamMb, isPerformanceHudEnabled, setIsPerformanceHudEnabled, reduxAutoRefresh, setReduxAutoRefreshState, reduxExpandDepth, setReduxExpandDepth, switchActiveTab, setSelected, setSelectedEvent, setReduxState, crashRecords, maxCrashLogs, setMaxCrashLogs, updateAvailable, latestNpmVersion, } = (0, InspectorContext_1.useInspector)();
+    const { settingsPage, setSettingsPage, settingsActiveSubTab, setSettingsActiveSubTab, tabVisibility, toggleTabVisibility, defaultTab, setDefaultTab, isDark, setIsDark, modalHeightPercent, setModalHeightPercent, modalAnimationType, setModalAnimationType, showDuplicateLogs, setShowDuplicateLogs, showUpdateToast, setShowUpdateToast, showConsoleLevels, setShowConsoleLevels, resetToDefaults, storage, logs, consoleLogs, analyticsEvents, reduxState, maxNetworkLogs, setMaxNetworkLogs, maxConsoleLogs, setMaxConsoleLogs, maxAnalyticsEventsLimit, setMaxAnalyticsEventsLimit, isAutoRamLimitEnabled, setIsAutoRamLimitEnabled, deviceFreeRamMb, reduxAutoRefresh, setReduxAutoRefreshState, reduxExpandDepth, setReduxExpandDepth, switchActiveTab, setSelected, setSelectedEvent, setReduxState, crashRecords, maxCrashLogs, setMaxCrashLogs, updateAvailable, latestNpmVersion, } = (0, InspectorContext_1.useInspector)();
     const [stagedHeight, setStagedHeight] = (0, react_1.useState)(modalHeightPercent);
     const [telemetryConsent, setTelemetryConsentState] = (0, react_1.useState)(true);
     (0, react_1.useEffect)(() => {
@@ -101,27 +101,6 @@ const SettingsPanel = () => {
             icon: 'logs',
             desc: 'Terminal console logs, warnings, errors & stack traces',
         },
-        {
-            key: 'storage',
-            label: 'Storage (AsyncStorage)',
-            category: 'core',
-            icon: 'storage',
-            desc: 'Browse, edit, create and delete local key-value storage & JSON',
-        },
-        {
-            key: 'device',
-            label: 'Device & System Info',
-            category: 'diagnostic',
-            icon: 'device',
-            desc: 'Hermes runtime, Fabric New Arch, screen metrics & build info',
-        },
-        {
-            key: 'audit',
-            label: 'Code Quality & Package Audit',
-            category: 'diagnostic',
-            icon: 'audit',
-            desc: 'Audit dependencies, peer conflicts, TS schema errors & React Native anti-patterns',
-        },
         {
             key: 'performance',
             label: 'Performance Tracker',
@@ -164,9 +143,6 @@ const SettingsPanel = () => {
         logs: Boolean(tabVisibility?.logs),
         analytics: Boolean(tabVisibility?.analytics),
         redux: Boolean(tabVisibility?.redux),
-        storage: Boolean(tabVisibility?.storage),
-        device: Boolean(tabVisibility?.device),
-        audit: Boolean(tabVisibility?.audit),
         bundle: Boolean(tabVisibility?.bundle),
         performance: Boolean(tabVisibility?.performance),
         crash: Boolean(tabVisibility?.crash),
@@ -178,9 +154,6 @@ const SettingsPanel = () => {
             logs: Boolean(tabVisibility?.logs),
             analytics: Boolean(tabVisibility?.analytics),
             redux: Boolean(tabVisibility?.redux),
-            storage: Boolean(tabVisibility?.storage),
-            device: Boolean(tabVisibility?.device),
-            audit: Boolean(tabVisibility?.audit),
             bundle: Boolean(tabVisibility?.bundle),
             performance: Boolean(tabVisibility?.performance),
             crash: Boolean(tabVisibility?.crash),
@@ -352,17 +325,16 @@ const SettingsPanel = () => {
             shadowRadius: 4,
             shadowOffset: { width: 0, height: 2 },
         }}>
-          {/* Tab 1: Modules & Tabs */}
           <TouchableScale_1.default accessible={true} accessibilityRole="tab" accessibilityLabel={t('settings.modulesAndTools')} accessibilityState={{ selected: settingsActiveSubTab === 'module' }} onPress={() => {
             (0, InspectorContext_1.animateNextLayout)();
             setSettingsActiveSubTab('module');
         }} style={{
             flex: 1,
-            paddingVertical: 8,
+            paddingVertical: 9,
             flexDirection: 'row',
             alignItems: 'center',
             justifyContent: 'center',
-            gap: 5,
+            gap: 6,
             borderRadius: 9,
             backgroundColor: settingsActiveSubTab === 'module'
                 ? AppColors_1.AppColors.purple
@@ -370,11 +342,11 @@ const SettingsPanel = () => {
         }}>
             <NetworkIcons_1.LayersIcon color={settingsActiveSubTab === 'module'
             ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={12.5}/>
+            : AppColors_1.AppColors.grayText} size={13}/>
             <react_native_1.Text style={{
             fontFamily: AppFonts_1.AppFonts.interBold,
-            fontSize: 11.5,
-            lineHeight: 15,
+            fontSize: 12.5,
+            lineHeight: 16,
             color: settingsActiveSubTab === 'module'
                 ? AppColors_1.AppColors.white
                 : AppColors_1.AppColors.grayText,
@@ -383,48 +355,16 @@ const SettingsPanel = () => {
             </react_native_1.Text>
           </TouchableScale_1.default>
 
-          {/* Tab 2: RAM & Limits */}
-          <TouchableScale_1.default accessible={true} accessibilityRole="tab" accessibilityLabel={t('settings.ramLimits')} accessibilityState={{ selected: settingsActiveSubTab === 'limits' }} onPress={() => {
-            (0, InspectorContext_1.animateNextLayout)();
-            setSettingsActiveSubTab('limits');
-        }} style={{
-            flex: 1,
-            paddingVertical: 8,
-            flexDirection: 'row',
-            alignItems: 'center',
-            justifyContent: 'center',
-            gap: 5,
-            borderRadius: 9,
-            backgroundColor: settingsActiveSubTab === 'limits'
-                ? AppColors_1.AppColors.purple
-                : 'transparent',
-        }}>
-            <NetworkIcons_1.CpuIcon color={settingsActiveSubTab === 'limits'
-            ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={12.5}/>
-            <react_native_1.Text style={{
-            fontFamily: AppFonts_1.AppFonts.interBold,
-            fontSize: 11.5,
-            lineHeight: 15,
-            color: settingsActiveSubTab === 'limits'
-                ? AppColors_1.AppColors.white
-                : AppColors_1.AppColors.grayText,
-        }}>
-              {t('settings.ramLimits')}
-            </react_native_1.Text>
-          </TouchableScale_1.default>
-
-          {/* Tab 3: UI & Appearance */}
           <TouchableScale_1.default accessible={true} accessibilityRole="tab" accessibilityLabel={t('settings.uiPreferences')} accessibilityState={{ selected: settingsActiveSubTab === 'ui' }} onPress={() => {
             (0, InspectorContext_1.animateNextLayout)();
             setSettingsActiveSubTab('ui');
         }} style={{
             flex: 1,
-            paddingVertical: 8,
+            paddingVertical: 9,
             flexDirection: 'row',
             alignItems: 'center',
             justifyContent: 'center',
-            gap: 5,
+            gap: 6,
             borderRadius: 9,
             backgroundColor: settingsActiveSubTab === 'ui'
                 ? AppColors_1.AppColors.purple
@@ -432,11 +372,11 @@ const SettingsPanel = () => {
         }}>
             <NetworkIcons_1.ScreenIcon color={settingsActiveSubTab === 'ui'
             ? AppColors_1.AppColors.white
-            : AppColors_1.AppColors.grayText} size={12.5}/>
+            : AppColors_1.AppColors.grayText} size={13}/>
             <react_native_1.Text style={{
             fontFamily: AppFonts_1.AppFonts.interBold,
-            fontSize: 11.5,
-            lineHeight: 15,
+            fontSize: 12.5,
+            lineHeight: 16,
             color: settingsActiveSubTab === 'ui'
                 ? AppColors_1.AppColors.white
                 : AppColors_1.AppColors.grayText,
@@ -446,7 +386,7 @@ const SettingsPanel = () => {
           </TouchableScale_1.default>
         </react_native_1.View>
 
-        {settingsActiveSubTab === 'module' && (<react_native_1.View style={{ gap: 12 }}>
+        {settingsActiveSubTab === 'module' ? (<react_native_1.View style={{ gap: 12 }}>
             {/* Individual Module Cards with Left Checkboxes */}
             <react_native_1.View style={{ gap: 10 }}>
               {allModules.map(moduleItem => {
@@ -581,15 +521,6 @@ const SettingsPanel = () => {
                           {moduleItem.icon === 'analytics' && (<NetworkIcons_1.AnalyticsIcon color={isChecked
                             ? AppColors_1.AppColors.purple
                             : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'storage' && (<NetworkIcons_1.DatabaseIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'device' && (<NetworkIcons_1.DevicePhoneIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
-                          {moduleItem.icon === 'audit' && (<NetworkIcons_1.ShieldCheckIcon color={isChecked
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
                           {moduleItem.icon === 'redux' && (<NetworkIcons_1.ReduxIcon color={isChecked
                             ? AppColors_1.AppColors.purple
                             : AppColors_1.AppColors.grayTextWeak} size={16}/>)}
@@ -795,11 +726,8 @@ const SettingsPanel = () => {
                   </react_native_1.View>);
             })}
             </react_native_1.View>
-          </react_native_1.View>)}
 
-        {/* ─── TAB 2: RAM & RESOURCE LIMITS ──────────────────────────────────── */}
-        {settingsActiveSubTab === 'limits' && (<react_native_1.View style={{ gap: 14 }}>
-            {/* Section 1: RAM-Based Auto Limits */}
+            {/* Section 3.5: RAM-Based Auto Limits */}
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,
                 borderRadius: 14,
@@ -816,7 +744,7 @@ const SettingsPanel = () => {
                 color: AppColors_1.AppColors.grayTextWeak,
                 letterSpacing: 0.8,
             }}>
-                RAM-BASED AUTO TUNING
+                RAM-Based Auto Limits
               </react_native_1.Text>
 
               {/* Auto RAM Limit Toggle */}
@@ -1021,247 +949,8 @@ const SettingsPanel = () => {
                       </react_native_1.View>))}
                   </react_native_1.View>
                 </react_native_1.View>)}
-
-              <react_native_1.View style={{ height: 1, backgroundColor: AppColors_1.AppColors.dividerColor }}/>
-
-              {/* Floating Mini Performance HUD Toggle */}
-              {renderSettingRow({
-                icon: <NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: 'Show Mini Performance HUD Overlay',
-                description: 'Floating on-screen real-time FPS and Memory/Heap widget',
-                right: (<TouchableScale_1.default accessible={true} accessibilityRole="switch" accessibilityLabel="Toggle mini performance HUD overlay" accessibilityState={{ checked: isPerformanceHudEnabled }} onPress={() => setIsPerformanceHudEnabled(prev => !prev)} style={{
-                        width: 42,
-                        height: 24,
-                        borderRadius: 12,
-                        backgroundColor: isPerformanceHudEnabled
-                            ? AppColors_1.AppColors.purple
-                            : AppColors_1.AppColors.grayBorderSecondary,
-                        padding: 2,
-                        justifyContent: 'center',
-                        alignItems: isPerformanceHudEnabled
-                            ? 'flex-end'
-                            : 'flex-start',
-                    }}>
-                    <react_native_1.View style={{
-                        width: 20,
-                        height: 20,
-                        borderRadius: 10,
-                        backgroundColor: AppColors_1.AppColors.white,
-                        shadowColor: AppColors_1.AppColors.black,
-                        shadowOpacity: 0.18,
-                        shadowRadius: 2,
-                        shadowOffset: { width: 0, height: 1 },
-                    }}/>
-                  </TouchableScale_1.default>),
-                isLast: true,
-            })}
-            </react_native_1.View>
-
-            {/* Section 2: Fine-Tuned Resource Limits */}
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                MANUAL RESOURCE THRESHOLDS
-              </react_native_1.Text>
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: 'Max Network / API Logs',
-                description: 'Maximum in-memory API requests tracked before rotation',
-                numericInput: {
-                    value: maxNetworkLogs,
-                    onChange: setMaxNetworkLogs,
-                    min: 10,
-                    max: 100,
-                    placeholder: '10 - 100',
-                },
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: 'Max Console Logs',
-                description: 'Maximum log entries kept across info/warn/error streams',
-                numericInput: {
-                    value: maxConsoleLogs,
-                    onChange: setMaxConsoleLogs,
-                    min: 20,
-                    max: 300,
-                    placeholder: '20 - 300',
-                },
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple} size={16}/>,
-                label: 'Max Analytics Events',
-                description: 'Capacity for captured analytics payloads & telemetry pings',
-                numericInput: {
-                    value: maxAnalyticsEventsLimit,
-                    onChange: setMaxAnalyticsEventsLimit,
-                    min: 20,
-                    max: 200,
-                    placeholder: '20 - 200',
-                },
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: 'Max Crash Records',
-                description: 'Stored fatal exceptions and crash diagnostics logs',
-                numericInput: {
-                    value: maxCrashLogs,
-                    onChange: setMaxCrashLogs,
-                    min: 5,
-                    max: 50,
-                    placeholder: '5 - 50',
-                },
-                isLast: true,
-            })}
             </react_native_1.View>
-
-            {/* Section 3: Storage & Cache Cleansing */}
-            <react_native_1.View style={{
-                backgroundColor: AppColors_1.AppColors.primaryLight,
-                borderRadius: 14,
-                borderWidth: 1,
-                borderColor: AppColors_1.AppColors.grayBorderSecondary,
-                overflow: 'hidden',
-                padding: 14,
-                gap: 12,
-            }}>
-              <react_native_1.Text style={{
-                fontFamily: AppFonts_1.AppFonts.interBold,
-                fontSize: 11,
-                lineHeight: 14,
-                color: AppColors_1.AppColors.grayTextWeak,
-                letterSpacing: 0.8,
-            }}>
-                STORAGE & CACHE CLEANSING
-              </react_native_1.Text>
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: 'Clear All Network Logs',
-                description: `${logs.length} requests in memory`,
-                onPress: () => {
-                    (0, networkLogger_1.clearNetworkLogs)();
-                    setSelected(null);
-                    react_native_1.Alert.alert(t('common.success'), 'Network logs cleared successfully.');
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 10,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                      Clear ({logs.length})
-                    </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: 'Clear All Console Logs',
-                description: `${consoleLogs.length} logs in memory`,
-                onPress: () => {
-                    (0, consoleLogger_1.clearConsoleLogs)();
-                    react_native_1.Alert.alert(t('common.success'), 'Console logs cleared successfully.');
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 10,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                      Clear ({consoleLogs.length})
-                    </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: 'Clear Analytics Events',
-                description: `${analyticsEvents.length} events recorded`,
-                onPress: () => {
-                    (0, analyticsLogger_1.clearAnalyticsEvents)();
-                    setSelectedEvent(null);
-                    react_native_1.Alert.alert(t('common.success'), 'Analytics events cleared successfully.');
-                },
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 10,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                      Clear ({analyticsEvents.length})
-                    </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-
-              {renderSettingRow({
-                icon: <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor} size={16}/>,
-                label: 'Clear Crash Logs',
-                description: `${crashRecords.length} crash dumps recorded`,
-                onPress: () => {
-                    (0, crashHandler_1.clearCrashRecords)();
-                    react_native_1.Alert.alert(t('common.success'), 'Crash records cleared successfully.');
-                },
-                isLast: true,
-                right: (<react_native_1.View style={{
-                        paddingHorizontal: 10,
-                        paddingVertical: 4,
-                        borderRadius: 6,
-                        backgroundColor: `${AppColors_1.AppColors.errorColor}14`,
-                        borderWidth: 1,
-                        borderColor: `${AppColors_1.AppColors.errorColor}33`,
-                    }}>
-                    <react_native_1.Text style={{
-                        fontFamily: AppFonts_1.AppFonts.interBold,
-                        fontSize: 11,
-                        color: AppColors_1.AppColors.errorColor,
-                    }}>
-                      Clear ({crashRecords.length})
-                    </react_native_1.Text>
-                  </react_native_1.View>),
-            })}
-            </react_native_1.View>
-          </react_native_1.View>)}
-
-        {/* ─── TAB 3: UI & APPEARANCE ────────────────────────────────────────── */}
-        {settingsActiveSubTab === 'ui' && (<react_native_1.View style={{ gap: 14 }}>
+          </react_native_1.View>) : (<react_native_1.View style={{ gap: 14 }}>
             {/* Section 1: Appearance */}
             <react_native_1.View style={{
                 backgroundColor: AppColors_1.AppColors.primaryLight,

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

@@ -13,7 +13,7 @@ const NetworkIcons_1 = require("../NetworkIcons");
 const reduxLogger_1 = require("../../customHooks/reduxLogger");
 const analyticsLogger_1 = require("../../customHooks/analyticsLogger");
 const TabBar = react_1.default.memo(() => {
-    const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, storageEntries, auditReport, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = (0, InspectorContext_1.useInspector)();
+    const { activeTab, switchActiveTab, tabVisibility, logs, consoleLogs, analyticsEvents, crashRecords, lastReadApisCount, lastReadLogsCount, lastReadCrashesCount, unreadPulseAnim, } = (0, InspectorContext_1.useInspector)();
     const isReduxAvail = (0, reduxLogger_1.isReduxConnected)();
     const isAnalyticsAvail = (0, analyticsLogger_1.isAnalyticsConnected)();
     return (<react_native_1.View style={styles_1.default.tabBarContainer}>
@@ -43,24 +43,6 @@ const TabBar = react_1.default.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',
@@ -81,7 +63,7 @@ const TabBar = react_1.default.memo(() => {
             },
         ]
             .filter(tab => {
-            if (!tabVisibility?.[tab.key] && activeTab !== tab.key)
+            if (!tabVisibility?.[tab.key])
                 return false;
             if (tab.key === 'redux' && !isReduxAvail)
                 return false;
@@ -118,9 +100,6 @@ const TabBar = react_1.default.memo(() => {
                   {tab.icon === 'logs' && (<NetworkIcons_1.TerminalIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'analytics' && (<NetworkIcons_1.AnalyticsIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'redux' && (<NetworkIcons_1.ReduxIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'storage' && (<NetworkIcons_1.DatabaseIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'device' && (<NetworkIcons_1.DevicePhoneIcon color={iconColor} size={14}/>)}
-                  {tab.icon === 'audit' && (<NetworkIcons_1.ShieldCheckIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'bundle' && (<NetworkIcons_1.PackageIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'performance' && (<NetworkIcons_1.PerformanceIcon color={iconColor} size={14}/>)}
                   {tab.icon === 'crash' && (<NetworkIcons_1.CrashIcon color={iconColor} size={14}/>)}

package/dist/commonjs/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/commonjs/components/NetworkIcons.js

@@ -36,9 +36,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.ReplayIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
-exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = exports.InfoCircleIcon = void 0;
-exports.SparklesIcon = exports.ShieldCheckIcon = exports.MonitorIcon = exports.FingerprintIcon = exports.CpuIcon = exports.CodeIcon = exports.PlusIcon = exports.EditIcon = exports.FlagIcon = exports.DevicePhoneIcon = exports.DatabaseIcon = exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = exports.DiagnosticsIcon = void 0;
+exports.InfoCircleIcon = exports.UserIcon = exports.LayersIcon = exports.WipeIcon = exports.FolderIcon = exports.SettingsIcon = exports.EyeIcon = exports.JsIcon = exports.CssIcon = exports.HtmlIcon = exports.BrandSquareIcon = exports.BrandCircleIcon = exports.MoonIcon = exports.SunIcon = exports.DebugIcon = exports.InsightsIcon = exports.AnalyticsIcon = exports.WhiteBackNavigation = exports.CloseWhite = exports.DownloadIcon = exports.FilterIcon = exports.ChevronIcon = exports.SortArrowIcon = exports.GlobeIcon = exports.DiffIcon = exports.SignalIcon = exports.ExportIcon = exports.HeaderPauseIcon = exports.TrashIcon = exports.FailIcon = exports.CircleAlertIcon = exports.CircleXIcon = exports.CircleCheckIcon = exports.CheckIcon = exports.TerminalIcon = exports.FetchIcon = exports.CopyIcon = exports.HeadersIcon = exports.ResponseIcon = exports.RequestIcon = exports.SizeIcon = exports.StatusIcon = exports.CalendarIcon = exports.ClockIcon = exports.ClearIcon = exports.SearchIcon = exports.ExpandCollapseIcon = exports.ScreenIcon = exports.MapPinIcon = exports.EmptyRadarIcon = void 0;
+exports.DiagnosticsIcon = exports.StackTraceIcon = exports.LayoutIcon = exports.ChipIcon = exports.SkullIcon = exports.ShieldAlertIcon = exports.CrashIcon = exports.UserCheckIcon = exports.TargetGoalIcon = exports.RepeatIcon = exports.PinIcon = exports.HourglassIcon = exports.FlameIcon = exports.CodeBracketsIcon = exports.AndroidIcon = exports.AppleIcon = exports.LinkChainIcon = exports.GitHubIcon = exports.PackageBoxIcon = exports.ExternalLinkIcon = exports.MoneyIcon = exports.CartIcon = exports.TextAaIcon = exports.BrainIcon = exports.AtomIcon = exports.MapIcon = exports.SparkleIcon = exports.LightbulbIcon = exports.DocIcon = exports.FolderOpenIcon = exports.BanIcon = exports.BoltIcon = exports.PerformanceIcon = exports.ReduxIcon = exports.MetadataIcon = exports.StorageIcon = exports.RefreshCcwIcon = exports.TimelineIcon = exports.LiveStateIcon = exports.BundleIcon = exports.ForwardChevronIcon = exports.PackageIcon = exports.TableIcon = exports.RawIcon = exports.PrettyIcon = exports.SortIcon = exports.MotionIcon = exports.TrendingUpIcon = exports.ErrorCircleIcon = exports.WarningTriangleIcon = void 0;
+exports.ChevronDownIcon = exports.ResetIcon = exports.NpmIcon = exports.TagIcon = exports.BugIcon = exports.AlertTriangleIcon = exports.SmartphoneIcon = exports.KeyIcon = exports.BarChartIcon = exports.DiceIcon = exports.ZapIcon = exports.FlaskIcon = exports.LoadingSpinnerIcon = exports.ListenerIcon = exports.AllFramesIcon = exports.AppFramesIcon = exports.RawJsonIcon = exports.TrailIcon = void 0;
 const react_1 = __importDefault(require("react"));
 const react_native_svg_1 = __importStar(require("react-native-svg"));
 // Stylesheet
@@ -133,14 +133,6 @@ const HeadersIcon = ({ color = AppColors_1.AppColors.skyBlue }) => {
     </react_native_svg_1.default>);
 };
 exports.HeadersIcon = HeadersIcon;
-const ReplayIcon = ({ color = AppColors_1.AppColors.purple, size = 14, }) => {
-    return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-      <react_native_svg_1.Path d="M21 2v6h-6" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-      <react_native_svg_1.Path d="M21 8A10 10 0 1 0 21.8 14" stroke={color} strokeWidth="2.2" strokeLinecap="round" strokeLinejoin="round"/>
-      <react_native_svg_1.Path d="M10 8.5l5.5 3.5-5.5 3.5v-7z" fill={color}/>
-    </react_native_svg_1.default>);
-};
-exports.ReplayIcon = ReplayIcon;
 const CopyIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14 }) => {
     return (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
       <react_native_svg_1.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"/>
@@ -877,64 +869,3 @@ const ChevronDownIcon = ({ color = AppColors_1.AppColors.grayTextWeak, size = 14
     <react_native_svg_1.Path d="M6 9l6 6 6-6" stroke={color} strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"/>
   </react_native_svg_1.default>);
 exports.ChevronDownIcon = ChevronDownIcon;
-const DatabaseIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Ellipse cx="12" cy="5" rx="9" ry="3" stroke={color} strokeWidth="1.8"/>
-    <react_native_svg_1.Path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </react_native_svg_1.default>);
-exports.DatabaseIcon = DatabaseIcon;
-const DevicePhoneIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Rect x="5" y="2" width="14" height="20" rx="3" stroke={color} strokeWidth="1.8"/>
-    <react_native_svg_1.Line x1="12" y1="18" x2="12.01" y2="18" stroke={color} strokeWidth="2.5" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="9" y1="5" x2="15" y2="5" stroke={color} strokeWidth="1.5" strokeLinecap="round"/>
-  </react_native_svg_1.default>);
-exports.DevicePhoneIcon = DevicePhoneIcon;
-const FlagIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.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"/>
-  </react_native_svg_1.default>);
-exports.FlagIcon = FlagIcon;
-const EditIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.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"/>
-  </react_native_svg_1.default>);
-exports.EditIcon = EditIcon;
-const PlusIcon = ({ color = AppColors_1.AppColors.white, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Line x1="12" y1="5" x2="12" y2="19" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="5" y1="12" x2="19" y2="12" stroke={color} strokeWidth="2" strokeLinecap="round"/>
-  </react_native_svg_1.default>);
-exports.PlusIcon = PlusIcon;
-const CodeIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Path d="M16 18l6-6-6-6M8 6l-6 6 6 6" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-exports.CodeIcon = CodeIcon;
-const CpuIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Rect x="4" y="4" width="16" height="16" rx="2" stroke={color} strokeWidth="1.8"/>
-    <react_native_svg_1.Rect x="9" y="9" width="6" height="6" stroke={color} strokeWidth="1.8"/>
-    <react_native_svg_1.Line x1="9" y1="1" x2="9" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="15" y1="1" x2="15" y2="4" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="9" y1="20" x2="9" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="15" y1="20" x2="15" y2="23" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="20" y1="9" x2="23" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="20" y1="15" x2="23" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="1" y1="9" x2="4" y2="9" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="1" y1="15" x2="4" y2="15" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </react_native_svg_1.default>);
-exports.CpuIcon = CpuIcon;
-const FingerprintIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.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"/>
-  </react_native_svg_1.default>);
-exports.FingerprintIcon = FingerprintIcon;
-const MonitorIcon = ({ color = AppColors_1.AppColors.grayText, size = 14 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.Rect x="2" y="3" width="20" height="14" rx="2" stroke={color} strokeWidth="1.8"/>
-    <react_native_svg_1.Line x1="8" y1="21" x2="16" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-    <react_native_svg_1.Line x1="12" y1="17" x2="12" y2="21" stroke={color} strokeWidth="1.8" strokeLinecap="round"/>
-  </react_native_svg_1.default>);
-exports.MonitorIcon = MonitorIcon;
-const ShieldCheckIcon = ({ color = AppColors_1.AppColors.greenColor, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.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"/>
-    <react_native_svg_1.Path d="M9 12l2 2 4-4" stroke={color} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round"/>
-  </react_native_svg_1.default>);
-exports.ShieldCheckIcon = ShieldCheckIcon;
-const SparklesIcon = ({ color = AppColors_1.AppColors.purple, size = 16 }) => (<react_native_svg_1.default width={size} height={size} viewBox="0 0 24 24" fill="none">
-    <react_native_svg_1.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"/>
-  </react_native_svg_1.default>);
-exports.SparklesIcon = SparklesIcon;

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

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

package/dist/commonjs/constants/version.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.LIB_VERSION = void 0;
 // AUTO-GENERATED FILE — do not edit by hand.
 // Regenerated from package.json on every build by scripts/gen-version.js.
-exports.LIB_VERSION = '2.0.6';
+exports.LIB_VERSION = '2.1.0';