react-native-inapp-inspector 2.5.9 → 2.5.11

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

@@ -1,5 +1,5 @@
-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}}>
+import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";import{Alert as N,Animated as or,DevSettings as tr,Platform as Nr,ScrollView as G,StyleSheet as jr,Text as T,TextInput as Ct,View as C}from"react-native";import St,{Path as Gr}from"react-native-svg";import{animateNextLayout as je,useInspector as kt}from"./InspectorContext";import V from"../TouchableScale";import Ur from"../Slider";import{toggleGlobalTheme as xt}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{calculateRamBasedLimits as Tt}from"../../helpers/settingsStore";import{clearNetworkLogs as Bt}from"../../customHooks/networkLogger";import{clearConsoleLogs as zt}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as Vt,isAnalyticsConnected as _r}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Rt}from"../../customHooks/crashHandler";import{isReduxConnected as Jr}from"../../customHooks/reduxLogger";import{useTranslation as Ft,SUPPORTED_LANGUAGES as qr,getLanguage as It}from"../../i18n";import{LanguageSelectorModal as Dt}from"./LanguageSelectorModal";import{GlobeIcon as Kr,SignalIcon as Qr,TerminalIcon as Xr,AnalyticsIcon as Yr,SettingsIcon as Ht,SunIcon as Pt,MoonIcon as Wt,ScreenIcon as Zr,MotionIcon as $t,LayersIcon as Ce,EyeIcon as Ge,CheckIcon as K,TrashIcon as U,PackageIcon as Lt,ReduxIcon as Co,CrashIcon as At,ShieldAlertIcon as So,ShieldCheckIcon as To,ScaleBalanceIcon as Ot,VolumeMuteIcon as Mt,JsIcon as Et,ChipIcon as Nt,LayoutIcon as Gt,HourglassIcon as Ut,CodeBracketsIcon as _t,RefreshCcwIcon as Jt,ForwardChevronIcon as Bo,ChevronDownIcon as Kt,BrainIcon as Vo,SmartphoneIcon as Qt,DatabaseIcon as Xt,QrCodeIcon as Yt,FilmIcon as Ro,ScreencastIcon as Zt,CameraIcon as Te,VideoCameraIcon as Cr,MicrophoneIcon as Fo,GifIcon as Io,ImageIcon as Do,BellIcon as Ho,WebsocketIcon as Po,BoltIcon as Sr}from"../NetworkIcons";import{ScreenCapture as kr}from"../../capture";import{triggerNativeHaptic as v}from"../../native/NativeInspector";import{DeveloperSponsorCard as Ci}from"./DeveloperSponsorCard";import{isLocalDebugEnvironment as wi}from"../../helpers";import{showToast as I}from"../../helpers/toast";import{pruneAllLogs as Si}from"../../helpers/memoryManager";const ki=()=>{const{t:w}=Ft(),{settingsPage:O,setSettingsPage:xr,settingsActiveSubTab:Q,setSettingsActiveSubTab:Wo,tabVisibility:R,toggleTabVisibility:$o,defaultTab:X,setDefaultTab:Lo,isDark:we,setIsDark:Ao,modalHeightPercent:Be,setModalHeightPercent:Oo,modalAnimationType:Mo,setModalAnimationType:Eo,showDuplicateLogs:Ue,setShowDuplicateLogs:No,showUpdateToast:_e,setShowUpdateToast:jo,showConsoleLevels:Go,setShowConsoleLevels:Uo,closeModal:_o,logs:Je,consoleLogs:qe,analyticsEvents:Ke,reduxState:ze,maxConsoleLogs:Qe,setMaxConsoleLogs:Jo,maxAnalyticsEventsLimit:Tr,setMaxAnalyticsEventsLimit:qo,isAutoRamLimitEnabled:$,setIsAutoRamLimitEnabled:Ko,deviceFreeRamMb:Xe,reduxAutoRefresh:Ye,setReduxAutoRefreshState:Qo,reduxExpandDepth:Br,setReduxExpandDepth:Xo,setSelected:Yo,setSelectedEvent:Zo,setReduxState:et,crashRecords:Ve,maxCrashLogs:zr,setMaxCrashLogs:Vr,crashIgnoredTypes:P,setCrashIgnoredTypes:rt,crashModalTriggerPolicy:ot,setCrashModalTriggerPolicyState:Rr,applyCrashPolicyPreset:Re,pushRecords:Fe,maxPushLogs:tt,setMaxPushLogs:it,clearAllPushLogs:lt,simulatePush:Ie,socketRecords:De,maxSocketLogs:at,setMaxSocketLogs:nt,clearAllSocketLogs:st,simulateSocket:He,captureImageFormat:Ze,setCaptureImageFormat:Fr,captureAutoHide:A,setCaptureAutoHide:ve,captureAudioMode:Ir,setCaptureAudioMode:Dr,captureFps:Hr,setCaptureFps:vr,captureScale:xi,setCaptureScale:Ti,captureBitrate:Bi,setCaptureBitrate:zi,captureMaxDurationSeconds:Vi,setCaptureMaxDurationSeconds:Ri,captureAutoGif:M,setCaptureAutoGif:Pe,captureWidgetEnabled:Y,setCaptureWidgetEnabled:Pr,peekOpacity:Wr,setPeekOpacity:dt}=kt(),[We,$r]=Ne(Be),[ct,Lr]=Ne(!1),gt=It(),$e=qr.find(r=>r.code===gt)||qr[0];rr(()=>{$r(Be)},[Be]);const Le=Tt(Xe),W=Ee(()=>[{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"?Nr.OS==="android"&&wi():!0),[]),[_,Ae]=Ne(()=>({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)}));rr(()=>{Ae({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 Z=Ee(()=>W.some(r=>!!_[r.key]!=!!R?.[r.key]),[_,R,W]),Ar=W.filter(r=>r.key==="apis"||!!_[r.key]).length,Oe=Ee(()=>W.filter(r=>!(r.key==="apis"||r.key==="redux"&&!Jr()||r.key==="analytics"&&!_r())),[W]),E=Ee(()=>Oe.length===0?!1:Oe.every(r=>!!_[r.key]),[Oe,_]),Or=()=>{const r=!E;Ae(B=>{const D={...B};return Oe.forEach(H=>{D[H.key]=r}),D})},pt=()=>{Z&&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:()=>{Ae({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:()=>{je(),W.forEach(r=>{if(r.key!=="apis"){const B=!!_[r.key],D=!!R?.[r.key];B!==D&&$o(r.key)}}),_o(),setTimeout(()=>{__DEV__&&tr&&tr.reload&&tr.reload()},350)}}])},[er,Mr]=Ne(!1),F=r=><C key={r.key}style={{paddingVertical:12,borderBottomWidth:r.isLast?0:1,borderBottomColor:e.dividerColor}}>
+        <V disabled={!r.onPress}onPress={r.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
           <C style={{width:36,height:36,borderRadius:10,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}2E`,alignItems:"center",justifyContent:"center"}}>
             {r.icon}
           </C>
@@ -12,10 +12,10 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
               </T>:null}
           </C>
           {r.right||null}
-        </B>
+        </V>
         {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}}>
-              <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/>
+              <Ct style={{flex:1,fontFamily:S.interMedium,fontSize:14,lineHeight:18,color:e.primaryBlack,paddingVertical:6}}value={String(r.numericInput.value||"")}onChangeText={B=>{const D=parseInt(B.replace(/[^0-9]/g,""),10);if(!isNaN(D)){const H=Math.max(r.numericInput?.min??1,Math.min(r.numericInput?.max??1e4,D));r.numericInput?.onChange(H)}}}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 he,useState as be,useEffect as ve,useRef as ko}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(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"}}>
+            {r.picker.options.map(B=>{const D=r.picker.selectedValue===B;return<V key={String(B)}onPress={()=>r.picker.onSelect(B)}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}
+                    {r.picker.formatLabel?r.picker.formatLabel(B):B}
                   </T>
-                </B>})}
+                </V>})}
           </C>}
-      </C>,So=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
+      </C>,yt=()=><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}}}>
           <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}}>
+            {[{key:"module",label:w("settings.modulesAndTools","Modules & Tools"),Icon:Ce,badge:`${W.filter(r=>_?.[r.key]||r.key==="apis").length}/${W.length}`},{key:"ui",label:w("settings.uiPreferences","UI Preferences"),Icon:Zr},{key:"limits",label:w("settings.ramLimits","RAM & Limits"),Icon:Vo},{key:"capture",label:w("settings.screenVideoCapture","Screen & Video Capture"),Icon:Te}].map(r=>{const B=Q===r.key,D=r.Icon;return<V key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:B}}onPress={()=>{je(),Wo(r.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:B?e.purple:"transparent"}}>
+                  <D color={B?e.white:e.grayText}size={13}/>
+                  <T style={{fontFamily:S.interBold,fontSize:12.5,lineHeight:16,color:B?e.white:e.grayText}}>
                     {r.label}
                   </T>
-                  {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&&<C style={{backgroundColor:B?"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:B?e.white:e.purple}}>
                         {r.badge}
                       </T>
                     </C>}
-                </B>})}
+                </V>})}
           </G>
         </C>
 
-        {J==="module"&&<C style={{gap:12}}>
+        {Q==="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: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}}>
+              <V accessible={!0}accessibilityRole="checkbox"accessibilityLabel="Toggle Select All Modules"accessibilityState={{checked:E}}onPress={Or}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}/>}
+                  {E&&<K size={12}color={e.white}/>}
                 </C>
                 <C>
                   <T style={{fontFamily:S.interBold,fontSize:13,color:e.primaryBlack}}>
                     {E?"Deselect All Modules":"Select All Modules"}
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:10.5,color:e.grayText,marginTop:1}}>
-                    {Qe} of {$.length} modules active
+                    {Ar} of {W.length} modules active
                   </T>
                 </C>
-              </B>
+              </V>
 
-              <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"}}>
+              <V onPress={Or}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>
+              </V>
             </C>
 
             
             <C style={{gap:10}}>
-              {$.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}}}>
+              {W.map(r=>{const B=Jr(),D=_r(),H=r.key==="redux"&&!B||r.key==="analytics"&&!D,L=r.key==="apis"||H,z=r.key==="apis"||!!_?.[r.key]&&!H,Se=r.key==="apis"?Je.length>0?`${Je.length} requests`:"":r.key==="logs"?qe.length>0?`${qe.length} logs \u2022 Limit: ${Qe}`:"":r.key==="crash"?Ve&&Ve.length>0?`${Ve.length} crashes recorded \u2022 Crash Guard`:"":r.key==="analytics"?Ke.length>0?`${Ke.length} events logged`:"":r.key==="redux"?ze&&Object.keys(ze).length>0?`${Object.keys(ze).length} slices \u2022 Depth: ${Br}`:"":r.key==="push"?Fe&&Fe.length>0?`${Fe.length} notifications logged`:"":r.key==="socket"&&De&&De.length>0?`${De.length} connections active`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:z?`${e.purple}38`:e.grayBorderSecondary,padding:14,gap:10,shadowColor:e.black,shadowOpacity:z?.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: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}/>
-                          </Vo>:null}
-                      </B>
+                      <V accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${r.label}`}accessibilityState={{checked:z,disabled:L}}disabled={L}onPress={()=>{L||Ae(q=>({...q,[r.key]:!q[r.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:z?0:1.8,borderColor:L?e.dividerColor:e.grayBorderSecondary,backgroundColor:r.key==="apis"?`${e.blue500}22`:z?e.purple:e.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:z?e.purple:"transparent",shadowOpacity:z?.25:0,shadowRadius:2,elevation:z?2:0}}>
+                        {r.key==="apis"?<K size={12}color={e.blue500}/>:z?<K size={12}color={e.white}/>:L?<St width={10}height={10}viewBox="0 0 24 24"fill="none">
+                            <Gr d="M7 10V7a5 5 0 0 1 10 0v3"stroke={e.grayText}strokeWidth="2.2"strokeLinecap="round"/>
+                            <Gr d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={e.grayText}/>
+                          </St>:null}
+                      </V>
 
                       
-                      <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}}>
+                      <V accessible={!0}accessibilityRole="button"accessibilityLabel={`${r.label} settings`}disabled={H}onPress={()=>{je(),xr(r.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <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 style={{width:36,height:36,borderRadius:10,backgroundColor:L?`${e.grayBorderSecondary}4D`:z?`${e.purple}14`:e.grayBackground,borderWidth:1,borderColor:L?e.dividerColor:z?`${e.purple}33`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                          {r.icon==="apis"&&<Qr color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="logs"&&<Xr color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="crash"&&<At color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="analytics"&&<Yr color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="redux"&&<Co color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="device"&&<Qt color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="storage"&&<Xt color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="debugging"&&<Yt color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="media"&&<Zt color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="push"&&<Ho color={z?e.purple:e.grayTextWeak}size={16}/>}
+                          {r.icon==="socket"&&<Po color={z?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: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}}>
+                            <C style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:z?`${e.purple}1C`:`${e.grayBorderSecondary}80`,borderWidth:1,borderColor:z?`${e.purple}44`:e.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+                              <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:z?e.purple:e.grayText}}>
                                 #{r.id}
                               </T>
                             </C>
-                            <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:M?e.grayText:e.primaryBlack}}>
+                            <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:L?e.grayText:e.primaryBlack}}>
                               {r.label}
                             </T>
 
                             
-                            {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}}>
+                            {r.key===X&&!H&&<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 he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                                 <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.blue500,letterSpacing:.3}}>
                                   {w("settings.coreBadge")}
                                 </T>
-                              </C>:v?<C style={{backgroundColor:`${e.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.amber500}35`}}>
+                              </C>:H?<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>:I?<C style={{backgroundColor:`${e.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.liveGreen}38`}}>
+                              </C>:z?<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>
@@ -150,33 +150,33 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                             {r.desc}
                           </T>
                         </C>
-                      </B>
+                      </V>
                     </C>
 
                     
-                    {!v&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor}}>
+                    {!H&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor}}>
                         
-                        {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}}/>
+                        {Se&&Se.trim().length>0?<C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
+                            <C style={{width:6,height:6,borderRadius:3,backgroundColor:z?e.liveGreen:e.grayTextWeak}}/>
                             <T style={{fontFamily:S.interMedium,fontSize:11,color:e.grayText,lineHeight:14}}>
-                              {De}
+                              {Se}
                             </T>
                           </C>:<C style={{flex:1}}/>}
 
                         
-                        <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}/>
+                        <V accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${r.label} settings`}onPress={()=>{je(),xr(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`}}>
+                          <Ht color={e.purple}size={11}/>
                           <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.purple}}>
                             {w("settings.configure")}
                           </T>
-                          <Lr color={e.purple}size={9}/>
-                        </B>
+                          <Bo color={e.purple}size={9}/>
+                        </V>
                       </C>}
                   </C>})}
             </C>
           </C>}
 
-        {J==="ui"&&<C style={{gap:14}}>
+        {Q==="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 he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                    {Z?<Po color={e.purple}size={15}/>:<Ao color={e.purple}size={15}/>}
+                    {we?<Pt color={e.purple}size={15}/>:<Wt color={e.purple}size={15}/>}
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -198,9 +198,9 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:we}}onPress={()=>{const r=!we;Ao(r),xt(r)}}style={{width:42,height:24,borderRadius:12,backgroundColor:we?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:we?"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>
+                </V>
               </C>
 
               <C style={{height:1,backgroundColor:e.grayBorderSecondary,opacity:.6}}/>
@@ -209,7 +209,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                    <Vr color={e.blue600}size={15}/>
+                    <Kr color={e.blue600}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -221,13 +221,13 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                   </C>
                 </C>
 
-                <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}/>}
+                <V onPress={()=>{v("light"),Lr(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:e.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${e.purple}20`}}>
+                  {$e?.flag?<T style={{fontSize:13}}>{$e.flag}</T>:<Kr size={14}color={e.purple}/>}
                   <T style={{fontFamily:S.interSemiBold,fontSize:12,color:e.purple}}>
-                    {ce?.nativeName||ce?.name||"English"}
+                    {$e?.nativeName||$e?.name||"English"}
                   </T>
-                  <Lr size={11}color={e.purple}/>
-                </B>
+                  <Bo size={11}color={e.purple}/>
+                </V>
               </C>
             </C>
 
@@ -242,7 +242,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                      <Ir color={e.purple}size={15}/>
+                      <Zr color={e.purple}size={15}/>
                     </C>
                     <C style={{flex:1}}>
                       <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -254,16 +254,16 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                     </C>
                   </C>
 
-                  {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}/>
+                  {We!==Be&&<V onPress={()=>{Oo(We)}}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}/>
                       <T style={{fontFamily:S.interBold,fontSize:11,color:e.white}}>
-                        Save ({de}%)
+                        Save ({We}%)
                       </T>
-                    </B>}
+                    </V>}
                 </C>
 
                 <C style={{marginTop:6}}>
-                  <Sr value={de}onValueChange={_e}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
+                  <Ur value={We}onValueChange={$r}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
                 </C>
               </C>
 
@@ -274,7 +274,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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:"rgba(6, 182, 212, 0.12)",alignItems:"center",justifyContent:"center"}}>
-                      <Ce color={"#06B6D4"}size={15}/>
+                      <Ge color={"#06B6D4"}size={15}/>
                     </C>
                     <C style={{flex:1}}>
                       <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -288,13 +288,13 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
 
                   <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)}
+                      {Wr.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)}/>
+                  <Ur value={Wr}onValueChange={r=>{const B=Math.round(r*10)/10;dt(B)}}min={.1}max={1}step={.1}quickPresets={[.1,.3,.5,.7,1]}formatLabel={r=>r.toFixed(1)}/>
                 </C>
               </C>
 
@@ -304,7 +304,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
               <C style={{gap:8}}>
                 <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                   <C style={{width:32,height:32,borderRadius:8,backgroundColor:e.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    <Oo color={e.purple}size={15}/>
+                    <$t color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -317,11 +317,11 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                 </C>
 
                 <C style={{flexDirection:"row",backgroundColor:e.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:e.dividerColor}}>
-                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const V=_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}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const B=Mo===r.key;return<V key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:B}}onPress={()=>Eo(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:B?e.purple:"transparent"}}>
+                        <T style={{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:B?e.white:e.grayText}}>
                           {r.label}
                         </T>
-                      </B>})}
+                      </V>})}
                 </C>
               </C>
             </C>
@@ -334,7 +334,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                  <Y 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}}>
@@ -348,11 +348,11 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
 
               
               <C style={{marginTop:6,gap:6}}>
-                <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}}>
+                <V accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${W.find(r=>r.key===X)?.label||"APIs"}`}onPress={()=>Mr(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:er?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}}>
-                      {$.find(r=>r.key===Q)?`#${$.find(r=>r.key===Q)?.id} ${$.find(r=>r.key===Q)?.label}`:"#1 APIs (Network)"}
+                      {W.find(r=>r.key===X)?`#${W.find(r=>r.key===X)?.id} ${W.find(r=>r.key===X)?.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}}>
@@ -361,22 +361,22 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                     </C>
                   </C>
 
-                  <C style={{transform:[{rotate:He?"180deg":"0deg"}]}}>
-                    <No color={e.grayText}size={15}/>
+                  <C style={{transform:[{rotate:er?"180deg":"0deg"}]}}>
+                    <Kt color={e.grayText}size={15}/>
                   </C>
-                </B>
+                </V>
 
                 
-                {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}}>
+                {er&&<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}}>
+                    {W.filter(r=>r.key==="apis"||_?.[r.key]||R?.[r.key]).map((r,B,D)=>{const H=X===r.key,L=B===D.length-1;return<V key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{Lo(r.key),Mr(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:H?`${e.purple}0F`:"transparent",borderBottomWidth:L?0:1,borderBottomColor:e.dividerColor}}>
                             <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                              <C style={{width:6,height:6,borderRadius:3,backgroundColor:v?e.purple:e.grayTextWeak}}/>
-                              <T style={{fontFamily:v?S.interBold:S.interMedium,fontSize:13,color:v?e.purple:e.primaryBlack}}>
+                              <C style={{width:6,height:6,borderRadius:3,backgroundColor:H?e.purple:e.grayTextWeak}}/>
+                              <T style={{fontFamily:H?S.interBold:S.interMedium,fontSize:13,color:H?e.purple:e.primaryBlack}}>
                                 #{r.id} {r.label}
                               </T>
                             </C>
-                            {v&&<_ size={14}color={e.purple}/>}
-                          </B>})}
+                            {H&&<K size={14}color={e.purple}/>}
+                          </V>})}
                   </C>}
               </C>
             </C>
@@ -390,7 +390,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                    <Mo color={e.purple}size={15}/>
+                    <Lt color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -403,14 +403,14 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:_e}}onPress={()=>jo(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:_e?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:_e?"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>
+                </V>
               </C>
             </C>
           </C>}
 
-        {J==="limits"&&<C style={{gap:14}}>
+        {Q==="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}}>
@@ -421,7 +421,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                    <$r color={e.purple}size={16}/>
+                    <Vo color={e.purple}size={16}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -434,29 +434,29 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:$}}onPress={()=>Ko(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:$?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:$?"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>
+                </V>
               </C>
 
               <C style={{height:1,backgroundColor:e.dividerColor}}/>
 
               
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <C style={{width:32,height:32,borderRadius:8,backgroundColor:W?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <Br color={W?e.purple:e.grayTextWeak}size={15}/>
+                <C style={{width:32,height:32,borderRadius:8,backgroundColor:$?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <Qr color={$?e.purple:e.grayTextWeak}size={15}/>
                 </C>
                 <C style={{flex:1}}>
-                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:W?e.primaryBlack:e.grayText}}>
+                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:$?e.primaryBlack:e.grayText}}>
                     Detected Available RAM
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                    {Re} MB available on device
+                    {Xe} MB available on device
                   </T>
                 </C>
-                <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
+                <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}}>
+                    {Xe} MB
                   </T>
                 </C>
               </C>
@@ -465,17 +465,17 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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: {ge.profileName}
+                    Profile: {Le.profileName}
                   </T>
-                  <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"}
+                  <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"}
                     </T>
                   </C>
                 </C>
 
                 <C style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{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`}}>
+                  {[{label:"Logs",value:$?Le.maxConsoleLogs:Qe,color:e.sky500},{label:"Analytics",value:$?Le.maxAnalyticsEvents:Tr,color:e.purple},{label:"Crash",value:$?Le.maxCrashRecords:zr,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>
@@ -495,7 +495,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                  <Dr color={e.emerald500}size={15}/>
+                  <So color={e.emerald500}size={15}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -525,21 +525,44 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                     {w("settings.memory.manualDescription","Prune older entries across all log stores and free RAM")}
                   </T>
                 </C>
-                <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}}>
+                <V onPress={()=>{const r=Si("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}}>
                   <U size={13}color={e.white}/>
                   <T style={{fontFamily:S.interBold,fontSize:11.5,color:e.white}}>
                     Prune Now
                   </T>
-                </B>
+                </V>
               </C>
             </C>
           </C>}
-        {J==="capture"&&<C style={{gap:12}}>
+        {Q==="capture"&&<C style={{gap:16}}>
+            
+            <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.rose500}1A`,alignItems:"center",justifyContent:"center"}}>
+                  <Cr color={e.rose500}size={16}/>
+                </C>
+                <C style={{flex:1}}>
+                  <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
+                    {w("settings.media.floatingWidgetTitle","Floating Capture Widget")}
+                  </T>
+                  <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
+                    {w("settings.media.floatingWidgetDesc","On-screen floating button to quickly take screenshots and record videos (Disabled by default)")}
+                  </T>
+                </C>
+              </C>
+
+              {F({icon:<Te color={e.purple}size={16}/>,label:w("settings.media.enableFloatingWidget","Enable Floating Widget"),description:w("settings.media.enableFloatingWidgetDesc","Shows draggable quick screenshot & video recording button on screen"),isLast:!0,onPress:()=>{v("light"),Pr(r=>!r),I(`Capture widget: ${Y?"OFF":"ON"}`)},right:<V onPress={()=>{v("light"),Pr(r=>!r),I(`Capture widget: ${Y?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:Y?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:Y?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:Y?e.emerald500:e.grayText}}>
+                      {Y?w("settings.media.enabled","ON"):"OFF"}
+                    </T>
+                  </V>})}
+            </C>
+
             
             <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"}}>
-                  <Se color={e.purple}size={16}/>
+                  <Te color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -551,26 +574,26 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                 </C>
               </C>
 
-              {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}}>
+              {F({icon:<Do 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 B=Ze===r;return<V key={r}onPress={()=>{v("light"),Fr(r),I(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                             {r.toUpperCase()}
                           </T>
-                        </B>})}
+                        </V>})}
                   </C>})}
 
-              {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"}
+              {F({icon:<Ge 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"),ve(r=>!r),I(`Auto-hide overlay: ${A?"OFF":"ON"}`)},right:<V onPress={()=>{v("light"),ve(r=>!r),I(`Auto-hide overlay: ${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?w("settings.media.enabled","ON"):"OFF"}
                     </T>
-                  </B>})}
+                  </V>})}
             </C>
 
             
             <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"}}>
-                  <Pr color={e.purple}size={16}/>
+                  <Cr color={e.purple}size={16}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -582,78 +605,82 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
                 </C>
               </C>
 
-              {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}}>
+              {F({icon:<Fo 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 B=Ir===r.key;return<V key={r.key}onPress={()=>{v("light"),Dr(r.key),I(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                             {r.label}
                           </T>
-                        </B>})}
+                        </V>})}
                   </C>})}
 
-              {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}}>
+              {F({icon:<Ro 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 B=Hr===r;return<V key={r}onPress={()=>{v("light"),vr(r),I(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                             {r}fps
                           </T>
-                        </B>})}
+                        </V>})}
                   </C>})}
 
-              {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"}
+              {F({icon:<Io 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"),Pe(r=>!r),I(`GIF optimization: ${M?"OFF":"ON"}`)},right:<V onPress={()=>{v("light"),Pe(r=>!r),I(`GIF optimization: ${M?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:M?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:M?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:M?e.emerald500:e.grayText}}>
+                      {M?"ON":"OFF"}
                     </T>
-                  </B>})}
+                  </V>})}
             </C>
 
             
             <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-              {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`}}>
+              {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 kr.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`}}>
                     <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.errorColor}}>
                       {w("settings.media.purgeCacheBtn","Purge All")}
                     </T>
                   </C>})}
             </C>
           </C>}
+
+        
+        <Ci containerStyle={{marginTop:14}}/>
+
         <C style={{height:48}}/>
       </G>
 
       
-      {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}}>
+      {Q==="module"&&<C style={{paddingHorizontal:16,paddingTop:12,paddingBottom:Nr.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}}>
-              {Qe} of {$.length} Modules Active
+              {Ar} of {W.length} Modules Active
             </T>
-            <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:X?e.purple:e.grayText,marginTop:1}}>
-              {w(X?"settings.unsavedPending":"settings.allSynchronized")}
+            <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:Z?e.purple:e.grayText,marginTop:1}}>
+              {w(Z?"settings.unsavedPending":"settings.allSynchronized")}
             </T>
           </C>
 
-          <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}}>
+          <V accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={pt}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:Z?e.purple:`${e.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <K size={14}color={Z?e.white:e.purple}/>
+            <T style={{fontFamily:S.interBold,fontSize:13,lineHeight:17,color:Z?e.white:e.purple}}>
               {w("settings.saveChanges")}
             </T>
-          </B>
+          </V>
         </C>}
-    </C>;let K=null;A==="apis"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+    </C>;let J=null;if(O==="apis")J=<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}}>
-          {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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.apis.clearNetworkLogs"),description:w("settings.apis.clearNetworkLogsDescription",{count:Je.length}),isLast:!0,onPress:()=>{Bt(),Yo(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}}/>
-      </G>:A==="logs"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>;else if(O==="logs")J=<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}}>
-          {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)"}})}
+          {F({icon:<Xr color={e.purple}size={16}/>,label:w("settings.logs.maxConsoleLogs"),description:w("settings.logs.maxConsoleLogsDescription"),numericInput:{value:Qe,onChange:Jo,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 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}/>}
+          {["info","warn","error"].map(r=>{const B=Go?.[r],D=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,H=w(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),L=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:H,description:L,isLast:r==="error",onPress:()=>Uo(z=>({...z,[r]:!z[r]})),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:B?e.purple:e.grayTextWeak,backgroundColor:B?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                  {B&&<K size={12}color={e.purple}/>}
                 </C>})})}
         </C>
 
@@ -667,7 +694,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-                <Ce color={e.purple}size={15}/>
+                <Ge color={e.purple}size={15}/>
               </C>
               <C style={{flex:1}}>
                 <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -679,74 +706,141 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
               </C>
             </C>
 
-            <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"}}>
+            <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:Ue}}onPress={()=>No(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:Ue?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Ue?"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>
+            </V>
           </C>
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.logs.clearConsoleLogs"),description:w("settings.logs.clearConsoleLogsDescription",{count:qe.length}),isLast:!0,onPress:()=>{zt(),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}}/>
-      </G>:A==="analytics"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>;else if(O==="analytics")J=<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}}>
-          {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})}
+          {F({icon:<Yr color={e.purple}size={16}/>,label:w("settings.analytics.maxAnalyticsEvents"),description:w("settings.analytics.maxAnalyticsEventsDescription",{count:Ke.length}),numericInput:{value:Tr,onChange:qo,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}}>
-          {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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.analytics.clearAnalyticsEvents"),description:w("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{Vt(),Zo(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}}/>
-      </G>:A==="redux"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>;else if(O==="redux")J=<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}}>
-          {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}/>}
+          {F({icon:<Co color={e.purple}size={16}/>,label:w("settings.redux.autoRefresh"),description:w("settings.redux.autoRefreshDescription"),onPress:()=>Qo(r=>!r),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:Ye?e.purple:e.grayTextWeak,backgroundColor:Ye?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {Ye&&<K size={12}color={e.purple}/>}
               </C>})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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})}
+          {F({icon:<Ce color={e.purple}size={16}/>,label:w("settings.redux.defaultJsonExpandDepth"),description:w("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:Br,onSelect:Xo},isLast:!0})}
         </C>
 
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.redux.clearReduxState"),description:w(ze?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{et(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}}/>
-      </G>:A==="crash"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>;else if(O==="crash"){const r=!!P?.js&&!P?.native&&!!P?.render&&!P?.promise&&!P?.custom,B=!P?.js&&!P?.native&&!P?.render&&!P?.promise&&!P?.custom,D=!!P?.js&&!!P?.native&&!!P?.render&&!!P?.promise&&!!P?.custom,H=["js","native","render","promise","custom"].filter(z=>!P?.[z]).length,L=[{key:"js",label:w("settings.crash.ignoreJs","Ignore JS Runtime Crashes"),desc:w("settings.crash.ignoreJsDesc","Bypasses unhandled JS runtime exceptions, TypeError, SyntaxError & ErrorUtils"),icon:<Et size={16}color={e.yellow400}/>},{key:"native",label:w("settings.crash.ignoreNative","Ignore Native Platform Crashes"),desc:w("settings.crash.ignoreNativeDesc","Bypasses iOS Mach-O signals, SIGSEGV, NullPointerException & ExceptionsManager"),icon:<Nt size={16}color={e.cyan600}/>},{key:"render",label:w("settings.crash.ignoreRender","Ignore React Render Errors"),desc:w("settings.crash.ignoreRenderDesc","Bypasses React component tree render failures & ErrorBoundary"),icon:<Gt size={16}color={e.purple400}/>},{key:"promise",label:w("settings.crash.ignorePromise","Ignore Promise Rejections"),desc:w("settings.crash.ignorePromiseDesc","Bypasses unhandled asynchronous Promise rejections"),icon:<Ut size={16}color={e.amber400}/>},{key:"custom",label:w("settings.crash.ignoreCustom","Ignore Custom Recorded Errors"),desc:w("settings.crash.ignoreCustomDesc","Bypasses manual recordCustomCrash exceptions & telemetry triggers"),icon:<_t size={16}color={e.emerald400}/>}];J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
+        
+        <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:12}}>
+          <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+            <C style={{flexDirection:"row",alignItems:"center",gap:8}}>
+              <To size={16}color={e.purple}/>
+              <T style={{fontFamily:S.interBold,fontSize:12.5,letterSpacing:.5,color:e.purple}}>
+                {w("settings.crash.governancePresets","GOVERNANCE PRESETS")}
+              </T>
+            </C>
+            <C style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${e.purple}14`}}>
+              <T style={{fontFamily:S.interBold,fontSize:10.5,color:e.purple}}>
+                {H} / 5 PROTECTED
+              </T>
+            </C>
+          </C>
+
+          
+          <C style={{flexDirection:"row",gap:8}}>
+            <V onPress={()=>Re("balanced")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:r?e.purple:e.grayBorderSecondary,backgroundColor:r?`${e.purple}12`:e.grayBackground,alignItems:"center",gap:4}}>
+              <Ot size={16}color={r?e.purple:e.grayText}/>
+              <T style={{fontFamily:S.interBold,fontSize:11,color:r?e.purple:e.primaryBlack}}>
+                {w("settings.crash.presetBalanced","Balanced")}
+              </T>
+            </V>
+
+            <V onPress={()=>Re("max_shield")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:B?e.greenColor:e.grayBorderSecondary,backgroundColor:B?`${e.greenColor}12`:e.grayBackground,alignItems:"center",gap:4}}>
+              <To size={16}color={B?e.greenColor:e.grayText}/>
+              <T style={{fontFamily:S.interBold,fontSize:11,color:B?e.greenColor:e.primaryBlack}}>
+                {w("settings.crash.presetMaxShield","Max Shield")}
+              </T>
+            </V>
+
+            <V onPress={()=>Re("silent")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:D?e.grayTextWeak:e.grayBorderSecondary,backgroundColor:D?`${e.grayTextWeak}1A`:e.grayBackground,alignItems:"center",gap:4}}>
+              <Mt size={16}color={D?e.grayText:e.grayTextWeak}/>
+              <T style={{fontFamily:S.interBold,fontSize:11,color:D?e.grayText:e.primaryBlack}}>
+                {w("settings.crash.presetSilent","Silent Mode")}
+              </T>
+            </V>
+          </C>
+
+          <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText}}>
+            {r?w("settings.crash.presetBalancedDesc","Recommended: Native & Promise protected; JS & Render ignored for clean dev workflow"):B?w("settings.crash.presetMaxShieldDesc","100% Protection: Intercepts & captures all 5 error categories"):D?w("settings.crash.presetSilentDesc","Bypasses all error modals & badges for screencasts & clean demos"):w("settings.crash.categoryMatrix","Customized rule matrix actively configured below")}
+          </T>
+        </C>
+
+        
         <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4}}>
-          {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)"}})}
+          <T style={{fontFamily:S.interBold,fontSize:12.5,letterSpacing:.5,color:e.purple,marginBottom:4}}>
+            {w("settings.crash.categoryMatrix","ERROR INTERCEPTION & IGNORED CATEGORIES")}
+          </T>
+
+          {L.map((z,Se)=>{const q=!!P?.[z.key],ut=Se===L.length-1;return F({key:z.key,icon:z.icon,label:z.label,description:z.desc,isLast:ut,onPress:()=>{rt(Er=>({...Er,[z.key]:!Er[z.key]}))},right:<C style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                  <C style={{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:q?`${e.warningIconGold}18`:`${e.greenColor}18`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:q?e.warningIconGold:e.greenColor}}>
+                      {q?w("settings.crash.ignoredBadge","IGNORED"):w("settings.crash.protectedBadge","PROTECTED")}
+                    </T>
+                  </C>
+                  <C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:q?e.purple:e.grayTextWeak,backgroundColor:q?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                    {q&&<K size={12}color={e.purple}/>}
+                  </C>
+                </C>})})}
+        </C>
+
+        
+        <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary}}>
+          {F({icon:<So color={e.purple}size={16}/>,label:w("settings.crash.modalTriggerTitle","Modal Alert Display Policy"),description:w("settings.crash.modalTriggerDesc","Configure when the full-screen diagnostic modal appears"),isLast:!0,picker:{options:["fatal_only","all_errors","silent_tab_only"],selectedValue:ot||"fatal_only",onSelect:z=>Rr(z),formatLabel:z=>z==="fatal_only"?w("settings.crash.policyFatalOnly","Fatal Only"):z==="all_errors"?w("settings.crash.policyAllErrors","All Caught"):w("settings.crash.policySilent","Silent Only")}})}
+        </C>
+
+        
+        <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:4}}>
+          {F({icon:<Ce color={e.purple}size={16}/>,label:w("settings.crash.maxCrashLogs","Max Crash Logs Buffer"),description:w("settings.crash.maxCrashLogsDesc","How many crash records to preserve in history (5-100)"),numericInput:{value:zr,onChange:Vr,min:5,max:100,placeholder:"Enter max crashes (5-100)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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")}
+          {F({icon:<Jt color={e.purple}size={16}/>,label:w("settings.crash.resetDefaults","Reset to Defaults"),description:w("settings.crash.resetDefaultsDesc","Restore recommended balanced crash protection settings"),onPress:()=>{Re("balanced"),Vr(50),Rr("fatal_only"),N.alert(w("common.success","Success"),w("settings.crash.resetDefaultsDesc","Restore recommended balanced crash protection settings"))},right:<C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:`${e.purple}14`,borderWidth:1,borderColor:`${e.purple}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:11,color:e.purple}}>
+                  {w("settings.reset","Reset")}
                 </T>
               </C>})}
-        </C>
-
-        <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          <C style={{height:1,backgroundColor:e.dividerColor}}/>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("settings.crash.clearHistory","Clear Crash History"),description:w("settings.crash.clearHistoryDesc",{count:Ve?.length||0}),isLast:!0,onPress:()=>{Rt(),N.alert(w("common.success","Success"),w("settings.crash.historyCleared","Crash logs 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")}
+                  {w("common.clear","Clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </G>:A==="push"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>}else O==="push"?J=<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}}>
-          {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)"}})}
+          {F({icon:<Ce color={e.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:tt,onChange:it,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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`}}>
+          {F({icon:<Ho 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>
@@ -756,54 +850,54 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
         
         <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}}>
-            <We size={13}color={e.amber500}/>
+            <Sr size={13}color={e.amber500}/>
             <T style={{fontFamily:S.interBold,fontSize:12,color:e.primaryBlack}}>
               {w("settings.simulatePushTitle","SIMULATE TEST PUSH NOTIFICATIONS")}
             </T>
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <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}}>
+            <V onPress={()=>{Ie("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.sky600}}>
                 + Salesforce MC
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.darkOrange}}>
                 + Firebase FCM
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.primaryBlack}}>
                 + Apple APNs
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.brandPurple}}>
                 + Deep Link
               </T>
-            </B>
+            </V>
           </C>
         </C>
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {F({icon:<U color={e.errorColor}size={16}/>,label:w("push.clearTitle","Clear Push History"),description:`Permanently remove all ${Fe?.length||0} recorded notifications`,isLast:!0,onPress:()=>{lt(),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}}/>
-      </G>:A==="socket"?K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:O==="socket"?J=<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}}>
-          {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)"}})}
+          {F({icon:<Ce color={e.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:at,onChange:nt,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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`}}>
+          {F({icon:<Po 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>
@@ -813,65 +907,65 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
         
         <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}}>
-            <We size={13}color={e.amber500}/>
+            <Sr size={13}color={e.amber500}/>
             <T style={{fontFamily:S.interBold,fontSize:12,color:e.primaryBlack}}>
               {w("settings.simulateSocketTitle","SIMULATE TEST SOCKET CONNECTIONS")}
             </T>
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <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}}>
+            <V onPress={()=>{He("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.blue600}}>
                 + Chat Room (WS)
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{He("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.emerald600}}>
                 + Crypto Feed (WSS)
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{He("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.violet600}}>
                 + Socket.IO Room
               </T>
-            </B>
+            </V>
 
-            <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}}>
+            <V onPress={()=>{He("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}}>
               <T style={{fontSize:11,fontFamily:S.interSemiBold,color:e.brandPurple}}>
                 + Echo Test
               </T>
-            </B>
+            </V>
           </C>
         </C>
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {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 ${De?.length||0} recorded sessions`,isLast:!0,onPress:()=>{st(),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}}/>
-      </G>:A==="media"&&(K=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </G>:O==="media"&&(J=<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}}>
-            <We size={13}color={e.amber500}/>
+            <Sr size={13}color={e.amber500}/>
             <T style={{fontFamily:S.interBold,fontSize:12,color:e.primaryBlack}}>
               {w("settings.directCaptureShortcuts","DIRECT CAPTURE SHORTCUTS")}
             </T>
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:8}}>
-            <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}/>
+            <V onPress={async()=>{v("light"),await kr.takeScreenshot({format:Ze.toLowerCase(),quality:.9,hideInspector:A})&&(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}}>
+              <Te color={e.purple}size={14}/>
               <T style={{fontSize:11,fontFamily:S.interBold,color:e.purple}}>
                 Take Screenshot
               </T>
-            </B>
+            </V>
           </C>
         </C>
 
@@ -879,7 +973,7 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}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"}}>
-              <Se color={e.purple}size={16}/>
+              <Te color={e.purple}size={16}/>
             </C>
             <C style={{flex:1}}>
               <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -891,26 +985,26 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
             </C>
           </C>
 
-          {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}}>
+          {F({icon:<Do 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 B=Ze===r;return<V key={r}onPress={()=>{v("light"),Fr(r),I(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                         {r.toUpperCase()}
                       </T>
-                    </B>})}
+                    </V>})}
               </C>})}
 
-          {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"}
+          {F({icon:<Ge 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"),ve(r=>!r),I(`Auto-hide overlay: ${A?"OFF":"ON"}`)},right:<V onPress={()=>{v("light"),ve(r=>!r),I(`Auto-hide overlay: ${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?w("settings.media.enabled","ON"):"OFF"}
                 </T>
-              </B>})}
+              </V>})}
         </C>
 
         
         <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"}}>
-              <Pr color={e.purple}size={16}/>
+              <Cr color={e.purple}size={16}/>
             </C>
             <C style={{flex:1}}>
               <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:e.primaryBlack}}>
@@ -922,49 +1016,49 @@ import{useMemo as he,useState as be,useEffect as ve,useRef as ko}from"react";imp
             </C>
           </C>
 
-          {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}}>
+          {F({icon:<Fo 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 B=Ir===r.key;return<V key={r.key}onPress={()=>{v("light"),Dr(r.key),I(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                         {r.label}
                       </T>
-                    </B>})}
+                    </V>})}
               </C>})}
 
-          {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}}>
+          {F({icon:<Ro 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 B=Hr===r;return<V key={r}onPress={()=>{v("light"),vr(r),I(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:B?e.purple:`${e.purple}14`,borderWidth:1,borderColor:B?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:B?e.white:e.purple}}>
                         {r}fps
                       </T>
-                    </B>})}
+                    </V>})}
               </C>})}
 
-          {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"}
+          {F({icon:<Io 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"),Pe(r=>!r),I(`GIF optimization: ${M?"OFF":"ON"}`)},right:<V onPress={()=>{v("light"),Pe(r=>!r),I(`GIF optimization: ${M?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:M?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:M?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:10.5,color:M?e.emerald500:e.grayText}}>
+                  {M?"ON":"OFF"}
                 </T>
-              </B>})}
+              </V>})}
         </C>
 
         
         <C style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {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 kr.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`}}>
                 <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}}/>
-      </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}}>
+      </G>);const Me=ht(new or.Value(0)).current;return rr(()=>{O!=="main"&&(Me.setValue(0),or.spring(Me,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[O]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
       
-      <C style={[rr.absoluteFill,A!=="main"&&{pointerEvents:"none"}]}>
-        {So()}
+      <C style={[jr.absoluteFill,O!=="main"&&{pointerEvents:"none"}]}>
+        {yt()}
       </C>
 
       
-      {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!=="main"&&<or.View style={[jr.absoluteFill,{backgroundColor:e.grayBackground,opacity:Me,transform:[{translateX:Me.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {J}
+        </or.View>}
 
       
-      <$o visible={fo}onClose={()=>Je(!1)}/>
-    </C>};export default Xo;
+      <Dt visible={ct}onClose={()=>Lr(!1)}/>
+    </C>};export default ki;