react-native-inapp-inspector 2.4.2 → 2.5.1

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

@@ -1,4 +1,4 @@
-import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";import{Alert as E,Animated as ve,DevSettings as Le,Platform as Ze,ScrollView as N,StyleSheet as er,Text as T,TextInput as So,View as C}from"react-native";import To,{Path as Cr}from"react-native-svg";import{animateNextLayout as he,useInspector as zo}from"./InspectorContext";import B from"../TouchableScale";import Bo from"../Slider";import{toggleGlobalTheme as Vo}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{calculateRamBasedLimits as Ro}from"../../helpers/settingsStore";import{clearNetworkLogs as Fo}from"../../customHooks/networkLogger";import{clearConsoleLogs as Io}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as Ho,isAnalyticsConnected as wr}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Do}from"../../customHooks/crashHandler";import{isReduxConnected as Sr}from"../../customHooks/reduxLogger";import{useTranslation as vo,SUPPORTED_LANGUAGES as kr,getLanguage as Lo}from"../../i18n";import{LanguageSelectorModal as $o}from"./LanguageSelectorModal";import{GlobeIcon as Wo,SignalIcon as Tr,TerminalIcon as Br,AnalyticsIcon as Vr,SettingsIcon as Po,SunIcon as Ao,MoonIcon as Oo,ScreenIcon as Rr,MotionIcon as Mo,LayersIcon as X,EyeIcon as $e,CheckIcon as K,TrashIcon as G,PackageIcon as Eo,ReduxIcon as Fr,CrashIcon as No,ShieldAlertIcon as Ir,ForwardChevronIcon as Hr,ChevronDownIcon as Go,BrainIcon as Dr,SmartphoneIcon as Uo,DatabaseIcon as Ko,QrCodeIcon as _o,FilmIcon as Lr,ScreencastIcon as Jo,CameraIcon as Ce,VideoCameraIcon as $r,MicrophoneIcon as Wr,GifIcon as Pr,ImageIcon as Ar,BellIcon as Or,WebsocketIcon as Mr,BoltIcon as We}from"../NetworkIcons";import{ScreenCapture as Pe}from"../../capture";import{triggerNativeHaptic as v}from"../../native/NativeInspector";import{isLocalDebugEnvironment as Qo}from"../../helpers";import{showToast as I}from"../../helpers/toast";import{pruneAllLogs as Xo}from"../../helpers/memoryManager";const Yo=()=>{const{t:w}=vo(),{settingsPage:P,setSettingsPage:Ae,settingsActiveSubTab:_,setSettingsActiveSubTab:Er,tabVisibility:V,toggleTabVisibility:Nr,defaultTab:J,setDefaultTab:jr,isDark:Y,setIsDark:Gr,modalHeightPercent:Z,setModalHeightPercent:Ur,modalAnimationType:qr,setModalAnimationType:Kr,showDuplicateLogs:we,setShowDuplicateLogs:_r,showUpdateToast:Se,setShowUpdateToast:Jr,showConsoleLevels:Qr,setShowConsoleLevels:Xr,closeModal:Yr,logs:ke,consoleLogs:xe,analyticsEvents:Te,reduxState:ee,maxConsoleLogs:ze,setMaxConsoleLogs:Zr,maxAnalyticsEventsLimit:Oe,setMaxAnalyticsEventsLimit:eo,isAutoRamLimitEnabled:$,setIsAutoRamLimitEnabled:ro,deviceFreeRamMb:Be,reduxAutoRefresh:Ve,setReduxAutoRefreshState:oo,reduxExpandDepth:Me,setReduxExpandDepth:to,setSelected:io,setSelectedEvent:lo,setReduxState:ao,crashRecords:re,maxCrashLogs:Ee,setMaxCrashLogs:no,pushRecords:oe,maxPushLogs:so,setMaxPushLogs:co,clearAllPushLogs:go,simulatePush:te,socketRecords:ie,maxSocketLogs:po,setMaxSocketLogs:yo,clearAllSocketLogs:uo,simulateSocket:le,captureImageFormat:Re,setCaptureImageFormat:Ne,captureAutoHide:W,setCaptureAutoHide:ae,captureAudioMode:je,setCaptureAudioMode:Ge,captureFps:Ue,setCaptureFps:qe,captureScale:Zo,setCaptureScale:et,captureBitrate:rt,setCaptureBitrate:ot,captureMaxDurationSeconds:tt,setCaptureMaxDurationSeconds:it,captureAutoGif:A,setCaptureAutoGif:ne}=zo(),[se,Ke]=ue(Z),[ho,_e]=ue(!1),bo=Lo(),Fe=kr.find(r=>r.code===bo)||kr[0];De(()=>{Ke(Z)},[Z]);const de=Ro(Be),L=ye(()=>[{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"},{id:10,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:11,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}].filter(r=>r.key==="debugging"?Ze.OS==="android"&&Qo():!0),[]),[U,ce]=ue(()=>({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),push:!!(V?.push??!0),socket:!!(V?.socket??!1)}));De(()=>{ce({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),push:!!(V?.push??!0),socket:!!(V?.socket??!1)})},[V]);const Q=ye(()=>L.some(r=>!!U[r.key]!=!!V?.[r.key]),[U,V,L]),Je=L.filter(r=>r.key==="apis"||!!U[r.key]).length,ge=ye(()=>L.filter(r=>!(r.key==="apis"||r.key==="redux"&&!Sr()||r.key==="analytics"&&!wr())),[L]),M=ye(()=>ge.length===0?!1:ge.every(r=>!!U[r.key]),[ge,U]),Qe=()=>{const r=!M;ce(z=>{const H={...z};return ge.forEach(D=>{H[D.key]=r}),H})},mo=()=>{Q&&E.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:()=>{ce({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),push:!!(V?.push??!0),socket:!!(V?.socket??!1)})}},{text:"Save & Reload",style:"default",onPress:()=>{he(),L.forEach(r=>{if(r.key!=="apis"){const z=!!U[r.key],H=!!V?.[r.key];z!==H&&Nr(r.key)}}),Yr(),setTimeout(()=>{__DEV__&&Le&&Le.reload&&Le.reload()},350)}}])},[Ie,Xe]=ue(!1),R=r=><C style={{paddingVertical:12,borderBottomWidth:r.isLast?0:1,borderBottomColor:e.dividerColor}}>
+import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";import{Alert as N,Animated as Le,DevSettings as $e,Platform as er,ScrollView as G,StyleSheet as rr,Text as T,TextInput as To,View as C}from"react-native";import Vo,{Path as Cr}from"react-native-svg";import{animateNextLayout as me,useInspector as zo}from"./InspectorContext";import B from"../TouchableScale";import Sr from"../Slider";import{toggleGlobalTheme as Bo}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{calculateRamBasedLimits as Ro}from"../../helpers/settingsStore";import{clearNetworkLogs as Fo}from"../../customHooks/networkLogger";import{clearConsoleLogs as Io}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as Ho,isAnalyticsConnected as kr}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Do}from"../../customHooks/crashHandler";import{isReduxConnected as xr}from"../../customHooks/reduxLogger";import{useTranslation as vo,SUPPORTED_LANGUAGES as Tr,getLanguage as Lo}from"../../i18n";import{LanguageSelectorModal as $o}from"./LanguageSelectorModal";import{GlobeIcon as Vr,SignalIcon as Br,TerminalIcon as Rr,AnalyticsIcon as Fr,SettingsIcon as Wo,SunIcon as Po,MoonIcon as Ao,ScreenIcon as Ir,MotionIcon as Oo,LayersIcon as Y,EyeIcon as Ce,CheckIcon as _,TrashIcon as U,PackageIcon as Mo,ReduxIcon as Hr,CrashIcon as Eo,ShieldAlertIcon as Dr,ForwardChevronIcon as Lr,ChevronDownIcon as No,BrainIcon as $r,SmartphoneIcon as Go,DatabaseIcon as Uo,QrCodeIcon as Ko,FilmIcon as Wr,ScreencastIcon as _o,CameraIcon as Se,VideoCameraIcon as Pr,MicrophoneIcon as Ar,GifIcon as Or,ImageIcon as Mr,BellIcon as Er,WebsocketIcon as Nr,BoltIcon as We}from"../NetworkIcons";import{ScreenCapture as Pe}from"../../capture";import{triggerNativeHaptic as L}from"../../native/NativeInspector";import{isLocalDebugEnvironment as Jo}from"../../helpers";import{showToast as H}from"../../helpers/toast";import{pruneAllLogs as Qo}from"../../helpers/memoryManager";const Xo=()=>{const{t:w}=vo(),{settingsPage:A,setSettingsPage:Ae,settingsActiveSubTab:J,setSettingsActiveSubTab:jr,tabVisibility:R,toggleTabVisibility:Gr,defaultTab:Q,setDefaultTab:Ur,isDark:Z,setIsDark:qr,modalHeightPercent:ee,setModalHeightPercent:Kr,modalAnimationType:_r,setModalAnimationType:Jr,showDuplicateLogs:ke,setShowDuplicateLogs:Qr,showUpdateToast:xe,setShowUpdateToast:Xr,showConsoleLevels:Yr,setShowConsoleLevels:Zr,closeModal:eo,logs:Te,consoleLogs:Ve,analyticsEvents:ze,reduxState:re,maxConsoleLogs:Be,setMaxConsoleLogs:ro,maxAnalyticsEventsLimit:Oe,setMaxAnalyticsEventsLimit:oo,isAutoRamLimitEnabled:W,setIsAutoRamLimitEnabled:to,deviceFreeRamMb:Re,reduxAutoRefresh:Fe,setReduxAutoRefreshState:io,reduxExpandDepth:Me,setReduxExpandDepth:lo,setSelected:ao,setSelectedEvent:no,setReduxState:so,crashRecords:oe,maxCrashLogs:Ee,setMaxCrashLogs:co,pushRecords:te,maxPushLogs:go,setMaxPushLogs:po,clearAllPushLogs:uo,simulatePush:ie,socketRecords:le,maxSocketLogs:yo,setMaxSocketLogs:ho,clearAllSocketLogs:bo,simulateSocket:ae,captureImageFormat:Ie,setCaptureImageFormat:Ne,captureAutoHide:P,setCaptureAutoHide:ne,captureAudioMode:je,setCaptureAudioMode:Ge,captureFps:Ue,setCaptureFps:qe,captureScale:Yo,setCaptureScale:Zo,captureBitrate:et,setCaptureBitrate:rt,captureMaxDurationSeconds:ot,setCaptureMaxDurationSeconds:tt,captureAutoGif:O,setCaptureAutoGif:se,peekOpacity:Ke,setPeekOpacity:mo}=zo(),[de,_e]=be(ee),[fo,Je]=be(!1),Co=Lo(),ce=Tr.find(r=>r.code===Co)||Tr[0];ve(()=>{_e(ee)},[ee]);const ge=Ro(Re),$=he(()=>[{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"},{id:10,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:11,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}].filter(r=>r.key==="debugging"?er.OS==="android"&&Jo():!0),[]),[q,pe]=be(()=>({apis:!0,logs:!!(R?.logs??!0),analytics:!!(R?.analytics??!0),redux:!!(R?.redux??!0),storage:!!(R?.storage??!0),device:!!(R?.device??!0),crash:!!(R?.crash??!0),debugging:!!(R?.debugging??!0),media:!!(R?.media??!0),push:!!(R?.push??!0),socket:!!(R?.socket??!0)}));ve(()=>{pe({apis:!0,logs:!!(R?.logs??!0),analytics:!!(R?.analytics??!0),redux:!!(R?.redux??!0),storage:!!(R?.storage??!0),device:!!(R?.device??!0),crash:!!(R?.crash??!0),debugging:!!(R?.debugging??!0),media:!!(R?.media??!0),push:!!(R?.push??!0),socket:!!(R?.socket??!0)})},[R]);const X=he(()=>$.some(r=>!!q[r.key]!=!!R?.[r.key]),[q,R,$]),Qe=$.filter(r=>r.key==="apis"||!!q[r.key]).length,ue=he(()=>$.filter(r=>!(r.key==="apis"||r.key==="redux"&&!xr()||r.key==="analytics"&&!kr())),[$]),E=he(()=>ue.length===0?!1:ue.every(r=>!!q[r.key]),[ue,q]),Xe=()=>{const r=!E;pe(V=>{const D={...V};return ue.forEach(v=>{D[v.key]=r}),D})},wo=()=>{X&&N.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:()=>{pe({apis:!0,logs:!!R?.logs,analytics:!!R?.analytics,redux:!!R?.redux,storage:!!R?.storage,device:!!R?.device,crash:!!R?.crash,debugging:!!R?.debugging,media:!!(R?.media??!0),push:!!(R?.push??!0),socket:!!(R?.socket??!1)})}},{text:"Save & Reload",style:"default",onPress:()=>{me(),$.forEach(r=>{if(r.key!=="apis"){const V=!!q[r.key],D=!!R?.[r.key];V!==D&&Gr(r.key)}}),eo(),setTimeout(()=>{__DEV__&&$e&&$e.reload&&$e.reload()},350)}}])},[He,Ye]=be(!1),F=r=><C style={{paddingVertical:12,borderBottomWidth:r.isLast?0:1,borderBottomColor:e.dividerColor}}>
         <B 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}
@@ -15,7 +15,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
         </B>
         {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}}>
-              <So style={{flex:1,fontFamily:S.interMedium,fontSize:14,lineHeight:18,color:e.primaryBlack,paddingVertical:6}}value={String(r.numericInput.value||"")}onChangeText={z=>{const H=parseInt(z.replace(/[^0-9]/g,""),10);if(!isNaN(H)){const D=Math.max(r.numericInput?.min??1,Math.min(r.numericInput?.max??1e4,H));r.numericInput?.onChange(D)}}}keyboardType={r.numericInput.keyboardType??"number-pad"}placeholder={r.numericInput.placeholder}placeholderTextColor={e.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <To style={{flex:1,fontFamily:S.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/>
               <T style={{fontFamily:S.interBold,fontSize:11,color:e.purple,marginLeft:6}}>
                 MAX
               </T>
@@ -26,100 +26,100 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
               </T>: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(z=>{const H=r.picker.selectedValue===z;return<B key={String(z)}onPress={()=>r.picker.onSelect(z)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:H?e.purple:"transparent"}}>
-                  <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:H?e.white:e.grayText}}>
-                    {r.picker.formatLabel?r.picker.formatLabel(z):z}
+            {r.picker.options.map(V=>{const D=r.picker.selectedValue===V;return<B key={String(V)}onPress={()=>r.picker.onSelect(V)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:D?e.purple:"transparent"}}>
+                  <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:D?e.white:e.grayText}}>
+                    {r.picker.formatLabel?r.picker.formatLabel(V):V}
                   </T>
                 </B>})}
           </C>}
-      </C>,fo=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
-      <N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
+      </C>,So=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
+      <G 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}}}>
-          <N horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
-            {[{key:"module",label:w("settings.modulesAndTools","Modules & Tools"),Icon:X,badge:`${L.filter(r=>U?.[r.key]||r.key==="apis").length}/${L.length}`},{key:"ui",label:w("settings.uiPreferences","UI Preferences"),Icon:Rr},{key:"limits",label:w("settings.ramLimits","RAM & Limits"),Icon:Dr},{key:"capture",label:w("settings.screenVideoCapture","Screen & Video Capture"),Icon:Ce}].map(r=>{const z=_===r.key,H=r.Icon;return<B key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:z}}onPress={()=>{he(),Er(r.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:z?e.purple:"transparent"}}>
-                  <H color={z?e.white:e.grayText}size={13}/>
-                  <T style={{fontFamily:S.interBold,fontSize:12.5,lineHeight:16,color:z?e.white:e.grayText}}>
+          <G horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
+            {[{key:"module",label:w("settings.modulesAndTools","Modules & Tools"),Icon:Y,badge:`${$.filter(r=>q?.[r.key]||r.key==="apis").length}/${$.length}`},{key:"ui",label:w("settings.uiPreferences","UI Preferences"),Icon:Ir},{key:"limits",label:w("settings.ramLimits","RAM & Limits"),Icon:$r},{key:"capture",label:w("settings.screenVideoCapture","Screen & Video Capture"),Icon:Se}].map(r=>{const V=J===r.key,D=r.Icon;return<B key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:V}}onPress={()=>{me(),jr(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}/>
+                  <T style={{fontFamily:S.interBold,fontSize:12.5,lineHeight:16,color:V?e.white:e.grayText}}>
                     {r.label}
                   </T>
-                  {r.badge&&<C style={{backgroundColor:z?"rgba(255,255,255,0.25)":`${e.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
-                      <T style={{fontFamily:S.interBold,fontSize:9.5,color:z?e.white:e.purple}}>
+                  {r.badge&&<C style={{backgroundColor:V?"rgba(255,255,255,0.25)":`${e.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
+                      <T style={{fontFamily:S.interBold,fontSize:9.5,color:V?e.white:e.purple}}>
                         {r.badge}
                       </T>
                     </C>}
                 </B>})}
-          </N>
+          </G>
         </C>
 
-        {_==="module"&&<C style={{gap:12}}>
+        {J==="module"&&<C style={{gap:12}}>
             
-            <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.primaryLight,borderRadius:12,paddingVertical:10,paddingHorizontal:14,borderWidth:1,borderColor:M?`${e.purple}40`:e.grayBorderSecondary,shadowColor:e.black,shadowOpacity:.02,shadowRadius:3,shadowOffset:{width:0,height:1}}}>
-              <B accessible={!0}accessibilityRole="checkbox"accessibilityLabel="Toggle Select All Modules"accessibilityState={{checked:M}}onPress={Qe}style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
-                <C style={{width:22,height:22,borderRadius:6,borderWidth:M?0:1.8,borderColor:e.grayBorderSecondary,backgroundColor:M?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  {M&&<K size={12}color={e.white}/>}
+            <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.primaryLight,borderRadius:12,paddingVertical:10,paddingHorizontal:14,borderWidth:1,borderColor:E?`${e.purple}40`:e.grayBorderSecondary,shadowColor:e.black,shadowOpacity:.02,shadowRadius:3,shadowOffset:{width:0,height:1}}}>
+              <B accessible={!0}accessibilityRole="checkbox"accessibilityLabel="Toggle Select All Modules"accessibilityState={{checked:E}}onPress={Xe}style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                <C style={{width:22,height:22,borderRadius:6,borderWidth:E?0:1.8,borderColor:e.grayBorderSecondary,backgroundColor:E?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  {E&&<_ size={12}color={e.white}/>}
                 </C>
                 <C>
                   <T style={{fontFamily:S.interBold,fontSize:13,color:e.primaryBlack}}>
-                    {M?"Deselect All Modules":"Select All Modules"}
+                    {E?"Deselect All Modules":"Select All Modules"}
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:10.5,color:e.grayText,marginTop:1}}>
-                    {Je} of {L.length} modules active
+                    {Qe} of {$.length} modules active
                   </T>
                 </C>
               </B>
 
-              <B onPress={Qe}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:M?`${e.purple}14`:e.purple,borderWidth:1,borderColor:M?`${e.purple}30`:"transparent"}}>
-                <T style={{fontFamily:S.interBold,fontSize:11,color:M?e.purple:e.white}}>
-                  {M?"Deselect All":"Select All"}
+              <B onPress={Xe}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:E?`${e.purple}14`:e.purple,borderWidth:1,borderColor:E?`${e.purple}30`:"transparent"}}>
+                <T style={{fontFamily:S.interBold,fontSize:11,color:E?e.purple:e.white}}>
+                  {E?"Deselect All":"Select All"}
                 </T>
               </B>
             </C>
 
             
             <C style={{gap:10}}>
-              {L.map(r=>{const z=Sr(),H=wr(),D=r.key==="redux"&&!z||r.key==="analytics"&&!H,O=r.key==="apis"||D,F=r.key==="apis"||!!U?.[r.key]&&!D,He=r.key==="apis"?ke.length>0?`${ke.length} requests`:"":r.key==="logs"?xe.length>0?`${xe.length} logs \u2022 Limit: ${ze}`:"":r.key==="crash"?re&&re.length>0?`${re.length} crashes recorded \u2022 Crash Guard`:"":r.key==="analytics"?Te.length>0?`${Te.length} events logged`:"":r.key==="redux"?ee&&Object.keys(ee).length>0?`${Object.keys(ee).length} slices \u2022 Depth: ${Me}`:"":r.key==="push"?oe&&oe.length>0?`${oe.length} notifications logged`:"":r.key==="socket"&&ie&&ie.length>0?`${ie.length} connections active`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:F?`${e.purple}38`:e.grayBorderSecondary,padding:14,gap:10,shadowColor:e.black,shadowOpacity:F?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
+              {$.map(r=>{const V=xr(),D=kr(),v=r.key==="redux"&&!V||r.key==="analytics"&&!D,M=r.key==="apis"||v,I=r.key==="apis"||!!q?.[r.key]&&!v,De=r.key==="apis"?Te.length>0?`${Te.length} requests`:"":r.key==="logs"?Ve.length>0?`${Ve.length} logs \u2022 Limit: ${Be}`:"":r.key==="crash"?oe&&oe.length>0?`${oe.length} crashes recorded \u2022 Crash Guard`:"":r.key==="analytics"?ze.length>0?`${ze.length} events logged`:"":r.key==="redux"?re&&Object.keys(re).length>0?`${Object.keys(re).length} slices \u2022 Depth: ${Me}`:"":r.key==="push"?te&&te.length>0?`${te.length} notifications logged`:"":r.key==="socket"&&le&&le.length>0?`${le.length} connections active`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:I?`${e.purple}38`:e.grayBorderSecondary,padding:14,gap:10,shadowColor:e.black,shadowOpacity:I?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
                     
                     <C style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
                       
-                      <B accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${r.label}`}accessibilityState={{checked:F,disabled:O}}disabled={O}onPress={()=>{O||ce(Ye=>({...Ye,[r.key]:!Ye[r.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:F?0:1.8,borderColor:O?e.dividerColor:e.grayBorderSecondary,backgroundColor:r.key==="apis"?`${e.blue500}22`:F?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:F?e.purple:"transparent",shadowOpacity:F?.25:0,shadowRadius:2,elevation:F?2:0}}>
-                        {r.key==="apis"?<K size={12}color={e.blue500}/>:F?<K size={12}color={e.white}/>:O?<To width={10}height={10}viewBox="0 0 24 24"fill="none">
+                      <B accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${r.label}`}accessibilityState={{checked:I,disabled:M}}disabled={M}onPress={()=>{M||pe(Ze=>({...Ze,[r.key]:!Ze[r.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:I?0:1.8,borderColor:M?e.dividerColor:e.grayBorderSecondary,backgroundColor:r.key==="apis"?`${e.blue500}22`:I?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:I?e.purple:"transparent",shadowOpacity:I?.25:0,shadowRadius:2,elevation:I?2:0}}>
+                        {r.key==="apis"?<_ size={12}color={e.blue500}/>:I?<_ size={12}color={e.white}/>:M?<Vo 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}/>
-                          </To>:null}
+                          </Vo>:null}
                       </B>
 
                       
-                      <B accessible={!0}accessibilityRole="button"accessibilityLabel={`${r.label} settings`}disabled={D}onPress={()=>{he(),Ae(r.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
+                      <B accessible={!0}accessibilityRole="button"accessibilityLabel={`${r.label} settings`}disabled={v}onPress={()=>{me(),Ae(r.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <C style={{width:36,height:36,borderRadius:10,backgroundColor:O?`${e.grayBorderSecondary}4D`:F?`${e.purple}14`:e.grayBackground,borderWidth:1,borderColor:O?e.dividerColor:F?`${e.purple}33`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
-                          {r.icon==="apis"&&<Tr color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="logs"&&<Br color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="crash"&&<No color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="analytics"&&<Vr color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="redux"&&<Fr color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="device"&&<Uo color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="storage"&&<Ko color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="debugging"&&<_o color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="media"&&<Jo color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="push"&&<Or color={F?e.purple:e.grayTextWeak}size={16}/>}
-                          {r.icon==="socket"&&<Mr color={F?e.purple:e.grayTextWeak}size={16}/>}
+                        <C style={{width:36,height:36,borderRadius:10,backgroundColor:M?`${e.grayBorderSecondary}4D`:I?`${e.purple}14`:e.grayBackground,borderWidth:1,borderColor:M?e.dividerColor:I?`${e.purple}33`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                          {r.icon==="apis"&&<Br color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="logs"&&<Rr color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="crash"&&<Eo color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="analytics"&&<Fr color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="redux"&&<Hr color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="device"&&<Go color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="storage"&&<Uo color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="debugging"&&<Ko color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="media"&&<_o color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="push"&&<Er color={I?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="socket"&&<Nr color={I?e.purple:e.grayTextWeak}size={16}/>}
                         </C>
 
                         
                         <C style={{flex:1,gap:2}}>
                           <C style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
-                            <C style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:F?`${e.purple}1C`:`${e.grayBorderSecondary}80`,borderWidth:1,borderColor:F?`${e.purple}44`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
-                              <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:F?e.purple:e.grayText}}>
+                            <C style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:I?`${e.purple}1C`:`${e.grayBorderSecondary}80`,borderWidth:1,borderColor:I?`${e.purple}44`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+                              <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:I?e.purple:e.grayText}}>
                                 #{r.id}
                               </T>
                             </C>
-                            <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:O?e.grayText:e.primaryBlack}}>
+                            <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:M?e.grayText:e.primaryBlack}}>
                               {r.label}
                             </T>
 
                             
-                            {r.key===J&&!D&&<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===Q&&!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}}/>
                                   <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.purple,letterSpacing:.4}}>
                                     {w("settings.defaultBadge")}
@@ -131,11 +131,11 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                                 <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.blue500,letterSpacing:.3}}>
                                   {w("settings.coreBadge")}
                                 </T>
-                              </C>:D?<C style={{backgroundColor:`${e.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.amber500}35`}}>
+                              </C>:v?<C style={{backgroundColor:`${e.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.amber500}35`}}>
                                 <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.amber700,letterSpacing:.3}}>
                                   {r.key==="redux"?w("settings.notConnectedBadge"):w("settings.notDetectedBadge")}
                                 </T>
-                              </C>:F?<C style={{backgroundColor:`${e.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.liveGreen}38`}}>
+                              </C>:I?<C style={{backgroundColor:`${e.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.liveGreen}38`}}>
                                 <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.green700,letterSpacing:.3}}>
                                   {w("settings.activeBadge")}
                                 </T>
@@ -154,29 +154,29 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                     </C>
 
                     
-                    {!D&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor}}>
+                    {!v&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor}}>
                         
-                        {He&&He.trim().length>0?<C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
-                            <C style={{width:6,height:6,borderRadius:3,backgroundColor:F?e.liveGreen:e.grayTextWeak}}/>
+                        {De&&De.trim().length>0?<C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
+                            <C style={{width:6,height:6,borderRadius:3,backgroundColor:I?e.liveGreen:e.grayTextWeak}}/>
                             <T style={{fontFamily:S.interMedium,fontSize:11,color:e.grayText,lineHeight:14}}>
-                              {He}
+                              {De}
                             </T>
                           </C>:<C style={{flex:1}}/>}
 
                         
-                        <B accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${r.label} settings`}onPress={()=>{he(),Ae(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`}}>
-                          <Po color={e.purple}size={11}/>
+                        <B accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${r.label} settings`}onPress={()=>{me(),Ae(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`}}>
+                          <Wo color={e.purple}size={11}/>
                           <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.purple}}>
                             {w("settings.configure")}
                           </T>
-                          <Hr color={e.purple}size={9}/>
+                          <Lr color={e.purple}size={9}/>
                         </B>
                       </C>}
                   </C>})}
             </C>
           </C>}
 
-        {_==="ui"&&<C style={{gap:14}}>
+        {J==="ui"&&<C style={{gap:14}}>
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.grayTextWeak,letterSpacing:.8}}>
@@ -186,7 +186,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                    {Y?<Ao color={e.purple}size={15}/>:<Oo color={e.purple}size={15}/>}
+                    {Z?<Po color={e.purple}size={15}/>:<Ao color={e.purple}size={15}/>}
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -198,7 +198,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                   </C>
                 </C>
 
-                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:Y}}onPress={()=>{const r=!Y;Gr(r),Vo(r)}}style={{width:42,height:24,borderRadius:12,backgroundColor:Y?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Y?"flex-end":"flex-start"}}>
+                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:Z}}onPress={()=>{const r=!Z;qr(r),Bo(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}}}/>
                 </B>
               </C>
@@ -209,7 +209,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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.blue600}14`,alignItems:"center",justifyContent:"center"}}>
-                    <Wo color={e.blue600}size={15}/>
+                    <Vr color={e.blue600}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -221,14 +221,12 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                   </C>
                 </C>
 
-                <B onPress={()=>{v("light"),_e(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:e.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${e.purple}20`}}>
-                  <T style={{fontSize:13}}>
-                    {Fe?.flag||"\u{1F310}"}
-                  </T>
+                <B onPress={()=>{L("light"),Je(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:e.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${e.purple}20`}}>
+                  {ce?.flag?<T style={{fontSize:13}}>{ce.flag}</T>:<Vr size={14}color={e.purple}/>}
                   <T style={{fontFamily:S.interSemiBold,fontSize:12,color:e.purple}}>
-                    {Fe?.nativeName||Fe?.name||"English"}
+                    {ce?.nativeName||ce?.name||"English"}
                   </T>
-                  <Hr size={11}color={e.purple}/>
+                  <Lr size={11}color={e.purple}/>
                 </B>
               </C>
             </C>
@@ -244,7 +242,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                      <Rr color={e.purple}size={15}/>
+                      <Ir color={e.purple}size={15}/>
                     </C>
                     <C style={{flex:1}}>
                       <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -256,16 +254,47 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                     </C>
                   </C>
 
-                  {se!==Z&&<B onPress={()=>{Ur(se)}}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}}>
-                      <K size={11}color={e.white}/>
+                  {de!==ee&&<B onPress={()=>{Kr(de)}}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}/>
                       <T style={{fontFamily:S.interBold,fontSize:11,color:e.white}}>
-                        Save ({se}%)
+                        Save ({de}%)
                       </T>
                     </B>}
                 </C>
 
                 <C style={{marginTop:6}}>
-                  <Bo value={se}onValueChange={Ke}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
+                  <Sr value={de}onValueChange={_e}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
+                </C>
+              </C>
+
+              <C style={{height:1,backgroundColor:e.dividerColor}}/>
+
+              
+              <C style={{gap:8}}>
+                <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:"rgba(6, 182, 212, 0.12)",alignItems:"center",justifyContent:"center"}}>
+                      <Ce color={"#06B6D4"}size={15}/>
+                    </C>
+                    <C style={{flex:1}}>
+                      <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
+                        {w("settings.general.peekOpacity","Peek-Through Opacity")}
+                      </T>
+                      <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
+                        {w("settings.general.peekOpacityDescription","Transparency level when the eye icon is enabled")}
+                      </T>
+                    </C>
+                  </C>
+
+                  <C style={{backgroundColor:"rgba(6, 182, 212, 0.14)",paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:"rgba(6, 182, 212, 0.30)"}}>
+                    <T style={{fontFamily:S.interBold,fontSize:12,color:"#06B6D4"}}>
+                      {Ke.toFixed(1)}
+                    </T>
+                  </C>
+                </C>
+
+                <C style={{marginTop:6}}>
+                  <Sr value={Ke}onValueChange={r=>{const V=Math.round(r*10)/10;mo(V)}}min={.1}max={1}step={.1}quickPresets={[.1,.3,.5,.7,1]}formatLabel={r=>r.toFixed(1)}/>
                 </C>
               </C>
 
@@ -275,7 +304,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                    <Mo color={e.purple}size={15}/>
+                    <Oo color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -288,8 +317,8 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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 z=qr===r.key;return<B key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:z}}onPress={()=>Kr(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:z?e.purple:"transparent"}}>
-                        <T style={{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:z?e.white:e.grayText}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const V=_r===r.key;return<B key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:V}}onPress={()=>Jr(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:V?e.purple:"transparent"}}>
+                        <T style={{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:V?e.white:e.grayText}}>
                           {r.label}
                         </T>
                       </B>})}
@@ -305,7 +334,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
 
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                 <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                  <X color={e.purple}size={15}/>
+                  <Y color={e.purple}size={15}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -319,11 +348,11 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
 
               
               <C style={{marginTop:6,gap:6}}>
-                <B accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${L.find(r=>r.key===J)?.label||"APIs"}`}onPress={()=>Xe(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:Ie?e.purple:e.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <B accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${$.find(r=>r.key===Q)?.label||"APIs"}`}onPress={()=>Ye(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:He?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}}/>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
-                      {L.find(r=>r.key===J)?`#${L.find(r=>r.key===J)?.id} ${L.find(r=>r.key===J)?.label}`:"#1 APIs (Network)"}
+                      {$.find(r=>r.key===Q)?`#${$.find(r=>r.key===Q)?.id} ${$.find(r=>r.key===Q)?.label}`:"#1 APIs (Network)"}
                     </T>
                     <C style={{backgroundColor:`${e.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:6}}>
                       <T style={{fontFamily:S.interBold,fontSize:8.5,color:e.purple}}>
@@ -332,21 +361,21 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                     </C>
                   </C>
 
-                  <C style={{transform:[{rotate:Ie?"180deg":"0deg"}]}}>
-                    <Go color={e.grayText}size={15}/>
+                  <C style={{transform:[{rotate:He?"180deg":"0deg"}]}}>
+                    <No color={e.grayText}size={15}/>
                   </C>
                 </B>
 
                 
-                {Ie&&<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"||U?.[r.key]||V?.[r.key]).map((r,z,H)=>{const D=J===r.key,O=z===H.length-1;return<B key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{jr(r.key),Xe(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:D?`${e.purple}0F`:"transparent",borderBottomWidth:O?0:1,borderBottomColor:e.dividerColor}}>
+                {He&&<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}}>
+                    {$.filter(r=>r.key==="apis"||q?.[r.key]||R?.[r.key]).map((r,V,D)=>{const v=Q===r.key,M=V===D.length-1;return<B key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{Ur(r.key),Ye(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:v?`${e.purple}0F`:"transparent",borderBottomWidth:M?0:1,borderBottomColor:e.dividerColor}}>
                             <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                              <C style={{width:6,height:6,borderRadius:3,backgroundColor:D?e.purple:e.grayTextWeak}}/>
-                              <T style={{fontFamily:D?S.interBold:S.interMedium,fontSize:13,color:D?e.purple:e.primaryBlack}}>
+                              <C style={{width:6,height:6,borderRadius:3,backgroundColor:v?e.purple:e.grayTextWeak}}/>
+                              <T style={{fontFamily:v?S.interBold:S.interMedium,fontSize:13,color:v?e.purple:e.primaryBlack}}>
                                 #{r.id} {r.label}
                               </T>
                             </C>
-                            {D&&<K size={14}color={e.purple}/>}
+                            {v&&<_ size={14}color={e.purple}/>}
                           </B>})}
                   </C>}
               </C>
@@ -361,7 +390,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                    <Eo color={e.purple}size={15}/>
+                    <Mo color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -374,14 +403,14 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                   </C>
                 </C>
 
-                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:Se}}onPress={()=>Jr(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"}}>
+                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:xe}}onPress={()=>Xr(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:xe?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:xe?"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}}}/>
                 </B>
               </C>
             </C>
           </C>}
 
-        {_==="limits"&&<C style={{gap:14}}>
+        {J==="limits"&&<C style={{gap:14}}>
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.grayTextWeak,letterSpacing:.8}}>
@@ -392,7 +421,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                    <Dr color={e.purple}size={16}/>
+                    <$r color={e.purple}size={16}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -405,7 +434,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                   </C>
                 </C>
 
-                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:$}}onPress={()=>ro(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:$?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:$?"flex-end":"flex-start"}}>
+                <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:W}}onPress={()=>to(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:W?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:W?"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}}}/>
                 </B>
               </C>
@@ -414,20 +443,20 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
 
               
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <C style={{width:32,height:32,borderRadius:8,backgroundColor:$?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <Tr color={$?e.purple:e.grayTextWeak}size={15}/>
+                <C style={{width:32,height:32,borderRadius:8,backgroundColor:W?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <Br color={W?e.purple:e.grayTextWeak}size={15}/>
                 </C>
                 <C style={{flex:1}}>
-                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:$?e.primaryBlack:e.grayText}}>
+                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:W?e.primaryBlack:e.grayText}}>
                     Detected Available RAM
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                    {Be} MB available on device
+                    {Re} MB available on device
                   </T>
                 </C>
-                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:$?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:$?`${e.purple}26`:e.dividerColor}}>
-                  <T style={{fontFamily:S.interBold,fontSize:12,lineHeight:15,color:$?e.purple:e.grayText}}>
-                    {Be} MB
+                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:W?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:W?`${e.purple}26`:e.dividerColor}}>
+                  <T style={{fontFamily:S.interBold,fontSize:12,lineHeight:15,color:W?e.purple:e.grayText}}>
+                    {Re} MB
                   </T>
                 </C>
               </C>
@@ -436,17 +465,17 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
                   <T style={{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:e.purple}}>
-                    Profile: {de.profileName}
+                    Profile: {ge.profileName}
                   </T>
-                  <C style={{backgroundColor:$?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
-                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:$?e.emerald500:e.purple}}>
-                      {$?"AUTO-TUNED":"MANUAL"}
+                  <C style={{backgroundColor:W?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:W?e.emerald500:e.purple}}>
+                      {W?"AUTO-TUNED":"MANUAL"}
                     </T>
                   </C>
                 </C>
 
                 <C style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"Logs",value:$?de.maxConsoleLogs:ze,color:e.sky500},{label:"Analytics",value:$?de.maxAnalyticsEvents:Oe,color:e.purple},{label:"Crash",value:$?de.maxCrashRecords:Ee,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:"Logs",value:W?ge.maxConsoleLogs:Be,color:e.sky500},{label:"Analytics",value:W?ge.maxAnalyticsEvents:Oe,color:e.purple},{label:"Crash",value:W?ge.maxCrashRecords:Ee,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`}}>
                       <T style={{fontFamily:S.interBold,fontSize:10.5,lineHeight:14,color:r.color}}>
                         {r.label}:
                       </T>
@@ -466,7 +495,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                  <Ir color={e.emerald500}size={15}/>
+                  <Dr color={e.emerald500}size={15}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -496,8 +525,8 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                     {w("settings.memory.manualDescription","Prune older entries across all log stores and free RAM")}
                   </T>
                 </C>
-                <B onPress={()=>{const r=Xo("manual",.5);I(w("settings.memory.pruned",{count:r.totalPruned},`Pruned ${r.totalPruned} items from memory`))}}style={{backgroundColor:e.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
-                  <G size={13}color={e.white}/>
+                <B onPress={()=>{const r=Qo("manual",.5);H(w("settings.memory.pruned",{count:r.totalPruned},`Pruned ${r.totalPruned} items from memory`))}}style={{backgroundColor:e.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
+                  <U size={13}color={e.white}/>
                   <T style={{fontFamily:S.interBold,fontSize:11.5,color:e.white}}>
                     Prune Now
                   </T>
@@ -505,12 +534,12 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
               </C>
             </C>
           </C>}
-        {_==="capture"&&<C style={{gap:12}}>
+        {J==="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"}}>
-                  <Ce color={e.purple}size={16}/>
+                  <Se color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -522,17 +551,17 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                 </C>
               </C>
 
-              {R({icon:<Ar color={e.purple}size={16}/>,label:w("settings.media.imageFormat","Image Format"),description:w("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:5}}>
-                    {["png","jpeg","webp"].map(r=>{const z=Re===r;return<B key={r}onPress={()=>{v("light"),Ne(r),I(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+              {F({icon:<Mr color={e.purple}size={16}/>,label:w("settings.media.imageFormat","Image Format"),description:w("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:5}}>
+                    {["png","jpeg","webp"].map(r=>{const V=Ie===r;return<B key={r}onPress={()=>{L("light"),Ne(r),H(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                             {r.toUpperCase()}
                           </T>
                         </B>})}
                   </C>})}
 
-              {R({icon:<$e color={e.purple}size={16}/>,label:w("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:w("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{v("light"),ae(r=>!r),I(`Auto-hide overlay: ${W?"OFF":"ON"}`)},right:<B onPress={()=>{v("light"),ae(r=>!r),I(`Auto-hide overlay: ${W?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:W?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:W?`${e.emerald500}4D`:`${e.grayText}33`}}>
-                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:W?e.emerald500:e.grayText}}>
-                      {W?w("settings.media.enabled","ON"):"OFF"}
+              {F({icon:<Ce color={e.purple}size={16}/>,label:w("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:w("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{L("light"),ne(r=>!r),H(`Auto-hide overlay: ${P?"OFF":"ON"}`)},right:<B onPress={()=>{L("light"),ne(r=>!r),H(`Auto-hide overlay: ${P?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:P?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:P?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:P?e.emerald500:e.grayText}}>
+                      {P?w("settings.media.enabled","ON"):"OFF"}
                     </T>
                   </B>})}
             </C>
@@ -541,7 +570,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                  <$r color={e.purple}size={16}/>
+                  <Pr color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -553,32 +582,32 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
                 </C>
               </C>
 
-              {R({icon:<Wr color={e.purple}size={16}/>,label:w("settings.media.audioMode","Audio Source"),description:w("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:5}}>
-                    {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(r=>{const z=je===r.key;return<B key={r.key}onPress={()=>{v("light"),Ge(r.key),I(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+              {F({icon:<Ar color={e.purple}size={16}/>,label:w("settings.media.audioMode","Audio Source"),description:w("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:5}}>
+                    {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(r=>{const V=je===r.key;return<B key={r.key}onPress={()=>{L("light"),Ge(r.key),H(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                             {r.label}
                           </T>
                         </B>})}
                   </C>})}
 
-              {R({icon:<Lr color={e.purple}size={16}/>,label:w("settings.media.frameRate","Recording Frame Rate (FPS)"),description:w("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:5}}>
-                    {[15,24,30,60].map(r=>{const z=Ue===r;return<B key={r}onPress={()=>{v("light"),qe(r),I(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+              {F({icon:<Wr color={e.purple}size={16}/>,label:w("settings.media.frameRate","Recording Frame Rate (FPS)"),description:w("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:5}}>
+                    {[15,24,30,60].map(r=>{const V=Ue===r;return<B key={r}onPress={()=>{L("light"),qe(r),H(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                             {r}fps
                           </T>
                         </B>})}
                   </C>})}
 
-              {R({icon:<Pr color={e.purple}size={16}/>,label:w("settings.media.gifAutoOpt","Auto GIF Optimization"),description:w("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{v("light"),ne(r=>!r),I(`GIF optimization: ${A?"OFF":"ON"}`)},right:<B onPress={()=>{v("light"),ne(r=>!r),I(`GIF optimization: ${A?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:A?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:A?`${e.emerald500}4D`:`${e.grayText}33`}}>
-                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:A?e.emerald500:e.grayText}}>
-                      {A?"ON":"OFF"}
+              {F({icon:<Or color={e.purple}size={16}/>,label:w("settings.media.gifAutoOpt","Auto GIF Optimization"),description:w("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{L("light"),se(r=>!r),H(`GIF optimization: ${O?"OFF":"ON"}`)},right:<B onPress={()=>{L("light"),se(r=>!r),H(`GIF optimization: ${O?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:O?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:O?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:O?e.emerald500:e.grayText}}>
+                      {O?"ON":"OFF"}
                     </T>
                   </B>})}
             </C>
 
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-              {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.media.purgeAll","Purge Captured Media Cache"),description:w("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{E.alert(w("settings.media.purgeConfirmTitle","Purge Media Storage?"),w("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:w("common.cancel","Cancel"),style:"cancel"},{text:w("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await Pe.clearAllMedia(),I(w("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`}}>
+              {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.media.purgeAll","Purge Captured Media Cache"),description:w("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{N.alert(w("settings.media.purgeConfirmTitle","Purge Media Storage?"),w("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:w("common.cancel","Cancel"),style:"cancel"},{text:w("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await Pe.clearAllMedia(),H(w("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`}}>
                     <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                       {w("settings.media.purgeCacheBtn","Purge All")}
                     </T>
@@ -586,45 +615,45 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
             </C>
           </C>}
         <C style={{height:48}}/>
-      </N>
+      </G>
 
       
-      {_==="module"&&<C style={{paddingHorizontal:16,paddingTop:12,paddingBottom:Ze.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}}>
+      {J==="module"&&<C style={{paddingHorizontal:16,paddingTop:12,paddingBottom:er.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}}>
             <T style={{fontFamily:S.interBold,fontSize:13,lineHeight:17,color:e.primaryBlack}}>
-              {Je} of {L.length} Modules Active
+              {Qe} of {$.length} Modules Active
             </T>
-            <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:Q?e.purple:e.grayText,marginTop:1}}>
-              {w(Q?"settings.unsavedPending":"settings.allSynchronized")}
+            <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:X?e.purple:e.grayText,marginTop:1}}>
+              {w(X?"settings.unsavedPending":"settings.allSynchronized")}
             </T>
           </C>
 
-          <B accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={mo}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:Q?e.purple:`${e.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <K size={14}color={Q?e.white:e.purple}/>
-            <T style={{fontFamily:S.interBold,fontSize:13,lineHeight:17,color:Q?e.white:e.purple}}>
+          <B accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={wo}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:X?e.purple:`${e.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <_ size={14}color={X?e.white:e.purple}/>
+            <T style={{fontFamily:S.interBold,fontSize:13,lineHeight:17,color:X?e.white:e.purple}}>
               {w("settings.saveChanges")}
             </T>
           </B>
         </C>}
-    </C>;let q=null;P==="apis"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+    </C>;let K=null;A==="apis"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.apis.clearNetworkLogs"),description:w("settings.apis.clearNetworkLogsDescription",{count:ke.length}),isLast:!0,onPress:()=>{Fo(),io(null),E.alert(w("common.success"),w("settings.apis.networkLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.apis.clearNetworkLogs"),description:w("settings.apis.clearNetworkLogsDescription",{count:Te.length}),isLast:!0,onPress:()=>{Fo(),ao(null),N.alert(w("common.success"),w("settings.apis.networkLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="logs"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="logs"?K=<G 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}}>
-          {R({icon:<Br color={e.purple}size={16}/>,label:w("settings.logs.maxConsoleLogs"),description:w("settings.logs.maxConsoleLogsDescription"),numericInput:{value:ze,onChange:Zr,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {F({icon:<Rr color={e.purple}size={16}/>,label:w("settings.logs.maxConsoleLogs"),description:w("settings.logs.maxConsoleLogsDescription"),numericInput:{value:Be,onChange:ro,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
           <T style={{fontFamily:S.interBold,fontSize:13,lineHeight:17,color:e.primaryBlack,paddingTop:6}}>
             {w("settings.logs.logLevels")}
           </T>
-          {["info","warn","error"].map(r=>{const z=Qr?.[r],H=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,D=w(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),O=w(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:D,description:O,isLast:r==="error",onPress:()=>Xr(F=>({...F,[r]:!F[r]})),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:z?e.purple:e.grayTextWeak,backgroundColor:z?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                  {z&&<K size={12}color={e.purple}/>}
+          {["info","warn","error"].map(r=>{const V=Yr?.[r],D=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,v=w(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),M=w(r==="info"?"settings.logs.showInfoDesc":r==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return F({icon:<C style={{width:12,height:12,borderRadius:6,backgroundColor:D}}/>,label:v,description:M,isLast:r==="error",onPress:()=>Zr(I=>({...I,[r]:!I[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&&<_ size={12}color={e.purple}/>}
                 </C>})})}
         </C>
 
@@ -638,7 +667,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-                <$e color={e.purple}size={15}/>
+                <Ce color={e.purple}size={15}/>
               </C>
               <C style={{flex:1}}>
                 <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -650,54 +679,54 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
               </C>
             </C>
 
-            <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:we}}onPress={()=>_r(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:we?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:we?"flex-end":"flex-start"}}>
+            <B accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:ke}}onPress={()=>Qr(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}}}/>
             </B>
           </C>
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.logs.clearConsoleLogs"),description:w("settings.logs.clearConsoleLogsDescription",{count:xe.length}),isLast:!0,onPress:()=>{Io(),E.alert(w("common.success"),w("settings.logs.consoleLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.logs.clearConsoleLogs"),description:w("settings.logs.clearConsoleLogsDescription",{count:Ve.length}),isLast:!0,onPress:()=>{Io(),N.alert(w("common.success"),w("settings.logs.consoleLogsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="analytics"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="analytics"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary}}>
-          {R({icon:<Vr color={e.purple}size={16}/>,label:w("settings.analytics.maxAnalyticsEvents"),description:w("settings.analytics.maxAnalyticsEventsDescription",{count:Te.length}),numericInput:{value:Oe,onChange:eo,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
+          {F({icon:<Fr color={e.purple}size={16}/>,label:w("settings.analytics.maxAnalyticsEvents"),description:w("settings.analytics.maxAnalyticsEventsDescription",{count:ze.length}),numericInput:{value:Oe,onChange:oo,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}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.analytics.clearAnalyticsEvents"),description:w("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{Ho(),lo(null),E.alert(w("common.success"),w("settings.analytics.analyticsEventsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.analytics.clearAnalyticsEvents"),description:w("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{Ho(),no(null),N.alert(w("common.success"),w("settings.analytics.analyticsEventsCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="redux"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="redux"?K=<G 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}}>
-          {R({icon:<Fr color={e.purple}size={16}/>,label:w("settings.redux.autoRefresh"),description:w("settings.redux.autoRefreshDescription"),onPress:()=>oo(r=>!r),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:Ve?e.purple:e.grayTextWeak,backgroundColor:Ve?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                {Ve&&<K size={12}color={e.purple}/>}
+          {F({icon:<Hr color={e.purple}size={16}/>,label:w("settings.redux.autoRefresh"),description:w("settings.redux.autoRefreshDescription"),onPress:()=>io(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&&<_ size={12}color={e.purple}/>}
               </C>})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {R({icon:<X color={e.purple}size={16}/>,label:w("settings.redux.defaultJsonExpandDepth"),description:w("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:Me,onSelect:to},isLast:!0})}
+          {F({icon:<Y color={e.purple}size={16}/>,label:w("settings.redux.defaultJsonExpandDepth"),description:w("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:Me,onSelect:lo},isLast:!0})}
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.redux.clearReduxState"),description:w(ee?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{ao(null),E.alert(w("common.success"),w("settings.redux.reduxStateCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.redux.clearReduxState"),description:w(re?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{so(null),N.alert(w("common.success"),w("settings.redux.reduxStateCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="crash"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="crash"?K=<G 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}}>
-          {R({icon:<X color={e.purple}size={16}/>,label:w("settings.crash.maxCrashLogs"),description:w("settings.crash.maxCrashLogsDesc"),numericInput:{value:Ee,onChange:no,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          {F({icon:<Y color={e.purple}size={16}/>,label:w("settings.crash.maxCrashLogs"),description:w("settings.crash.maxCrashLogsDesc"),numericInput:{value:Ee,onChange:co,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {R({icon:<Ir color={e.greenColor}size={16}/>,label:w("settings.crash.globalGuard"),description:w("settings.crash.globalGuardDesc"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
+          {F({icon:<Dr color={e.greenColor}size={16}/>,label:w("settings.crash.globalGuard"),description:w("settings.crash.globalGuardDesc"),isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
                 <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:e.greenColor}}>
                   {w("settings.protectedBadge")}
                 </T>
@@ -705,19 +734,19 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.crash.clearHistory"),description:w("settings.crash.clearHistoryDesc",{count:re?.length||0}),isLast:!0,onPress:()=>{Do(),E.alert(w("common.success"),w("settings.crash.historyCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.crash.clearHistory"),description:w("settings.crash.clearHistoryDesc",{count:oe?.length||0}),isLast:!0,onPress:()=>{Do(),N.alert(w("common.success"),w("settings.crash.historyCleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="push"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="push"?K=<G 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}}>
-          {R({icon:<X color={e.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:so,onChange:co,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
+          {F({icon:<Y color={e.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:go,onChange:po,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {R({icon:<Or color={e.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
+          {F({icon:<Er color={e.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
                 <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:e.greenColor}}>
                   ACTIVE
                 </T>
@@ -734,25 +763,25 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <B onPress={()=>{te("salesforce"),I(w("settings.simulator.salesforce","Simulated Salesforce Marketing Cloud push"))}}style={{backgroundColor:`${e.sky600}14`,borderColor:`${e.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ie("salesforce"),H(w("settings.simulator.salesforce","Simulated Salesforce Marketing Cloud push"))}}style={{backgroundColor:`${e.sky600}14`,borderColor:`${e.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.sky600}}>
                 + Salesforce MC
               </T>
             </B>
 
-            <B onPress={()=>{te("fcm"),I(w("settings.simulator.fcm","Simulated Firebase FCM push"))}}style={{backgroundColor:`${e.darkOrange}14`,borderColor:`${e.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ie("fcm"),H(w("settings.simulator.fcm","Simulated Firebase FCM push"))}}style={{backgroundColor:`${e.darkOrange}14`,borderColor:`${e.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.darkOrange}}>
                 + Firebase FCM
               </T>
             </B>
 
-            <B onPress={()=>{te("apns"),I(w("settings.simulator.apns","Simulated Apple APNs push"))}}style={{backgroundColor:`${e.primaryBlack}10`,borderColor:`${e.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ie("apns"),H(w("settings.simulator.apns","Simulated Apple APNs push"))}}style={{backgroundColor:`${e.primaryBlack}10`,borderColor:`${e.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.primaryBlack}}>
                 + Apple APNs
               </T>
             </B>
 
-            <B onPress={()=>{te("deeplink"),I(w("settings.simulator.deepLink","Simulated Deep Link push"))}}style={{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ie("deeplink"),H(w("settings.simulator.deepLink","Simulated Deep Link push"))}}style={{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.brandPurple}}>
                 + Deep Link
               </T>
@@ -762,19 +791,19 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("push.clearTitle","Clear Push History"),description:`Permanently remove all ${oe?.length||0} recorded notifications`,isLast:!0,onPress:()=>{go(),E.alert(w("common.success","Success"),w("settings.pushHistoryCleared","Push notification history cleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("push.clearTitle","Clear Push History"),description:`Permanently remove all ${te?.length||0} recorded notifications`,isLast:!0,onPress:()=>{uo(),N.alert(w("common.success","Success"),w("settings.pushHistoryCleared","Push notification history cleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="socket"?q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="socket"?K=<G 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}}>
-          {R({icon:<X color={e.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:po,onChange:yo,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
+          {F({icon:<Y color={e.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:yo,onChange:ho,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {R({icon:<Mr color={e.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
+          {F({icon:<Nr color={e.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<C style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.greenColor}1F`}}>
                 <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:e.greenColor}}>
                   ACTIVE
                 </T>
@@ -791,25 +820,25 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <B onPress={()=>{le("chat"),I(w("settings.simulator.chat","Simulated Real-time Chat WebSocket session"))}}style={{backgroundColor:`${e.blue600}14`,borderColor:`${e.blue600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ae("chat"),H(w("settings.simulator.chat","Simulated Real-time Chat WebSocket session"))}}style={{backgroundColor:`${e.blue600}14`,borderColor:`${e.blue600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.blue600}}>
                 + Chat Room (WS)
               </T>
             </B>
 
-            <B onPress={()=>{le("crypto"),I(w("settings.simulator.crypto","Simulated Binance Crypto Ticker stream"))}}style={{backgroundColor:`${e.emerald600}14`,borderColor:`${e.emerald600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ae("crypto"),H(w("settings.simulator.crypto","Simulated Binance Crypto Ticker stream"))}}style={{backgroundColor:`${e.emerald600}14`,borderColor:`${e.emerald600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.emerald600}}>
                 + Crypto Feed (WSS)
               </T>
             </B>
 
-            <B onPress={()=>{le("socketio"),I(w("settings.simulator.socketio","Simulated Socket.IO v4 session"))}}style={{backgroundColor:`${e.violet600}14`,borderColor:`${e.violet600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ae("socketio"),H(w("settings.simulator.socketio","Simulated Socket.IO v4 session"))}}style={{backgroundColor:`${e.violet600}14`,borderColor:`${e.violet600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.violet600}}>
                 + Socket.IO Room
               </T>
             </B>
 
-            <B onPress={()=>{le("echo"),I(w("settings.simulator.echo","Simulated WebSocket Echo test"))}}style={{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <B onPress={()=>{ae("echo"),H(w("settings.simulator.echo","Simulated WebSocket Echo test"))}}style={{backgroundColor:`${e.brandPurple}14`,borderColor:`${e.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.brandPurple}}>
                 + Echo Test
               </T>
@@ -819,14 +848,14 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("socket.clearTitle","Clear All WebSocket Logs").replace("All WebSocket Logs","Socket History"),description:`Permanently remove all ${ie?.length||0} recorded sessions`,isLast:!0,onPress:()=>{uo(),E.alert(w("common.success","Success"),w("settings.socketHistoryCleared","WebSocket history cleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("socket.clearTitle","Clear All WebSocket Logs").replace("All WebSocket Logs","Socket History"),description:`Permanently remove all ${le?.length||0} recorded sessions`,isLast:!0,onPress:()=>{bo(),N.alert(w("common.success","Success"),w("settings.socketHistoryCleared","WebSocket history cleared"))},right:<C style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}33`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("common.clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>:P==="media"&&(q=<N style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:A==="media"&&(K=<G 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:6,marginBottom:4}}>
@@ -837,8 +866,8 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:8}}>
-            <B onPress={async()=>{v("light"),await Pe.takeScreenshot({format:Re.toLowerCase(),quality:.9,hideInspector:W})&&(v("success"),I(w("settings.simulator.screenshotSaved","Screenshot captured and saved!")))}}style={{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
-              <Ce color={e.purple}size={14}/>
+            <B onPress={async()=>{L("light"),await Pe.takeScreenshot({format:Ie.toLowerCase(),quality:.9,hideInspector:P})&&(L("success"),H(w("settings.simulator.screenshotSaved","Screenshot captured and saved!")))}}style={{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
+              <Se color={e.purple}size={14}/>
               <T style={{fontSize:11,fontFamily:S.interBold,color:e.purple}}>
                 Take Screenshot
               </T>
@@ -850,7 +879,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-              <Ce color={e.purple}size={16}/>
+              <Se color={e.purple}size={16}/>
             </C>
             <C style={{flex:1}}>
               <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -862,17 +891,17 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
             </C>
           </C>
 
-          {R({icon:<Ar color={e.purple}size={16}/>,label:w("settings.media.imageFormat","Image Format"),description:w("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:5}}>
-                {["png","jpeg","webp"].map(r=>{const z=Re===r;return<B key={r}onPress={()=>{v("light"),Ne(r),I(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+          {F({icon:<Mr color={e.purple}size={16}/>,label:w("settings.media.imageFormat","Image Format"),description:w("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<C style={{flexDirection:"row",gap:5}}>
+                {["png","jpeg","webp"].map(r=>{const V=Ie===r;return<B key={r}onPress={()=>{L("light"),Ne(r),H(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                         {r.toUpperCase()}
                       </T>
                     </B>})}
               </C>})}
 
-          {R({icon:<$e color={e.purple}size={16}/>,label:w("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:w("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{v("light"),ae(r=>!r),I(`Auto-hide overlay: ${W?"OFF":"ON"}`)},right:<B onPress={()=>{v("light"),ae(r=>!r),I(`Auto-hide overlay: ${W?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:W?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:W?`${e.emerald500}4D`:`${e.grayText}33`}}>
-                <T style={{fontFamily:S.interBold,fontSize:10.5,color:W?e.emerald500:e.grayText}}>
-                  {W?w("settings.media.enabled","ON"):"OFF"}
+          {F({icon:<Ce color={e.purple}size={16}/>,label:w("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:w("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{L("light"),ne(r=>!r),H(`Auto-hide overlay: ${P?"OFF":"ON"}`)},right:<B onPress={()=>{L("light"),ne(r=>!r),H(`Auto-hide overlay: ${P?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:P?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:P?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:10.5,color:P?e.emerald500:e.grayText}}>
+                  {P?w("settings.media.enabled","ON"):"OFF"}
                 </T>
               </B>})}
         </C>
@@ -881,7 +910,7 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}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"}}>
-              <$r color={e.purple}size={16}/>
+              <Pr color={e.purple}size={16}/>
             </C>
             <C style={{flex:1}}>
               <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -893,49 +922,49 @@ import{useMemo as ye,useState as ue,useEffect as De,useRef as Co}from"react";imp
             </C>
           </C>
 
-          {R({icon:<Wr color={e.purple}size={16}/>,label:w("settings.media.audioMode","Audio Source"),description:w("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:5}}>
-                {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(r=>{const z=je===r.key;return<B key={r.key}onPress={()=>{v("light"),Ge(r.key),I(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+          {F({icon:<Ar color={e.purple}size={16}/>,label:w("settings.media.audioMode","Audio Source"),description:w("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<C style={{flexDirection:"row",gap:5}}>
+                {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(r=>{const V=je===r.key;return<B key={r.key}onPress={()=>{L("light"),Ge(r.key),H(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                         {r.label}
                       </T>
                     </B>})}
               </C>})}
 
-          {R({icon:<Lr color={e.purple}size={16}/>,label:w("settings.media.frameRate","Recording Frame Rate (FPS)"),description:w("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:5}}>
-                {[15,24,30,60].map(r=>{const z=Ue===r;return<B key={r}onPress={()=>{v("light"),qe(r),I(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:z?e.purple:`${e.purple}14`,borderWidth:1,borderColor:z?e.purple:`${e.purple}2E`}}>
-                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:z?e.white:e.purple}}>
+          {F({icon:<Wr color={e.purple}size={16}/>,label:w("settings.media.frameRate","Recording Frame Rate (FPS)"),description:w("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<C style={{flexDirection:"row",gap:5}}>
+                {[15,24,30,60].map(r=>{const V=Ue===r;return<B key={r}onPress={()=>{L("light"),qe(r),H(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:V?e.purple:`${e.purple}14`,borderWidth:1,borderColor:V?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:V?e.white:e.purple}}>
                         {r}fps
                       </T>
                     </B>})}
               </C>})}
 
-          {R({icon:<Pr color={e.purple}size={16}/>,label:w("settings.media.gifAutoOpt","Auto GIF Optimization"),description:w("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{v("light"),ne(r=>!r),I(`GIF optimization: ${A?"OFF":"ON"}`)},right:<B onPress={()=>{v("light"),ne(r=>!r),I(`GIF optimization: ${A?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:A?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:A?`${e.emerald500}4D`:`${e.grayText}33`}}>
-                <T style={{fontFamily:S.interBold,fontSize:10.5,color:A?e.emerald500:e.grayText}}>
-                  {A?"ON":"OFF"}
+          {F({icon:<Or color={e.purple}size={16}/>,label:w("settings.media.gifAutoOpt","Auto GIF Optimization"),description:w("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{L("light"),se(r=>!r),H(`GIF optimization: ${O?"OFF":"ON"}`)},right:<B onPress={()=>{L("light"),se(r=>!r),H(`GIF optimization: ${O?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:O?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:O?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:10.5,color:O?e.emerald500:e.grayText}}>
+                  {O?"ON":"OFF"}
                 </T>
               </B>})}
         </C>
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {R({icon:<G color={e.errorColor}size={16}/>,label:w("settings.media.purgeAll","Purge Captured Media Cache"),description:w("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{E.alert(w("settings.media.purgeConfirmTitle","Purge Media Storage?"),w("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:w("common.cancel","Cancel"),style:"cancel"},{text:w("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await Pe.clearAllMedia(),I(w("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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.media.purgeAll","Purge Captured Media Cache"),description:w("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{N.alert(w("settings.media.purgeConfirmTitle","Purge Media Storage?"),w("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:w("common.cancel","Cancel"),style:"cancel"},{text:w("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await Pe.clearAllMedia(),H(w("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`}}>
                 <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                   {w("settings.media.purgeCacheBtn","Purge All")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </N>);const pe=Co(new ve.Value(0)).current;return De(()=>{P!=="main"&&(pe.setValue(0),ve.spring(pe,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[P]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
+      </G>);const ye=ko(new Le.Value(0)).current;return ve(()=>{A!=="main"&&(ye.setValue(0),Le.spring(ye,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[A]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
       
-      <C style={[er.absoluteFill,P!=="main"&&{pointerEvents:"none"}]}>
-        {fo()}
+      <C style={[rr.absoluteFill,A!=="main"&&{pointerEvents:"none"}]}>
+        {So()}
       </C>
 
       
-      {P!=="main"&&<ve.View style={[er.absoluteFill,{backgroundColor:e.grayBackground,opacity:pe,transform:[{translateX:pe.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
-          {q}
-        </ve.View>}
+      {A!=="main"&&<Le.View style={[rr.absoluteFill,{backgroundColor:e.grayBackground,opacity:ye,transform:[{translateX:ye.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {K}
+        </Le.View>}
 
       
-      <$o visible={ho}onClose={()=>_e(!1)}/>
-    </C>};export default Yo;
+      <$o visible={fo}onClose={()=>Je(!1)}/>
+    </C>};export default Xo;