react-native-inapp-inspector 2.3.23 → 2.3.25

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,s,l){l===void 0&&(l=s);var p=Object.getOwnPropertyDescriptor(t,s);(!p||("get"in p?!t.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,l,p)}):(function(o,t,s,l){l===void 0&&(l=s),o[l]=t[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(s){var l=[];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(l[l.length]=p);return l},o(t)};return function(t){if(t&&t.__esModule)return t;var s={};if(t!=null)for(var l=o(t),p=0;p<l.length;p++)l[p]!=="default"&&__createBinding(s,t,l[p]);return __setModuleDefault(s,t),s}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),bundleAnalyzer_1=require("../../customHooks/bundleAnalyzer"),performanceTracker_1=require("../../customHooks/performanceTracker"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_2=require("../../customHooks/analyticsLogger"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:t,setSettingsPage:s,settingsActiveSubTab:l,setSettingsActiveSubTab:p,tabVisibility:r,toggleTabVisibility:K,defaultTab:x,setDefaultTab:Q,isDark:v,setIsDark:X,modalHeightPercent:T,setModalHeightPercent:Y,modalAnimationType:Z,setModalAnimationType:ee,showDuplicateLogs:F,setShowDuplicateLogs:oe,showUpdateToast:z,setShowUpdateToast:re,showConsoleLevels:te,setShowConsoleLevels:ie,resetToDefaults:fe,closeModal:ae,storage:me,logs:R,consoleLogs:I,analyticsEvents:L,reduxState:H,maxNetworkLogs:D,setMaxNetworkLogs:le,maxConsoleLogs:P,setMaxConsoleLogs:ne,maxAnalyticsEventsLimit:j,setMaxAnalyticsEventsLimit:se,isAutoRamLimitEnabled:c,setIsAutoRamLimitEnabled:pe,deviceFreeRamMb:W,reduxAutoRefresh:$,setReduxAutoRefreshState:ce,reduxExpandDepth:N,setReduxExpandDepth:de,switchActiveTab:xe,setSelected:ge,setSelectedEvent:ue,setReduxState:ye,crashRecords:M,maxCrashLogs:q,setMaxCrashLogs:Ce,updateAvailable:Ve,latestNpmVersion:ve}=(0,InspectorContext_1.useInspector)(),[S,G]=(0,react_1.useState)(T);(0,react_1.useEffect)(()=>{G(T)},[T]);const k=(0,settingsStore_1.calculateRamBasedLimits)(W),Te=(0,settingsStore_1.isPersistentStorageAvailable)(),he=react_native_1.Platform.OS==="android"?react_native_1.StatusBar.currentHeight||24:44,ke=T>=95?he:0,h=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"bundle",label:"Bundle Analyzer",category:"diagnostic",icon:"bundle",desc:"Metro packager dependencies, source maps & asset breakdown"},{id:9,key:"performance",label:"Performance & Tracker",category:"diagnostic",icon:"performance",desc:"60 FPS monitor, Hermes memory telemetry & re-render profiler"},{id:10,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:11,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[w,O]=(0,react_1.useState)(()=>({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)}));(0,react_1.useEffect)(()=>{O({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)})},[r]);const V=(0,react_1.useMemo)(()=>h.some(e=>!!w[e.key]!=!!r?.[e.key]),[w,r,h]),be=h.filter(e=>e.key==="apis"||!!w[e.key]).length,Ae=()=>{V&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{O({apis:!0,logs:!!r?.logs,analytics:!!r?.analytics,redux:!!r?.redux,storage:!!r?.storage,device:!!r?.device,crash:!!r?.crash,bundle:!!r?.bundle,performance:!!r?.performance,debugging:!!r?.debugging,media:!!(r?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),h.forEach(e=>{if(e.key!=="apis"){const i=!!w[e.key],C=!!r?.[e.key];i!==C&&K(e.key)}}),ae(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[E,U]=(0,react_1.useState)(!1),Se=()=>{(0,InspectorContext_1.animateNextLayout)(),s("main")},n=e=><react_native_1.View style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,s,l){l===void 0&&(l=s);var p=Object.getOwnPropertyDescriptor(t,s);(!p||("get"in p?!t.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,l,p)}):(function(o,t,s,l){l===void 0&&(l=s),o[l]=t[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(s){var l=[];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(l[l.length]=p);return l},o(t)};return function(t){if(t&&t.__esModule)return t;var s={};if(t!=null)for(var l=o(t),p=0;p<l.length;p++)l[p]!=="default"&&__createBinding(s,t,l[p]);return __setModuleDefault(s,t),s}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_2=require("../../customHooks/analyticsLogger"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:t,setSettingsPage:s,settingsActiveSubTab:l,setSettingsActiveSubTab:p,tabVisibility:i,toggleTabVisibility:K,defaultTab:b,setDefaultTab:Q,isDark:m,setIsDark:X,modalHeightPercent:x,setModalHeightPercent:Y,modalAnimationType:Z,setModalAnimationType:ee,showDuplicateLogs:F,setShowDuplicateLogs:oe,showUpdateToast:R,setShowUpdateToast:re,showConsoleLevels:te,setShowConsoleLevels:ie,resetToDefaults:fe,closeModal:ae,storage:me,logs:z,consoleLogs:I,analyticsEvents:L,reduxState:H,maxNetworkLogs:D,setMaxNetworkLogs:le,maxConsoleLogs:W,setMaxConsoleLogs:ne,maxAnalyticsEventsLimit:j,setMaxAnalyticsEventsLimit:se,isAutoRamLimitEnabled:c,setIsAutoRamLimitEnabled:pe,deviceFreeRamMb:P,reduxAutoRefresh:$,setReduxAutoRefreshState:ce,reduxExpandDepth:N,setReduxExpandDepth:de,switchActiveTab:xe,setSelected:ge,setSelectedEvent:ue,setReduxState:ye,crashRecords:M,maxCrashLogs:q,setMaxCrashLogs:Ce,updateAvailable:ve,latestNpmVersion:Ve}=(0,InspectorContext_1.useInspector)(),[S,G]=(0,react_1.useState)(x);(0,react_1.useEffect)(()=>{G(x)},[x]);const v=(0,settingsStore_1.calculateRamBasedLimits)(P),Te=(0,settingsStore_1.isPersistentStorageAvailable)(),he=react_native_1.Platform.OS==="android"?react_native_1.StatusBar.currentHeight||24:44,ke=x>=95?he:0,h=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:9,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[w,O]=(0,react_1.useState)(()=>({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)}));(0,react_1.useEffect)(()=>{O({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)})},[i]);const _=(0,react_1.useMemo)(()=>h.some(e=>!!w[e.key]!=!!i?.[e.key]),[w,i,h]),Ae=h.filter(e=>e.key==="apis"||!!w[e.key]).length,we=()=>{_&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{O({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),h.forEach(e=>{if(e.key!=="apis"){const r=!!w[e.key],C=!!i?.[e.key];r!==C&&K(e.key)}}),ae(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[E,U]=(0,react_1.useState)(!1),Se=()=>{(0,InspectorContext_1.animateNextLayout)(),s("main")},n=e=><react_native_1.View style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
         <TouchableScale_1.default disabled={!e.onPress}onPress={e.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
           <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,alignItems:"center",justifyContent:"center"}}>
             {e.icon}
@@ -15,7 +15,7 @@
         </TouchableScale_1.default>
         {e.numericInput&&<react_native_1.View style={{marginTop:10,gap:6}}>
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:4}}>
-              <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,paddingVertical:6}}value={String(e.numericInput.value||"")}onChangeText={i=>{const C=parseInt(i.replace(/[^0-9]/g,""),10);if(!isNaN(C)){const d=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(d)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,paddingVertical:6}}value={String(e.numericInput.value||"")}onChangeText={r=>{const C=parseInt(r.replace(/[^0-9]/g,""),10);if(!isNaN(C)){const d=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(d)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple,marginLeft:6}}>
                 MAX
               </react_native_1.Text>
@@ -26,25 +26,25 @@
               </react_native_1.Text>:null}
           </react_native_1.View>}
         {e.picker&&<react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,padding:2.5,marginTop:10,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
-            {e.picker.options.map(i=>{const C=e.picker.selectedValue===i;return<TouchableScale_1.default key={String(i)}onPress={()=>e.picker.onSelect(i)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:C?AppColors_1.AppColors.purple:"transparent"}}>
+            {e.picker.options.map(r=>{const C=e.picker.selectedValue===r;return<TouchableScale_1.default key={String(r)}onPress={()=>e.picker.onSelect(r)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:C?AppColors_1.AppColors.purple:"transparent"}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:C?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
-                    {e.picker.formatLabel?e.picker.formatLabel(i):i}
+                    {e.picker.formatLabel?e.picker.formatLabel(r):r}
                   </react_native_1.Text>
                 </TouchableScale_1.default>})}
           </react_native_1.View>}
-      </react_native_1.View>,we=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.View>,be=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
         
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,paddingVertical:4,paddingHorizontal:4,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2}}}>
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
-            {[{key:"module",label:o("settings.modulesAndTools","Modules & Tools"),Icon:NetworkIcons_1.LayersIcon,badge:`${h.filter(e=>w?.[e.key]||e.key==="apis").length}/${h.length}`},{key:"ui",label:o("settings.uiPreferences","UI Preferences"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.ramLimits","RAM & Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.screenVideoCapture","Screen & Video Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const i=l===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:i}}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),p(e.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:i?AppColors_1.AppColors.purple:"transparent"}}>
-                  <C color={i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={13}/>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
+            {[{key:"module",label:o("settings.modulesAndTools","Modules & Tools"),Icon:NetworkIcons_1.LayersIcon,badge:`${h.filter(e=>w?.[e.key]||e.key==="apis").length}/${h.length}`},{key:"ui",label:o("settings.uiPreferences","UI Preferences"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.ramLimits","RAM & Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.screenVideoCapture","Screen & Video Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=l===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),p(e.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+                  <C color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={13}/>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
                     {e.label}
                   </react_native_1.Text>
-                  {e.badge&&<react_native_1.View style={{backgroundColor:i?"rgba(255,255,255,0.25)":`${AppColors_1.AppColors.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                  {e.badge&&<react_native_1.View style={{backgroundColor:r?"rgba(255,255,255,0.25)":`${AppColors_1.AppColors.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                         {e.badge}
                       </react_native_1.Text>
                     </react_native_1.View>}
@@ -55,12 +55,12 @@
         {l==="module"&&<react_native_1.View style={{gap:12}}>
             
             <react_native_1.View style={{gap:10}}>
-              {h.map(e=>{const i=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_2.isAnalyticsConnected)(),d=e.key==="redux"&&!i||e.key==="analytics"&&!C,b=e.key==="apis"||d,a=e.key==="apis"||!!w?.[e.key]&&!d,_e=e.key==="apis"?`${R.length} requests \u2022 Limit: ${D}`:e.key==="logs"?`${I.length} logs \u2022 Limit: ${P}`:e.key==="performance"?"60 FPS Target \u2022 Memory Telemetry":e.key==="bundle"?"Metro Packager \u2022 Dependency Map":e.key==="crash"?`${M?.length||0} crashes recorded \u2022 Crash Guard`:e.key==="analytics"?`${L.length} events logged`:e.key==="redux"?`${Object.keys(H||{}).length} slices \u2022 Depth: ${N}`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:a?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:a?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
+              {h.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_2.isAnalyticsConnected)(),d=e.key==="redux"&&!r||e.key==="analytics"&&!C,A=e.key==="apis"||d,a=e.key==="apis"||!!w?.[e.key]&&!d,_e=e.key==="apis"?`${z.length} requests \u2022 Limit: ${D}`:e.key==="logs"?`${I.length} logs \u2022 Limit: ${W}`:e.key==="crash"?`${M?.length||0} crashes recorded \u2022 Crash Guard`:e.key==="analytics"?`${L.length} events logged`:e.key==="redux"?`${Object.keys(H||{}).length} slices \u2022 Depth: ${N}`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:a?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:a?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
                     
                     <react_native_1.View style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
                       
-                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:a,disabled:b}}disabled={b}onPress={()=>{b||O(J=>({...J,[e.key]:!J[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:a?0:1.8,borderColor:b?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:a?AppColors_1.AppColors.purple:"transparent",shadowOpacity:a?.25:0,shadowRadius:2,elevation:a?2:0}}>
-                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:a?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:b?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:a,disabled:A}}disabled={A}onPress={()=>{A||O(J=>({...J,[e.key]:!J[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:a?0:1.8,borderColor:A?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:a?AppColors_1.AppColors.purple:"transparent",shadowOpacity:a?.25:0,shadowRadius:2,elevation:a?2:0}}>
+                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:a?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:A?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
                             <react_native_svg_1.Path d="M7 10V7a5 5 0 0 1 10 0v3"stroke={AppColors_1.AppColors.grayText}strokeWidth="2.2"strokeLinecap="round"/>
                             <react_native_svg_1.Path d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={AppColors_1.AppColors.grayText}/>
                           </react_native_svg_1.default>:null}
@@ -69,11 +69,9 @@
                       
                       <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.label} settings`}disabled={d}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:b?`${AppColors_1.AppColors.grayBorderSecondary}4D`:a?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:b?AppColors_1.AppColors.dividerColor:a?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:A?`${AppColors_1.AppColors.grayBorderSecondary}4D`:a?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:A?AppColors_1.AppColors.dividerColor:a?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
                           {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                           {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="performance"&&<NetworkIcons_1.PerformanceIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="bundle"&&<NetworkIcons_1.PackageIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                           {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                           {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                           {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
@@ -91,12 +89,12 @@
                                 #{e.id}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:b?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:A?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
                               {e.label}
                             </react_native_1.Text>
 
                             
-                            {e.key===x&&!d&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
+                            {e.key===b&&!d&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
                                   <react_native_1.View style={{width:4,height:4,borderRadius:2,backgroundColor:AppColors_1.AppColors.purple}}/>
                                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.purple,letterSpacing:.4}}>
                                     {o("settings.defaultBadge")}
@@ -163,7 +161,7 @@
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                   <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    {v?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
+                    {m?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
                   </react_native_1.View>
                   <react_native_1.View style={{flex:1}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
@@ -175,7 +173,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:v}}onPress={()=>{const e=!v;X(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:v?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:v?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:m}}onPress={()=>{const e=!m;X(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:m?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:m?"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:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -204,7 +202,7 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {S!==T&&<TouchableScale_1.default onPress={()=>{Y(S)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
+                  {S!==x&&<TouchableScale_1.default onPress={()=>{Y(S)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
                       <NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white}}>
                         Save ({S}%)
@@ -236,8 +234,8 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
-                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const i=Z===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:i}}onPress={()=>ee(e.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:i?AppColors_1.AppColors.purple:"transparent"}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:i?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const r=Z===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>ee(e.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
                           {e.label}
                         </react_native_1.Text>
                       </TouchableScale_1.default>})}
@@ -267,11 +265,11 @@
 
               
               <react_native_1.View style={{marginTop:6,gap:6}}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${h.find(e=>e.key===x)?.label||"APIs"}`}onPress={()=>U(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:E?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${h.find(e=>e.key===b)?.label||"APIs"}`}onPress={()=>U(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:E?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                     <react_native_1.View style={{width:8,height:8,borderRadius:4,backgroundColor:AppColors_1.AppColors.purple}}/>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
-                      {h.find(e=>e.key===x)?`#${h.find(e=>e.key===x)?.id} ${h.find(e=>e.key===x)?.label}`:"#1 APIs (Network)"}
+                      {h.find(e=>e.key===b)?`#${h.find(e=>e.key===b)?.id} ${h.find(e=>e.key===b)?.label}`:"#1 APIs (Network)"}
                     </react_native_1.Text>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:6}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple}}>
@@ -287,7 +285,7 @@
 
                 
                 {E&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
-                    {h.filter(e=>e.key==="apis"||w?.[e.key]||r?.[e.key]).map((e,i,C)=>{const d=x===e.key,b=i===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Q(e.key),U(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:d?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:b?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                    {h.filter(e=>e.key==="apis"||w?.[e.key]||i?.[e.key]).map((e,r,C)=>{const d=b===e.key,A=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Q(e.key),U(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:d?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:A?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
                             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
                               <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
                               <react_native_1.Text style={{fontFamily:d?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
@@ -322,7 +320,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:z}}onPress={()=>re(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:z?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:z?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:R}}onPress={()=>re(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:R?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:R?"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:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -370,12 +368,12 @@
                     Detected Available RAM
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    {W} MB available on device
+                    {P} MB available on device
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:c?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:c?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {W} MB
+                    {P} MB
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -384,7 +382,7 @@
               <react_native_1.View style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,gap:6}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.purple}}>
-                    Profile: {k.profileName}
+                    Profile: {v.profileName}
                   </react_native_1.Text>
                   <react_native_1.View style={{backgroundColor:c?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:c?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
@@ -394,7 +392,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"APIs",value:c?k.maxNetworkLogs:D,color:AppColors_1.AppColors.blue500},{label:"Logs",value:c?k.maxConsoleLogs:P,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:c?k.maxAnalyticsEvents:j,color:AppColors_1.AppColors.purple},{label:"Crash",value:c?k.maxCrashRecords:q,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
+                  {[{label:"APIs",value:c?v.maxNetworkLogs:D,color:AppColors_1.AppColors.blue500},{label:"Logs",value:c?v.maxConsoleLogs:W,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:c?v.maxAnalyticsEvents:j,color:AppColors_1.AppColors.purple},{label:"Crash",value:c?v.maxCrashRecords:q,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
                         {e.label}:
                       </react_native_1.Text>
@@ -502,8 +500,8 @@
               </react_native_1.View>
 
               {n({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:4}}>
-                    {["Muted","App","Mic"].map((e,i)=><react_native_1.View key={e}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:i===0?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:i===0?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                    {["Muted","App","Mic"].map((e,r)=><react_native_1.View key={e}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:r===0?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r===0?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                           {e}
                         </react_native_1.Text>
                       </react_native_1.View>)}
@@ -540,42 +538,42 @@
       {l==="module"&&<react_native_1.View style={{paddingHorizontal:16,paddingTop:12,paddingBottom:react_native_1.Platform.OS==="ios"?36:24,backgroundColor:AppColors_1.AppColors.primaryLight,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,flexDirection:"row",alignItems:"center",gap:12,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:8,shadowOffset:{width:0,height:-3},elevation:8}}>
           <react_native_1.View style={{flex:1}}>
             <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack}}>
-              {be} of {h.length} Modules Active
+              {Ae} of {h.length} Modules Active
             </react_native_1.Text>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:V?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
-              {o(V?"settings.unsavedPending":"settings.allSynchronized")}
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:_?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
+              {o(_?"settings.unsavedPending":"settings.allSynchronized")}
             </react_native_1.Text>
           </react_native_1.View>
 
-          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={Ae}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:V?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <NetworkIcons_1.CheckIcon size={14}color={V?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:V?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={we}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:_?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <NetworkIcons_1.CheckIcon size={14}color={_?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:_?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
               {o("settings.saveChanges")}
             </react_native_1.Text>
           </TouchableScale_1.default>
         </react_native_1.View>}
-    </react_native_1.View>;let A=null,_="",f=null,m="";t==="apis"?(_=o("settings.apis.title"),f=<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.apis.total",{count:R.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+    </react_native_1.View>;let f=null,V="",T=null,k="";t==="apis"?(V=o("settings.apis.title"),T=<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.apis.total",{count:z.length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
           {n({icon:<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.apis.maxRequestLogs"),description:o("settings.apis.maxRequestLogsDescription"),numericInput:{value:D,onChange:le,min:10,max:100,placeholder:"Enter max requests (10-100)"},isLast:!0})}
         </react_native_1.View>
 
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:R.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),ge(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:z.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),ge(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,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,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="logs"?(_=o("settings.logs.title"),f=<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.logs.total",{count:I.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>):t==="logs"?(V=o("settings.logs.title"),T=<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.logs.total",{count:I.length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {n({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:P,onChange:ne,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {n({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:W,onChange:ne,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack,paddingTop:6}}>
             {o("settings.logs.logLevels")}
           </react_native_1.Text>
-          {["info","warn","error"].map(e=>{const i=te?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,d=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),b=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return n({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:d,description:b,isLast:e==="error",onPress:()=>ie(a=>({...a,[e]:!a[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:i?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:i?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                  {i&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+          {["info","warn","error"].map(e=>{const r=te?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,d=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),A=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return n({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:d,description:A,isLast:e==="error",onPress:()=>ie(a=>({...a,[e]:!a[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                  {r&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
                 </react_native_1.View>})})}
         </react_native_1.View>
 
@@ -615,7 +613,7 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="analytics"?(_=o("settings.analytics.title"),f=<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.analytics.total",{count:L.length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>):t==="analytics"?(V=o("settings.analytics.title"),T=<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.analytics.total",{count:L.length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
           {n({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:L.length}),numericInput:{value:j,onChange:se,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
         </react_native_1.View>
@@ -627,7 +625,7 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="redux"?(_=o("settings.redux.title"),f=<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.white}size={16}/>,m=o("settings.redux.reducers",{count:Object.keys(H||{}).length}),A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>):t==="redux"?(V=o("settings.redux.title"),T=<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.redux.reducers",{count:Object.keys(H||{}).length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
           {n({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>ce(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:$?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:$?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
                 {$&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
@@ -644,7 +642,7 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="crash"?(_=o("settings.crash.title"),f=<NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.white}size={16}/>,m=`Total: ${M?.length||0}`,A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>):t==="crash"&&(V=o("settings.crash.title"),T=<NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.white}size={16}/>,k=`Total: ${M?.length||0}`,f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
           {n({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:q,onChange:Ce,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
@@ -663,64 +661,14 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="bundle"?(_=o("settings.bundle.title"),f=<NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.white}size={16}/>,m="Metro",A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
-        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
-          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-              <NetworkIcons_1.PackageIcon color={AppColors_1.AppColors.purple}size={16}/>
-            </react_native_1.View>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
-                {o("settings.bundle.sourceBundler")}
-              </react_native_1.Text>
-              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                {o("settings.bundle.sourceBundlerDesc")}
-              </react_native_1.Text>
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>
-
-        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.bundle.clearCache"),description:o("settings.bundle.clearCacheDesc"),isLast:!0,onPress:()=>{(0,bundleAnalyzer_1.clearCachedBundleAnalysis)(),react_native_1.Alert.alert(o("common.success"),o("settings.bundle.cacheCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,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,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
-                  {o("common.clear")}
-                </react_native_1.Text>
-              </react_native_1.View>})}
-        </react_native_1.View>
-        <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>):t==="performance"&&(_=o("settings.performance.title"),f=<NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.white}size={16}/>,m="60 FPS Target",A=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
-        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
-          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-              <NetworkIcons_1.PerformanceIcon color={AppColors_1.AppColors.purple}size={16}/>
-            </react_native_1.View>
-            <react_native_1.View style={{flex:1}}>
-              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
-                {o("settings.performance.frameMeasurement")}
-              </react_native_1.Text>
-              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                {o("settings.performance.frameMeasurementDesc")}
-              </react_native_1.Text>
-            </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>
-
-        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.performance.clearEvents"),description:o("settings.performance.clearEventsDesc"),isLast:!0,onPress:()=>{(0,performanceTracker_1.clearPerformanceEvents)(),react_native_1.Alert.alert(o("common.success"),o("settings.performance.eventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,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,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
-                  {o("common.clear")}
-                </react_native_1.Text>
-              </react_native_1.View>})}
-        </react_native_1.View>
-        <react_native_1.View style={{height:48}}/>
       </react_native_1.ScrollView>);const B=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{t!=="main"&&(B.setValue(0),react_native_1.Animated.spring(B,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[t]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,t!=="main"&&{pointerEvents:"none"}]}>
-        {we()}
+        {be()}
       </react_native_1.View>
 
       
       {t!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:B,transform:[{translateX:B.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
-          {A}
+          {f}
         </react_native_1.Animated.View>}
     </react_native_1.View>};exports.default=SettingsPanel;