react-native-inapp-inspector 2.3.23 → 2.3.25

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

@@ -1,5 +1,5 @@
-import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";import{Alert as W,Animated as Ee,DevSettings as Oe,Platform as je,ScrollView as A,StatusBar as ao,StyleSheet as rr,Text as S,TextInput as Co,View as C}from"react-native";import So,{Path as Cr}from"react-native-svg";import{animateNextLayout as Q,useInspector as To}from"./InspectorContext";import H from"../TouchableScale";import Vo from"../Slider";import{toggleGlobalTheme as Bo}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{isPersistentStorageAvailable as zo,calculateRamBasedLimits as Ro}from"../../helpers/settingsStore";import{clearNetworkLogs as vo}from"../../customHooks/networkLogger";import{clearConsoleLogs as Ho}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as Do}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Lo}from"../../customHooks/crashHandler";import{clearCachedBundleAnalysis as Io}from"../../customHooks/bundleAnalyzer";import{clearPerformanceEvents as Fo}from"../../customHooks/performanceTracker";import{isReduxConnected as Wo}from"../../customHooks/reduxLogger";import{isAnalyticsConnected as Ao}from"../../customHooks/analyticsLogger";import{useTranslation as Po}from"../../i18n";import{SignalIcon as Z,TerminalIcon as Ne,AnalyticsIcon as Ge,SettingsIcon as $o,SunIcon as Mo,MoonIcon as Eo,ScreenIcon as Sr,MotionIcon as Oo,LayersIcon as Ce,EyeIcon as Tr,CheckIcon as N,TrashIcon as P,PackageIcon as Se,ReduxIcon as Ue,PerformanceIcon as Je,CrashIcon as Vr,ShieldAlertIcon as Br,ForwardChevronIcon as No,ChevronDownIcon as Go,BrainIcon as Rr,SmartphoneIcon as Uo,DatabaseIcon as Jo,QrCodeIcon as _o,FilmIcon as Ko,ScreencastIcon as Qo,CameraIcon as Hr,VideoCameraIcon as Xo,MicrophoneIcon as Yo,GifIcon as Zo,ImageIcon as Ct}from"../NetworkIcons";import{ScreenCapture as xt}from"../../capture";import{isLocalDebugEnvironment as kt}from"../../helpers";import{showToast as Dr}from"../../helpers/toast";import{pruneAllLogs as St}from"../../helpers/memoryManager";const Tt=()=>{const{t:x}=Po(),{settingsPage:F,setSettingsPage:Te,settingsActiveSubTab:G,setSettingsActiveSubTab:Lr,tabVisibility:T,toggleTabVisibility:Ir,defaultTab:U,setDefaultTab:Fr,isDark:J,setIsDark:Wr,modalHeightPercent:_,setModalHeightPercent:Ar,modalAnimationType:Pr,setModalAnimationType:$r,showDuplicateLogs:Ve,setShowDuplicateLogs:Mr,showUpdateToast:Be,setShowUpdateToast:Er,showConsoleLevels:Or,setShowConsoleLevels:jr,resetToDefaults:Vt,closeModal:Nr,storage:Bt,logs:ze,consoleLogs:Re,analyticsEvents:ve,reduxState:He,maxNetworkLogs:De,setMaxNetworkLogs:Gr,maxConsoleLogs:Le,setMaxConsoleLogs:Ur,maxAnalyticsEventsLimit:_e,setMaxAnalyticsEventsLimit:qr,isAutoRamLimitEnabled:R,setIsAutoRamLimitEnabled:Jr,deviceFreeRamMb:Ie,reduxAutoRefresh:Fe,setReduxAutoRefreshState:_r,reduxExpandDepth:Ke,setReduxExpandDepth:Kr,switchActiveTab:zt,setSelected:Qr,setSelectedEvent:Xr,setReduxState:Yr,crashRecords:We,maxCrashLogs:Qe,setMaxCrashLogs:Zr,updateAvailable:Rt,latestNpmVersion:vt}=To(),[X,Xe]=$e(_);Me(()=>{Xe(_)},[_]);const K=Ro(Ie),Ht=zo(),eo=je.OS==="android"?ao.currentHeight||24:44,Dt=_>=95?eo:0,L=er(()=>[{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(r=>r.key==="debugging"?je.OS==="android"&&kt():!0),[]),[M,Ae]=$e(()=>({apis:!0,logs:!!T?.logs,analytics:!!T?.analytics,redux:!!T?.redux,storage:!!T?.storage,device:!!T?.device,crash:!!T?.crash,bundle:!!T?.bundle,performance:!!T?.performance,debugging:!!T?.debugging,media:!!(T?.media??!0)}));Me(()=>{Ae({apis:!0,logs:!!T?.logs,analytics:!!T?.analytics,redux:!!T?.redux,storage:!!T?.storage,device:!!T?.device,crash:!!T?.crash,bundle:!!T?.bundle,performance:!!T?.performance,debugging:!!T?.debugging,media:!!(T?.media??!0)})},[T]);const q=er(()=>L.some(r=>!!M[r.key]!=!!T?.[r.key]),[M,T,L]),ro=L.filter(r=>r.key==="apis"||!!M[r.key]).length,oo=()=>{q&&W.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:()=>{Ae({apis:!0,logs:!!T?.logs,analytics:!!T?.analytics,redux:!!T?.redux,storage:!!T?.storage,device:!!T?.device,crash:!!T?.crash,bundle:!!T?.bundle,performance:!!T?.performance,debugging:!!T?.debugging,media:!!(T?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{Q(),L.forEach(r=>{if(r.key!=="apis"){const V=!!M[r.key],D=!!T?.[r.key];V!==D&&Ir(r.key)}}),Nr(),setTimeout(()=>{__DEV__&&Oe&&Oe.reload&&Oe.reload()},350)}}])},[Pe,Ye]=$e(!1),Lt=()=>{Q(),Te("main")},z=r=><C style={{paddingVertical:12,borderBottomWidth:r.isLast?0:1,borderBottomColor:e.dividerColor}}>
-        <H disabled={!r.onPress}onPress={r.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
+import{useMemo as Qe,useState as We,useEffect as Ae,useRef as ro}from"react";import{Alert as A,Animated as Pe,DevSettings as $e,Platform as Me,ScrollView as P,StatusBar as oo,StyleSheet as Xe,Text as S,TextInput as Co,View as C}from"react-native";import So,{Path as Ye}from"react-native-svg";import{animateNextLayout as Q,useInspector as To}from"./InspectorContext";import I from"../TouchableScale";import Vo from"../Slider";import{toggleGlobalTheme as Bo}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{isPersistentStorageAvailable as Ro,calculateRamBasedLimits as zo}from"../../helpers/settingsStore";import{clearNetworkLogs as vo}from"../../customHooks/networkLogger";import{clearConsoleLogs as Io}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as Ho}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Do}from"../../customHooks/crashHandler";import{isReduxConnected as Lo}from"../../customHooks/reduxLogger";import{isAnalyticsConnected as Fo}from"../../customHooks/analyticsLogger";import{useTranslation as Wo}from"../../i18n";import{SignalIcon as Z,TerminalIcon as Oe,AnalyticsIcon as Ee,SettingsIcon as Ao,SunIcon as Po,MoonIcon as $o,ScreenIcon as Ze,MotionIcon as Mo,LayersIcon as Ce,EyeIcon as Cr,CheckIcon as $,TrashIcon as M,PackageIcon as Oo,ReduxIcon as Ne,CrashIcon as Sr,ShieldAlertIcon as Tr,ForwardChevronIcon as Eo,ChevronDownIcon as No,BrainIcon as Vr,SmartphoneIcon as Go,DatabaseIcon as Uo,QrCodeIcon as Jo,FilmIcon as _o,ScreencastIcon as Ko,CameraIcon as Br,VideoCameraIcon as Qo,MicrophoneIcon as Xo,GifIcon as Yo,ImageIcon as Zo}from"../NetworkIcons";import{ScreenCapture as et}from"../../capture";import{isLocalDebugEnvironment as rt}from"../../helpers";import{showToast as Rr}from"../../helpers/toast";import{pruneAllLogs as ot}from"../../helpers/memoryManager";const tt=()=>{const{t:x}=Wo(),{settingsPage:F,setSettingsPage:xe,settingsActiveSubTab:O,setSettingsActiveSubTab:zr,tabVisibility:V,toggleTabVisibility:vr,defaultTab:E,setDefaultTab:Ir,isDark:G,setIsDark:Hr,modalHeightPercent:U,setModalHeightPercent:Dr,modalAnimationType:Lr,setModalAnimationType:Fr,showDuplicateLogs:ke,setShowDuplicateLogs:Wr,showUpdateToast:Se,setShowUpdateToast:Ar,showConsoleLevels:Pr,setShowConsoleLevels:$r,resetToDefaults:it,closeModal:Mr,storage:lt,logs:Te,consoleLogs:Ve,analyticsEvents:Be,reduxState:Re,maxNetworkLogs:ze,setMaxNetworkLogs:Or,maxConsoleLogs:ve,setMaxConsoleLogs:Er,maxAnalyticsEventsLimit:Ge,setMaxAnalyticsEventsLimit:jr,isAutoRamLimitEnabled:z,setIsAutoRamLimitEnabled:Nr,deviceFreeRamMb:Ie,reduxAutoRefresh:He,setReduxAutoRefreshState:Gr,reduxExpandDepth:Ue,setReduxExpandDepth:Ur,switchActiveTab:at,setSelected:qr,setSelectedEvent:Jr,setReduxState:_r,crashRecords:De,maxCrashLogs:qe,setMaxCrashLogs:Kr,updateAvailable:nt,latestNpmVersion:st}=To(),[X,Je]=We(U);Ae(()=>{Je(U)},[U]);const q=zo(Ie),dt=Ro(),Qr=Me.OS==="android"?oo.currentHeight||24:44,ct=U>=95?Qr:0,D=Qe(()=>[{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(r=>r.key==="debugging"?Me.OS==="android"&&rt():!0),[]),[W,Le]=We(()=>({apis:!0,logs:!!V?.logs,analytics:!!V?.analytics,redux:!!V?.redux,storage:!!V?.storage,device:!!V?.device,crash:!!V?.crash,debugging:!!V?.debugging,media:!!(V?.media??!0)}));Ae(()=>{Le({apis:!0,logs:!!V?.logs,analytics:!!V?.analytics,redux:!!V?.redux,storage:!!V?.storage,device:!!V?.device,crash:!!V?.crash,debugging:!!V?.debugging,media:!!(V?.media??!0)})},[V]);const j=Qe(()=>D.some(r=>!!W[r.key]!=!!V?.[r.key]),[W,V,D]),Xr=D.filter(r=>r.key==="apis"||!!W[r.key]).length,Yr=()=>{j&&A.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:()=>{Le({apis:!0,logs:!!V?.logs,analytics:!!V?.analytics,redux:!!V?.redux,storage:!!V?.storage,device:!!V?.device,crash:!!V?.crash,debugging:!!V?.debugging,media:!!(V?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{Q(),D.forEach(r=>{if(r.key!=="apis"){const T=!!W[r.key],H=!!V?.[r.key];T!==H&&vr(r.key)}}),Mr(),setTimeout(()=>{__DEV__&&$e&&$e.reload&&$e.reload()},350)}}])},[Fe,_e]=We(!1),gt=()=>{Q(),xe("main")},R=r=><C style={{paddingVertical:12,borderBottomWidth:r.isLast?0:1,borderBottomColor:e.dividerColor}}>
+        <I disabled={!r.onPress}onPress={r.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
           <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}2E`,alignItems:"center",justifyContent:"center"}}>
             {r.icon}
           </C>
@@ -12,10 +12,10 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               </S>:null}
           </C>
           {r.right||null}
-        </H>
+        </I>
         {r.numericInput&&<C style={{marginTop:10,gap:6}}>
             <C style={{flexDirection:"row",alignItems:"center",backgroundColor:e.grayBackground,borderRadius:8,borderWidth:1,borderColor:e.dividerColor,paddingHorizontal:12,paddingVertical:4}}>
-              <Co style={{flex:1,fontFamily:k.interMedium,fontSize:14,lineHeight:18,color:e.primaryBlack,paddingVertical:6}}value={String(r.numericInput.value||"")}onChangeText={V=>{const D=parseInt(V.replace(/[^0-9]/g,""),10);if(!isNaN(D)){const v=Math.max(r.numericInput?.min??1,Math.min(r.numericInput?.max??1e4,D));r.numericInput?.onChange(v)}}}keyboardType={r.numericInput.keyboardType??"number-pad"}placeholder={r.numericInput.placeholder}placeholderTextColor={e.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <Co style={{flex:1,fontFamily:k.interMedium,fontSize:14,lineHeight:18,color:e.primaryBlack,paddingVertical:6}}value={String(r.numericInput.value||"")}onChangeText={T=>{const H=parseInt(T.replace(/[^0-9]/g,""),10);if(!isNaN(H)){const v=Math.max(r.numericInput?.min??1,Math.min(r.numericInput?.max??1e4,H));r.numericInput?.onChange(v)}}}keyboardType={r.numericInput.keyboardType??"number-pad"}placeholder={r.numericInput.placeholder}placeholderTextColor={e.grayTextWeak}maxLength={6}selectTextOnFocus/>
               <S style={{fontFamily:k.interBold,fontSize:11,color:e.purple,marginLeft:6}}>
                 MAX
               </S>
@@ -26,61 +26,59 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               </S>:null}
           </C>}
         {r.picker&&<C style={{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:8,padding:2.5,marginTop:10,borderWidth:1,borderColor:e.dividerColor}}>
-            {r.picker.options.map(V=>{const D=r.picker.selectedValue===V;return<H key={String(V)}onPress={()=>r.picker.onSelect(V)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:D?e.purple:"transparent"}}>
-                  <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:D?e.white:e.grayText}}>
-                    {r.picker.formatLabel?r.picker.formatLabel(V):V}
+            {r.picker.options.map(T=>{const H=r.picker.selectedValue===T;return<I key={String(T)}onPress={()=>r.picker.onSelect(T)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:H?e.purple:"transparent"}}>
+                  <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:H?e.white:e.grayText}}>
+                    {r.picker.formatLabel?r.picker.formatLabel(T):T}
                   </S>
-                </H>})}
+                </I>})}
           </C>}
-      </C>,to=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
-      <A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
+      </C>,Zr=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
+      <P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
         
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:13,paddingVertical:4,paddingHorizontal:4,borderWidth:1,borderColor:e.grayBorderSecondary,shadowColor:e.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2}}}>
-          <A horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
-            {[{key:"module",label:x("settings.modulesAndTools","Modules & Tools"),Icon:Ce,badge:`${L.filter(r=>M?.[r.key]||r.key==="apis").length}/${L.length}`},{key:"ui",label:x("settings.uiPreferences","UI Preferences"),Icon:Sr},{key:"limits",label:x("settings.ramLimits","RAM & Limits"),Icon:Rr},{key:"capture",label:x("settings.screenVideoCapture","Screen & Video Capture"),Icon:Hr}].map(r=>{const V=G===r.key,D=r.Icon;return<H key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:V}}onPress={()=>{Q(),Lr(r.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:V?e.purple:"transparent"}}>
-                  <D color={V?e.white:e.grayText}size={13}/>
-                  <S style={{fontFamily:k.interBold,fontSize:12.5,lineHeight:16,color:V?e.white:e.grayText}}>
+          <P horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
+            {[{key:"module",label:x("settings.modulesAndTools","Modules & Tools"),Icon:Ce,badge:`${D.filter(r=>W?.[r.key]||r.key==="apis").length}/${D.length}`},{key:"ui",label:x("settings.uiPreferences","UI Preferences"),Icon:Ze},{key:"limits",label:x("settings.ramLimits","RAM & Limits"),Icon:Vr},{key:"capture",label:x("settings.screenVideoCapture","Screen & Video Capture"),Icon:Br}].map(r=>{const T=O===r.key,H=r.Icon;return<I key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:T}}onPress={()=>{Q(),zr(r.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:T?e.purple:"transparent"}}>
+                  <H color={T?e.white:e.grayText}size={13}/>
+                  <S style={{fontFamily:k.interBold,fontSize:12.5,lineHeight:16,color:T?e.white:e.grayText}}>
                     {r.label}
                   </S>
-                  {r.badge&&<C style={{backgroundColor:V?"rgba(255,255,255,0.25)":`${e.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
-                      <S style={{fontFamily:k.interBold,fontSize:9.5,color:V?e.white:e.purple}}>
+                  {r.badge&&<C style={{backgroundColor:T?"rgba(255,255,255,0.25)":`${e.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
+                      <S style={{fontFamily:k.interBold,fontSize:9.5,color:T?e.white:e.purple}}>
                         {r.badge}
                       </S>
                     </C>}
-                </H>})}
-          </A>
+                </I>})}
+          </P>
         </C>
 
-        {G==="module"&&<C style={{gap:12}}>
+        {O==="module"&&<C style={{gap:12}}>
             
             <C style={{gap:10}}>
-              {L.map(r=>{const V=Wo(),D=Ao(),v=r.key==="redux"&&!V||r.key==="analytics"&&!D,I=r.key==="apis"||v,B=r.key==="apis"||!!M?.[r.key]&&!v,io=r.key==="apis"?`${ze.length} requests \u2022 Limit: ${De}`:r.key==="logs"?`${Re.length} logs \u2022 Limit: ${Le}`:r.key==="performance"?"60 FPS Target \u2022 Memory Telemetry":r.key==="bundle"?"Metro Packager \u2022 Dependency Map":r.key==="crash"?`${We?.length||0} crashes recorded \u2022 Crash Guard`:r.key==="analytics"?`${ve.length} events logged`:r.key==="redux"?`${Object.keys(He||{}).length} slices \u2022 Depth: ${Ke}`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:B?`${e.purple}38`:e.grayBorderSecondary,padding:14,gap:10,shadowColor:e.black,shadowOpacity:B?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
+              {D.map(r=>{const T=Lo(),H=Fo(),v=r.key==="redux"&&!T||r.key==="analytics"&&!H,L=r.key==="apis"||v,B=r.key==="apis"||!!W?.[r.key]&&!v,eo=r.key==="apis"?`${Te.length} requests \u2022 Limit: ${ze}`:r.key==="logs"?`${Ve.length} logs \u2022 Limit: ${ve}`:r.key==="crash"?`${De?.length||0} crashes recorded \u2022 Crash Guard`:r.key==="analytics"?`${Be.length} events logged`:r.key==="redux"?`${Object.keys(Re||{}).length} slices \u2022 Depth: ${Ue}`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:B?`${e.purple}38`:e.grayBorderSecondary,padding:14,gap:10,shadowColor:e.black,shadowOpacity:B?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
                     
                     <C style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
                       
-                      <H accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${r.label}`}accessibilityState={{checked:B,disabled:I}}disabled={I}onPress={()=>{I||Ae(Ze=>({...Ze,[r.key]:!Ze[r.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:B?0:1.8,borderColor:I?e.dividerColor:e.grayBorderSecondary,backgroundColor:r.key==="apis"?`${e.blue500}22`:B?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:B?e.purple:"transparent",shadowOpacity:B?.25:0,shadowRadius:2,elevation:B?2:0}}>
-                        {r.key==="apis"?<N size={12}color={e.blue500}/>:B?<N size={12}color={e.white}/>:I?<So width={10}height={10}viewBox="0 0 24 24"fill="none">
-                            <Cr d="M7 10V7a5 5 0 0 1 10 0v3"stroke={e.grayText}strokeWidth="2.2"strokeLinecap="round"/>
-                            <Cr d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={e.grayText}/>
+                      <I accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${r.label}`}accessibilityState={{checked:B,disabled:L}}disabled={L}onPress={()=>{L||Le(Ke=>({...Ke,[r.key]:!Ke[r.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:B?0:1.8,borderColor:L?e.dividerColor:e.grayBorderSecondary,backgroundColor:r.key==="apis"?`${e.blue500}22`:B?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:B?e.purple:"transparent",shadowOpacity:B?.25:0,shadowRadius:2,elevation:B?2:0}}>
+                        {r.key==="apis"?<$ size={12}color={e.blue500}/>:B?<$ size={12}color={e.white}/>:L?<So width={10}height={10}viewBox="0 0 24 24"fill="none">
+                            <Ye d="M7 10V7a5 5 0 0 1 10 0v3"stroke={e.grayText}strokeWidth="2.2"strokeLinecap="round"/>
+                            <Ye d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={e.grayText}/>
                           </So>:null}
-                      </H>
+                      </I>
 
                       
-                      <H accessible={!0}accessibilityRole="button"accessibilityLabel={`${r.label} settings`}disabled={v}onPress={()=>{Q(),Te(r.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
+                      <I accessible={!0}accessibilityRole="button"accessibilityLabel={`${r.label} settings`}disabled={v}onPress={()=>{Q(),xe(r.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <C style={{width:36,height:36,borderRadius:10,backgroundColor:I?`${e.grayBorderSecondary}4D`:B?`${e.purple}14`:e.grayBackground,borderWidth:1,borderColor:I?e.dividerColor:B?`${e.purple}33`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                        <C style={{width:36,height:36,borderRadius:10,backgroundColor:L?`${e.grayBorderSecondary}4D`:B?`${e.purple}14`:e.grayBackground,borderWidth:1,borderColor:L?e.dividerColor:B?`${e.purple}33`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
                           {r.icon==="apis"&&<Z color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="logs"&&<Ne color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="performance"&&<Je color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="bundle"&&<Se color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="crash"&&<Vr color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="analytics"&&<Ge color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="redux"&&<Ue color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="device"&&<Uo color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="storage"&&<Jo color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="debugging"&&<_o color={B?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="media"&&<Qo color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="logs"&&<Oe color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="crash"&&<Sr color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="analytics"&&<Ee color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="redux"&&<Ne color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="device"&&<Go color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="storage"&&<Uo color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="debugging"&&<Jo color={B?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="media"&&<Ko color={B?e.purple:e.grayTextWeak}size={16}/>}
                         </C>
 
                         
@@ -91,12 +89,12 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                                 #{r.id}
                               </S>
                             </C>
-                            <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:I?e.grayText:e.primaryBlack}}>
+                            <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:L?e.grayText:e.primaryBlack}}>
                               {r.label}
                             </S>
 
                             
-                            {r.key===U&&!v&&<C style={{flexDirection:"row",alignItems:"center",backgroundColor:`${e.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.purple}2E`,gap:3}}>
+                            {r.key===E&&!v&&<C style={{flexDirection:"row",alignItems:"center",backgroundColor:`${e.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.purple}2E`,gap:3}}>
                                   <C style={{width:4,height:4,borderRadius:2,backgroundColor:e.purple}}/>
                                   <S style={{fontFamily:k.interBold,fontSize:8,lineHeight:11,color:e.purple,letterSpacing:.4}}>
                                     {x("settings.defaultBadge")}
@@ -127,7 +125,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                             {r.desc}
                           </S>
                         </C>
-                      </H>
+                      </I>
                     </C>
 
                     
@@ -136,24 +134,24 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                         <C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
                           <C style={{width:6,height:6,borderRadius:3,backgroundColor:B?e.liveGreen:e.grayTextWeak}}/>
                           <S style={{fontFamily:k.interMedium,fontSize:11,color:e.grayText,lineHeight:14}}>
-                            {io}
+                            {eo}
                           </S>
                         </C>
 
                         
-                        <H accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${r.label} settings`}onPress={()=>{Q(),Te(r.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${e.purple}26`}}>
-                          <$o color={e.purple}size={11}/>
+                        <I accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${r.label} settings`}onPress={()=>{Q(),xe(r.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${e.purple}26`}}>
+                          <Ao color={e.purple}size={11}/>
                           <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.purple}}>
                             {x("settings.configure")}
                           </S>
-                          <No color={e.purple}size={9}/>
-                        </H>
+                          <Eo color={e.purple}size={9}/>
+                        </I>
                       </C>}
                   </C>})}
             </C>
           </C>}
 
-        {G==="ui"&&<C style={{gap:14}}>
+        {O==="ui"&&<C style={{gap:14}}>
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.grayTextWeak,letterSpacing:.8}}>
@@ -163,7 +161,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                 <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                   <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    {J?<Mo color={e.purple}size={15}/>:<Eo color={e.purple}size={15}/>}
+                    {G?<Po color={e.purple}size={15}/>:<$o color={e.purple}size={15}/>}
                   </C>
                   <C style={{flex:1}}>
                     <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -175,9 +173,9 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                   </C>
                 </C>
 
-                <H accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:J}}onPress={()=>{const r=!J;Wr(r),Bo(r)}}style={{width:42,height:24,borderRadius:12,backgroundColor:J?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:J?"flex-end":"flex-start"}}>
+                <I accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:G}}onPress={()=>{const r=!G;Hr(r),Bo(r)}}style={{width:42,height:24,borderRadius:12,backgroundColor:G?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:G?"flex-end":"flex-start"}}>
                   <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
-                </H>
+                </I>
               </C>
             </C>
 
@@ -192,7 +190,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                 <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10}}>
                   <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                     <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                      <Sr color={e.purple}size={15}/>
+                      <Ze color={e.purple}size={15}/>
                     </C>
                     <C style={{flex:1}}>
                       <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -204,16 +202,16 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                     </C>
                   </C>
 
-                  {X!==_&&<H onPress={()=>{Ar(X)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:e.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:e.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
-                      <N size={11}color={e.white}/>
+                  {X!==U&&<I onPress={()=>{Dr(X)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:e.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:e.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
+                      <$ size={11}color={e.white}/>
                       <S style={{fontFamily:k.interBold,fontSize:11,color:e.white}}>
                         Save ({X}%)
                       </S>
-                    </H>}
+                    </I>}
                 </C>
 
                 <C style={{marginTop:6}}>
-                  <Vo value={X}onValueChange={Xe}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
+                  <Vo value={X}onValueChange={Je}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
                 </C>
               </C>
 
@@ -223,7 +221,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               <C style={{gap:8}}>
                 <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                   <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    <Oo color={e.purple}size={15}/>
+                    <Mo color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -236,11 +234,11 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                 </C>
 
                 <C style={{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:e.dividerColor}}>
-                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const V=Pr===r.key;return<H key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:V}}onPress={()=>$r(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:V?e.purple:"transparent"}}>
-                        <S style={{fontFamily:k.interBold,fontSize:11.5,lineHeight:15,color:V?e.white:e.grayText}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const T=Lr===r.key;return<I key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:T}}onPress={()=>Fr(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:T?e.purple:"transparent"}}>
+                        <S style={{fontFamily:k.interBold,fontSize:11.5,lineHeight:15,color:T?e.white:e.grayText}}>
                           {r.label}
                         </S>
-                      </H>})}
+                      </I>})}
                 </C>
               </C>
             </C>
@@ -267,11 +265,11 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
 
               
               <C style={{marginTop:6,gap:6}}>
-                <H accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${L.find(r=>r.key===U)?.label||"APIs"}`}onPress={()=>Ye(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:Pe?e.purple:e.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <I accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${D.find(r=>r.key===E)?.label||"APIs"}`}onPress={()=>_e(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:Fe?e.purple:e.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
                   <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                     <C style={{width:8,height:8,borderRadius:4,backgroundColor:e.purple}}/>
                     <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
-                      {L.find(r=>r.key===U)?`#${L.find(r=>r.key===U)?.id} ${L.find(r=>r.key===U)?.label}`:"#1 APIs (Network)"}
+                      {D.find(r=>r.key===E)?`#${D.find(r=>r.key===E)?.id} ${D.find(r=>r.key===E)?.label}`:"#1 APIs (Network)"}
                     </S>
                     <C style={{backgroundColor:`${e.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:6}}>
                       <S style={{fontFamily:k.interBold,fontSize:8.5,color:e.purple}}>
@@ -280,22 +278,22 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                     </C>
                   </C>
 
-                  <C style={{transform:[{rotate:Pe?"180deg":"0deg"}]}}>
-                    <Go color={e.grayText}size={15}/>
+                  <C style={{transform:[{rotate:Fe?"180deg":"0deg"}]}}>
+                    <No color={e.grayText}size={15}/>
                   </C>
-                </H>
+                </I>
 
                 
-                {Pe&&<C style={{backgroundColor:e.primaryLight,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",shadowColor:e.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
-                    {L.filter(r=>r.key==="apis"||M?.[r.key]||T?.[r.key]).map((r,V,D)=>{const v=U===r.key,I=V===D.length-1;return<H key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{Fr(r.key),Ye(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:v?`${e.purple}0F`:"transparent",borderBottomWidth:I?0:1,borderBottomColor:e.dividerColor}}>
+                {Fe&&<C style={{backgroundColor:e.primaryLight,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",shadowColor:e.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
+                    {D.filter(r=>r.key==="apis"||W?.[r.key]||V?.[r.key]).map((r,T,H)=>{const v=E===r.key,L=T===H.length-1;return<I key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{Ir(r.key),_e(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:v?`${e.purple}0F`:"transparent",borderBottomWidth:L?0:1,borderBottomColor:e.dividerColor}}>
                             <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                               <C style={{width:6,height:6,borderRadius:3,backgroundColor:v?e.purple:e.grayTextWeak}}/>
                               <S style={{fontFamily:v?k.interBold:k.interMedium,fontSize:13,color:v?e.purple:e.primaryBlack}}>
                                 #{r.id} {r.label}
                               </S>
                             </C>
-                            {v&&<N size={14}color={e.purple}/>}
-                          </H>})}
+                            {v&&<$ size={14}color={e.purple}/>}
+                          </I>})}
                   </C>}
               </C>
             </C>
@@ -309,7 +307,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                 <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1,marginRight:10}}>
                   <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    <Se color={e.purple}size={15}/>
+                    <Oo color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -322,14 +320,14 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                   </C>
                 </C>
 
-                <H accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:Be}}onPress={()=>Er(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:Be?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Be?"flex-end":"flex-start"}}>
+                <I accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:Se}}onPress={()=>Ar(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:Se?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Se?"flex-end":"flex-start"}}>
                   <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
-                </H>
+                </I>
               </C>
             </C>
           </C>}
 
-        {G==="limits"&&<C style={{gap:14}}>
+        {O==="limits"&&<C style={{gap:14}}>
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.grayTextWeak,letterSpacing:.8}}>
@@ -340,7 +338,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                 <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                   <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    <Rr color={e.purple}size={16}/>
+                    <Vr color={e.purple}size={16}/>
                   </C>
                   <C style={{flex:1}}>
                     <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -353,28 +351,28 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                   </C>
                 </C>
 
-                <H accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:R}}onPress={()=>Jr(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:R?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:R?"flex-end":"flex-start"}}>
+                <I accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:z}}onPress={()=>Nr(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:z?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:z?"flex-end":"flex-start"}}>
                   <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
-                </H>
+                </I>
               </C>
 
               <C style={{height:1,backgroundColor:e.dividerColor}}/>
 
               
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <C style={{width:32,height:32,borderRadius:8,backgroundColor:R?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <Z color={R?e.purple:e.grayTextWeak}size={15}/>
+                <C style={{width:32,height:32,borderRadius:8,backgroundColor:z?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <Z color={z?e.purple:e.grayTextWeak}size={15}/>
                 </C>
                 <C style={{flex:1}}>
-                  <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:R?e.primaryBlack:e.grayText}}>
+                  <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:z?e.primaryBlack:e.grayText}}>
                     Detected Available RAM
                   </S>
                   <S style={{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
                     {Ie} MB available on device
                   </S>
                 </C>
-                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:R?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:R?`${e.purple}26`:e.dividerColor}}>
-                  <S style={{fontFamily:k.interBold,fontSize:12,lineHeight:15,color:R?e.purple:e.grayText}}>
+                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:z?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:z?`${e.purple}26`:e.dividerColor}}>
+                  <S style={{fontFamily:k.interBold,fontSize:12,lineHeight:15,color:z?e.purple:e.grayText}}>
                     {Ie} MB
                   </S>
                 </C>
@@ -384,17 +382,17 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               <C style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor,gap:6}}>
                 <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                   <S style={{fontFamily:k.interBold,fontSize:11.5,lineHeight:15,color:e.purple}}>
-                    Profile: {K.profileName}
+                    Profile: {q.profileName}
                   </S>
-                  <C style={{backgroundColor:R?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
-                    <S style={{fontFamily:k.interBold,fontSize:9.5,color:R?e.emerald500:e.purple}}>
-                      {R?"AUTO-TUNED":"MANUAL"}
+                  <C style={{backgroundColor:z?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <S style={{fontFamily:k.interBold,fontSize:9.5,color:z?e.emerald500:e.purple}}>
+                      {z?"AUTO-TUNED":"MANUAL"}
                     </S>
                   </C>
                 </C>
 
                 <C style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"APIs",value:R?K.maxNetworkLogs:De,color:e.blue500},{label:"Logs",value:R?K.maxConsoleLogs:Le,color:e.sky500},{label:"Analytics",value:R?K.maxAnalyticsEvents:_e,color:e.purple},{label:"Crash",value:R?K.maxCrashRecords:Qe,color:e.errorColor}].map(r=><C key={r.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${r.color}14`,borderWidth:1,borderColor:`${r.color}33`}}>
+                  {[{label:"APIs",value:z?q.maxNetworkLogs:ze,color:e.blue500},{label:"Logs",value:z?q.maxConsoleLogs:ve,color:e.sky500},{label:"Analytics",value:z?q.maxAnalyticsEvents:Ge,color:e.purple},{label:"Crash",value:z?q.maxCrashRecords:qe,color:e.errorColor}].map(r=><C key={r.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${r.color}14`,borderWidth:1,borderColor:`${r.color}33`}}>
                       <S style={{fontFamily:k.interBold,fontSize:10.5,lineHeight:14,color:r.color}}>
                         {r.label}:
                       </S>
@@ -414,7 +412,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
 
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                 <C style={{width:32,height:32,borderRadius:8,backgroundColor:`${e.emerald500}14`,alignItems:"center",justifyContent:"center"}}>
-                  <Br color={e.emerald500}size={15}/>
+                  <Tr color={e.emerald500}size={15}/>
                 </C>
                 <C style={{flex:1}}>
                   <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -444,21 +442,21 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                     Prune older entries across all log stores and free RAM
                   </S>
                 </C>
-                <H onPress={()=>{const r=St("manual",.5);Dr(`Pruned ${r.totalPruned} items from memory`)}}style={{backgroundColor:e.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
-                  <P size={13}color={e.white}/>
+                <I onPress={()=>{const r=ot("manual",.5);Rr(`Pruned ${r.totalPruned} items from memory`)}}style={{backgroundColor:e.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
+                  <M size={13}color={e.white}/>
                   <S style={{fontFamily:k.interBold,fontSize:11.5,color:e.white}}>
                     Prune Now
                   </S>
-                </H>
+                </I>
               </C>
             </C>
           </C>}
-        {G==="capture"&&<C style={{gap:12}}>
+        {O==="capture"&&<C style={{gap:12}}>
             
             <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:12}}>
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                 <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                  <Hr color={e.purple}size={16}/>
+                  <Br color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -470,7 +468,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                 </C>
               </C>
 
-              {z({icon:<Ct color={e.purple}size={16}/>,label:x("settings.media.imageFormat","Image Format"),description:x("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:4}}>
+              {R({icon:<Zo color={e.purple}size={16}/>,label:x("settings.media.imageFormat","Image Format"),description:x("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:4}}>
                     {["PNG","JPEG","WEBP"].map(r=><C key={r}style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:r==="PNG"?e.purple:`${e.purple}1A`}}>
                         <S style={{fontFamily:k.interBold,fontSize:10,color:r==="PNG"?e.white:e.purple}}>
                           {r}
@@ -478,7 +476,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                       </C>)}
                   </C>})}
 
-              {z({icon:<Tr color={e.purple}size={16}/>,label:x("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:x("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.emerald500}26`}}>
+              {R({icon:<Cr color={e.purple}size={16}/>,label:x("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:x("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.emerald500}26`}}>
                     <S style={{fontFamily:k.interBold,fontSize:10,color:e.emerald500}}>
                       {x("settings.media.enabled","ON")}
                     </S>
@@ -489,7 +487,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
             <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:12}}>
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                 <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                  <Xo color={e.purple}size={16}/>
+                  <Qo color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -501,15 +499,15 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                 </C>
               </C>
 
-              {z({icon:<Yo color={e.purple}size={16}/>,label:x("settings.media.audioMode","Audio Source"),description:x("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:4}}>
-                    {["Muted","App","Mic"].map((r,V)=><C key={r}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:V===0?e.purple:`${e.purple}1A`}}>
-                        <S style={{fontFamily:k.interBold,fontSize:10,color:V===0?e.white:e.purple}}>
+              {R({icon:<Xo color={e.purple}size={16}/>,label:x("settings.media.audioMode","Audio Source"),description:x("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:4}}>
+                    {["Muted","App","Mic"].map((r,T)=><C key={r}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:T===0?e.purple:`${e.purple}1A`}}>
+                        <S style={{fontFamily:k.interBold,fontSize:10,color:T===0?e.white:e.purple}}>
                           {r}
                         </S>
                       </C>)}
                   </C>})}
 
-              {z({icon:<Ko color={e.purple}size={16}/>,label:x("settings.media.frameRate","Recording Frame Rate (FPS)"),description:x("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:4}}>
+              {R({icon:<_o color={e.purple}size={16}/>,label:x("settings.media.frameRate","Recording Frame Rate (FPS)"),description:x("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:4}}>
                     {["15","24","30","60"].map(r=><C key={r}style={{paddingHorizontal:6,paddingVertical:4,borderRadius:6,backgroundColor:r==="24"?e.purple:`${e.purple}1A`}}>
                         <S style={{fontFamily:k.interBold,fontSize:10,color:r==="24"?e.white:e.purple}}>
                           {r}fps
@@ -517,7 +515,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
                       </C>)}
                   </C>})}
 
-              {z({icon:<Zo color={e.purple}size={16}/>,label:x("settings.media.gifAutoOpt","Auto GIF Optimization"),description:x("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.emerald500}26`}}>
+              {R({icon:<Yo color={e.purple}size={16}/>,label:x("settings.media.gifAutoOpt","Auto GIF Optimization"),description:x("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.emerald500}26`}}>
                     <S style={{fontFamily:k.interBold,fontSize:10,color:e.emerald500}}>
                       ON
                     </S>
@@ -526,7 +524,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
 
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-              {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.media.purgeAll","Purge Captured Media Cache"),description:x("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{W.alert(x("settings.media.purgeConfirmTitle","Purge Media Storage?"),x("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:x("common.cancel","Cancel"),style:"cancel"},{text:x("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await xt.clearAllMedia(),Dr(x("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+              {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.media.purgeAll","Purge Captured Media Cache"),description:x("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{A.alert(x("settings.media.purgeConfirmTitle","Purge Media Storage?"),x("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:x("common.cancel","Cancel"),style:"cancel"},{text:x("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await et.clearAllMedia(),Rr(x("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                     <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                       {x("settings.media.purgeCacheBtn","Purge All")}
                     </S>
@@ -534,48 +532,48 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
             </C>
           </C>}
         <C style={{height:48}}/>
-      </A>
+      </P>
 
       
-      {G==="module"&&<C style={{paddingHorizontal:16,paddingTop:12,paddingBottom:je.OS==="ios"?36:24,backgroundColor:e.primaryLight,borderTopWidth:1,borderTopColor:e.dividerColor,flexDirection:"row",alignItems:"center",gap:12,shadowColor:e.black,shadowOpacity:.08,shadowRadius:8,shadowOffset:{width:0,height:-3},elevation:8}}>
+      {O==="module"&&<C style={{paddingHorizontal:16,paddingTop:12,paddingBottom:Me.OS==="ios"?36:24,backgroundColor:e.primaryLight,borderTopWidth:1,borderTopColor:e.dividerColor,flexDirection:"row",alignItems:"center",gap:12,shadowColor:e.black,shadowOpacity:.08,shadowRadius:8,shadowOffset:{width:0,height:-3},elevation:8}}>
           <C style={{flex:1}}>
             <S style={{fontFamily:k.interBold,fontSize:13,lineHeight:17,color:e.primaryBlack}}>
-              {ro} of {L.length} Modules Active
+              {Xr} of {D.length} Modules Active
             </S>
-            <S style={{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:q?e.purple:e.grayText,marginTop:1}}>
-              {x(q?"settings.unsavedPending":"settings.allSynchronized")}
+            <S style={{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:j?e.purple:e.grayText,marginTop:1}}>
+              {x(j?"settings.unsavedPending":"settings.allSynchronized")}
             </S>
           </C>
 
-          <H accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={oo}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:q?e.purple:`${e.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <N size={14}color={q?e.white:e.purple}/>
-            <S style={{fontFamily:k.interBold,fontSize:13,lineHeight:17,color:q?e.white:e.purple}}>
+          <I accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={Yr}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:j?e.purple:`${e.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <$ size={14}color={j?e.white:e.purple}/>
+            <S style={{fontFamily:k.interBold,fontSize:13,lineHeight:17,color:j?e.white:e.purple}}>
               {x("settings.saveChanges")}
             </S>
-          </H>
+          </I>
         </C>}
-    </C>;let $=null,E="",O=null,j="";F==="apis"?(E=x("settings.apis.title"),O=<Z color={e.white}size={16}/>,j=x("settings.apis.total",{count:ze.length}),$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+    </C>;let N=null,J="",_=null,K="";F==="apis"?(J=x("settings.apis.title"),_=<Z color={e.white}size={16}/>,K=x("settings.apis.total",{count:Te.length}),N=<P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary}}>
-          {z({icon:<Z color={e.purple}size={16}/>,label:x("settings.apis.maxRequestLogs"),description:x("settings.apis.maxRequestLogsDescription"),numericInput:{value:De,onChange:Gr,min:10,max:100,placeholder:"Enter max requests (10-100)"},isLast:!0})}
+          {R({icon:<Z color={e.purple}size={16}/>,label:x("settings.apis.maxRequestLogs"),description:x("settings.apis.maxRequestLogsDescription"),numericInput:{value:ze,onChange:Or,min:10,max:100,placeholder:"Enter max requests (10-100)"},isLast:!0})}
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.apis.clearNetworkLogs"),description:x("settings.apis.clearNetworkLogsDescription",{count:ze.length}),isLast:!0,onPress:()=>{vo(),Qr(null),W.alert(x("common.success"),x("settings.apis.networkLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.apis.clearNetworkLogs"),description:x("settings.apis.clearNetworkLogsDescription",{count:Te.length}),isLast:!0,onPress:()=>{vo(),qr(null),A.alert(x("common.success"),x("settings.apis.networkLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {x("common.clear")}
                 </S>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </A>):F==="logs"?(E=x("settings.logs.title"),O=<Ne color={e.white}size={16}/>,j=x("settings.logs.total",{count:Re.length}),$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </P>):F==="logs"?(J=x("settings.logs.title"),_=<Oe color={e.white}size={16}/>,K=x("settings.logs.total",{count:Ve.length}),N=<P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4}}>
-          {z({icon:<Ne color={e.purple}size={16}/>,label:x("settings.logs.maxConsoleLogs"),description:x("settings.logs.maxConsoleLogsDescription"),numericInput:{value:Le,onChange:Ur,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {R({icon:<Oe color={e.purple}size={16}/>,label:x("settings.logs.maxConsoleLogs"),description:x("settings.logs.maxConsoleLogsDescription"),numericInput:{value:ve,onChange:Er,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
           <S style={{fontFamily:k.interBold,fontSize:13,lineHeight:17,color:e.primaryBlack,paddingTop:6}}>
             {x("settings.logs.logLevels")}
           </S>
-          {["info","warn","error"].map(r=>{const V=Or?.[r],D=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,v=x(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),I=x(r==="info"?"settings.logs.showInfoDesc":r==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return z({icon:<C style={{width:12,height:12,borderRadius:6,backgroundColor:D}}/>,label:v,description:I,isLast:r==="error",onPress:()=>jr(B=>({...B,[r]:!B[r]})),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:V?e.purple:e.grayTextWeak,backgroundColor:V?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                  {V&&<N size={12}color={e.purple}/>}
+          {["info","warn","error"].map(r=>{const T=Pr?.[r],H=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,v=x(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),L=x(r==="info"?"settings.logs.showInfoDesc":r==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return R({icon:<C style={{width:12,height:12,borderRadius:6,backgroundColor:H}}/>,label:v,description:L,isLast:r==="error",onPress:()=>$r(B=>({...B,[r]:!B[r]})),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:T?e.purple:e.grayTextWeak,backgroundColor:T?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                  {T&&<$ size={12}color={e.purple}/>}
                 </C>})})}
         </C>
 
@@ -589,7 +587,7 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
           <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
             <C style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
               <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                <Tr color={e.purple}size={15}/>
+                <Cr color={e.purple}size={15}/>
               </C>
               <C style={{flex:1}}>
                 <S style={{fontFamily:k.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -601,54 +599,54 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
               </C>
             </C>
 
-            <H accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:Ve}}onPress={()=>Mr(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:Ve?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Ve?"flex-end":"flex-start"}}>
+            <I accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:ke}}onPress={()=>Wr(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:ke?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:ke?"flex-end":"flex-start"}}>
               <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
-            </H>
+            </I>
           </C>
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.logs.clearConsoleLogs"),description:x("settings.logs.clearConsoleLogsDescription",{count:Re.length}),isLast:!0,onPress:()=>{Ho(),W.alert(x("common.success"),x("settings.logs.consoleLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.logs.clearConsoleLogs"),description:x("settings.logs.clearConsoleLogsDescription",{count:Ve.length}),isLast:!0,onPress:()=>{Io(),A.alert(x("common.success"),x("settings.logs.consoleLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {x("common.clear")}
                 </S>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </A>):F==="analytics"?(E=x("settings.analytics.title"),O=<Ge color={e.white}size={16}/>,j=x("settings.analytics.total",{count:ve.length}),$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </P>):F==="analytics"?(J=x("settings.analytics.title"),_=<Ee color={e.white}size={16}/>,K=x("settings.analytics.total",{count:Be.length}),N=<P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary}}>
-          {z({icon:<Ge color={e.purple}size={16}/>,label:x("settings.analytics.maxAnalyticsEvents"),description:x("settings.analytics.maxAnalyticsEventsDescription",{count:ve.length}),numericInput:{value:_e,onChange:qr,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
+          {R({icon:<Ee color={e.purple}size={16}/>,label:x("settings.analytics.maxAnalyticsEvents"),description:x("settings.analytics.maxAnalyticsEventsDescription",{count:Be.length}),numericInput:{value:Ge,onChange:jr,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
         </C>
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.analytics.clearAnalyticsEvents"),description:x("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{Do(),Xr(null),W.alert(x("common.success"),x("settings.analytics.analyticsEventsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.analytics.clearAnalyticsEvents"),description:x("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{Ho(),Jr(null),A.alert(x("common.success"),x("settings.analytics.analyticsEventsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {x("common.clear")}
                 </S>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </A>):F==="redux"?(E=x("settings.redux.title"),O=<Ue color={e.white}size={16}/>,j=x("settings.redux.reducers",{count:Object.keys(He||{}).length}),$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </P>):F==="redux"?(J=x("settings.redux.title"),_=<Ne color={e.white}size={16}/>,K=x("settings.redux.reducers",{count:Object.keys(Re||{}).length}),N=<P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4}}>
-          {z({icon:<Ue color={e.purple}size={16}/>,label:x("settings.redux.autoRefresh"),description:x("settings.redux.autoRefreshDescription"),onPress:()=>_r(r=>!r),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:Fe?e.purple:e.grayTextWeak,backgroundColor:Fe?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                {Fe&&<N size={12}color={e.purple}/>}
+          {R({icon:<Ne color={e.purple}size={16}/>,label:x("settings.redux.autoRefresh"),description:x("settings.redux.autoRefreshDescription"),onPress:()=>Gr(r=>!r),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:He?e.purple:e.grayTextWeak,backgroundColor:He?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {He&&<$ size={12}color={e.purple}/>}
               </C>})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {z({icon:<Ce color={e.purple}size={16}/>,label:x("settings.redux.defaultJsonExpandDepth"),description:x("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:Ke,onSelect:Kr},isLast:!0})}
+          {R({icon:<Ce color={e.purple}size={16}/>,label:x("settings.redux.defaultJsonExpandDepth"),description:x("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:Ue,onSelect:Ur},isLast:!0})}
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.redux.clearReduxState"),description:x(He?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{Yr(null),W.alert(x("common.success"),x("settings.redux.reduxStateCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.redux.clearReduxState"),description:x(Re?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{_r(null),A.alert(x("common.success"),x("settings.redux.reduxStateCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {x("common.clear")}
                 </S>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </A>):F==="crash"?(E=x("settings.crash.title"),O=<Vr color={e.white}size={16}/>,j=`Total: ${We?.length||0}`,$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </P>):F==="crash"&&(J=x("settings.crash.title"),_=<Sr color={e.white}size={16}/>,K=`Total: ${De?.length||0}`,N=<P style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4}}>
-          {z({icon:<Ce color={e.purple}size={16}/>,label:x("settings.crash.maxCrashLogs"),description:x("settings.crash.maxCrashLogsDesc"),numericInput:{value:Qe,onChange:Zr,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          {R({icon:<Ce color={e.purple}size={16}/>,label:x("settings.crash.maxCrashLogs"),description:x("settings.crash.maxCrashLogsDesc"),numericInput:{value:qe,onChange:Kr,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {z({icon:<Br color={e.greenColor}size={16}/>,label:x("settings.crash.globalGuard"),description:x("settings.crash.globalGuardDesc"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
+          {R({icon:<Tr color={e.greenColor}size={16}/>,label:x("settings.crash.globalGuard"),description:x("settings.crash.globalGuardDesc"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
                 <S style={{fontFamily:k.interBold,fontSize:10,lineHeight:13,color:e.greenColor}}>
                   {x("settings.protectedBadge")}
                 </S>
@@ -656,71 +654,21 @@ import{useMemo as er,useState as $e,useEffect as Me,useRef as lo}from"react";imp
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.crash.clearHistory"),description:x("settings.crash.clearHistoryDesc",{count:We?.length||0}),isLast:!0,onPress:()=>{Lo(),W.alert(x("common.success"),x("settings.crash.historyCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
-                <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
-                  {x("common.clear")}
-                </S>
-              </C>})}
-        </C>
-        <C style={{height:48}}/>
-      </A>):F==="bundle"?(E=x("settings.bundle.title"),O=<Se color={e.white}size={16}/>,j="Metro",$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
-        <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8}}>
-          <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-            <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-              <Se color={e.purple}size={16}/>
-            </C>
-            <C style={{flex:1}}>
-              <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
-                {x("settings.bundle.sourceBundler")}
-              </S>
-              <S style={{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                {x("settings.bundle.sourceBundlerDesc")}
-              </S>
-            </C>
-          </C>
-        </C>
-
-        <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.bundle.clearCache"),description:x("settings.bundle.clearCacheDesc"),isLast:!0,onPress:()=>{Io(),W.alert(x("common.success"),x("settings.bundle.cacheCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
-                <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
-                  {x("common.clear")}
-                </S>
-              </C>})}
-        </C>
-        <C style={{height:48}}/>
-      </A>):F==="performance"&&(E=x("settings.performance.title"),O=<Je color={e.white}size={16}/>,j="60 FPS Target",$=<A style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
-        <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:8}}>
-          <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-            <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-              <Je color={e.purple}size={16}/>
-            </C>
-            <C style={{flex:1}}>
-              <S style={{fontFamily:k.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
-                {x("settings.performance.frameMeasurement")}
-              </S>
-              <S style={{fontFamily:k.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                {x("settings.performance.frameMeasurementDesc")}
-              </S>
-            </C>
-          </C>
-        </C>
-
-        <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {z({icon:<P color={e.errorColor}size={16}/>,label:x("settings.performance.clearEvents"),description:x("settings.performance.clearEventsDesc"),isLast:!0,onPress:()=>{Fo(),W.alert(x("common.success"),x("settings.performance.eventsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {R({icon:<M color={e.errorColor}size={16}/>,label:x("settings.crash.clearHistory"),description:x("settings.crash.clearHistoryDesc",{count:De?.length||0}),isLast:!0,onPress:()=>{Do(),A.alert(x("common.success"),x("settings.crash.historyCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <S style={{fontFamily:k.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {x("common.clear")}
                 </S>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </A>);const Y=lo(new Ee.Value(0)).current;return Me(()=>{F!=="main"&&(Y.setValue(0),Ee.spring(Y,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[F]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
+      </P>);const Y=ro(new Pe.Value(0)).current;return Ae(()=>{F!=="main"&&(Y.setValue(0),Pe.spring(Y,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[F]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
       
-      <C style={[rr.absoluteFill,F!=="main"&&{pointerEvents:"none"}]}>
-        {to()}
+      <C style={[Xe.absoluteFill,F!=="main"&&{pointerEvents:"none"}]}>
+        {Zr()}
       </C>
 
       
-      {F!=="main"&&<Ee.View style={[rr.absoluteFill,{backgroundColor:e.grayBackground,opacity:Y,transform:[{translateX:Y.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
-          {$}
-        </Ee.View>}
-    </C>};export default Tt;
+      {F!=="main"&&<Pe.View style={[Xe.absoluteFill,{backgroundColor:e.grayBackground,opacity:Y,transform:[{translateX:Y.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {N}
+        </Pe.View>}
+    </C>};export default tt;