react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -1,4 +1,4 @@
-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}}>
+import{useMemo as Xe,useState as Me,useEffect as Ze,useRef as jr}from"react";import{Alert as j,Animated as _,Platform as Ur,ScrollView as J,StyleSheet as Gr,Switch as Tt,Text as T,TextInput as _r,View as C}from"react-native";import{animateNextLayout as Jr,useInspector as Rt}from"./InspectorContext";import V from"../TouchableScale";import Yr from"../Slider";import{toggleGlobalTheme as Vt}from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as S}from"../../styles/AppFonts";import{DEFAULT_HIDDEN_URL_PATTERNS as er}from"../../constants";import{calculateRamBasedLimits as zt}from"../../helpers/settingsStore";import{clearNetworkLogs as Bt}from"../../customHooks/networkLogger";import{clearConsoleLogs as Ft}from"../../customHooks/consoleLogger";import{clearAnalyticsEvents as It,isAnalyticsConnected as Kr}from"../../customHooks/analyticsLogger";import{clearCrashRecords as Dt}from"../../customHooks/crashHandler";import{isReduxConnected as Qr}from"../../customHooks/reduxLogger";import{useTranslation as $t,SUPPORTED_LANGUAGES as Xr,getLanguage as Ht}from"../../i18n";import{LanguageSelectorModal as Pt}from"./LanguageSelectorModal";import{GlobeIcon as Zr,SignalIcon as Co,TerminalIcon as So,AnalyticsIcon as To,SettingsIcon as Wt,SunIcon as Lt,MoonIcon as At,ScreenIcon as Ro,MotionIcon as Et,LayersIcon as X,EyeIcon as Ce,CheckIcon as Se,TrashIcon as O,PackageIcon as Ot,ReduxIcon as Vo,CrashIcon as Mt,ShieldAlertIcon as Bo,ShieldCheckIcon as Fo,ScaleBalanceIcon as Nt,VolumeMuteIcon as Ut,JsIcon as Gt,ChipIcon as _t,LayoutIcon as Jt,HourglassIcon as Yt,CodeBracketsIcon as Io,LockIcon as Kt,RefreshCcwIcon as Qt,ForwardChevronIcon as Do,ChevronDownIcon as Xt,BrainIcon as $o,SmartphoneIcon as Zt,DatabaseIcon as Ci,QrCodeIcon as Si,FilmIcon as Ho,ScreencastIcon as Ti,CameraIcon as Te,VideoCameraIcon as Cr,MicrophoneIcon as Po,GifIcon as Wo,ImageIcon as Lo,BellIcon as Ao,WebsocketIcon as Eo,SpeedometerIcon as Ri,BoltIcon as Sr}from"../NetworkIcons";import{ScreenCapture as kr}from"../../capture";import{triggerNativeHaptic as D}from"../../native/NativeInspector";import{isLocalDebugEnvironment as Vi}from"../../helpers";import{showToast as B}from"../../helpers/toast";import{pruneAllLogs as zi}from"../../helpers/memoryManager";const Bi=()=>{const{t:w}=$t(),{settingsPage:v,setSettingsPage:Oo,settingsActiveSubTab:q,setSettingsActiveSubTab:xr,tabVisibility:Y,toggleTabVisibility:Tr,defaultTab:K,setDefaultTab:Mo,isDark:Z,setIsDark:No,modalHeightPercent:Re,setModalHeightPercent:jo,modalAnimationType:Uo,setModalAnimationType:Go,showDuplicateLogs:Ne,setShowDuplicateLogs:_o,showUpdateToast:je,setShowUpdateToast:Jo,showConsoleLevels:qo,setShowConsoleLevels:Yo,closeModal:Fi,logs:Ue,consoleLogs:Ge,analyticsEvents:_e,reduxState:Ve,maxConsoleLogs:Rr,setMaxConsoleLogs:Ko,maxAnalyticsEventsLimit:Vr,setMaxAnalyticsEventsLimit:Qo,isAutoRamLimitEnabled:W,setIsAutoRamLimitEnabled:Xo,deviceFreeRamMb:Je,reduxAutoRefresh:qe,setReduxAutoRefreshState:Zo,reduxExpandDepth:et,setReduxExpandDepth:rt,setSelected:ot,setSelectedEvent:tt,setReduxState:it,crashRecords:ze,maxCrashLogs:zr,setMaxCrashLogs:Br,crashIgnoredTypes:H,setCrashIgnoredTypes:lt,crashModalTriggerPolicy:at,setCrashModalTriggerPolicyState:Fr,applyCrashPolicyPreset:Be,pushRecords:Fe,maxPushLogs:nt,setMaxPushLogs:st,clearAllPushLogs:dt,simulatePush:Ie,socketRecords:De,maxSocketLogs:ct,setMaxSocketLogs:gt,clearAllSocketLogs:pt,simulateSocket:$e,captureImageFormat:Ye,setCaptureImageFormat:Ir,captureAutoHide:L,setCaptureAutoHide:He,captureAudioMode:Dr,setCaptureAudioMode:$r,captureFps:Hr,setCaptureFps:Pr,captureScale:Ii,setCaptureScale:Di,captureBitrate:$i,setCaptureBitrate:Hi,captureMaxDurationSeconds:Pi,setCaptureMaxDurationSeconds:Wi,captureAutoGif:A,setCaptureAutoGif:Pe,captureWidgetEnabled:Q,setCaptureWidgetEnabled:Wr,peekOpacity:Lr,setPeekOpacity:yt,hiddenUrlPatterns:ee,setHiddenUrlPatterns:Ke}=Rt(),[We,vr]=Me(""),[Le,Ar]=Me(Re),[ut,Er]=Me(!1),ht=Ht(),ve=Xr.find(r=>r.code===ht)||Xr[0],Or=()=>{const r=We.trim();if(r){if(ee.includes(r)){B("Pattern already exists in filter list");return}try{new RegExp(r)}catch{}D("light"),Ke(R=>[...R,r]),vr(""),B("Hidden URL pattern added")}},bt=r=>{const R=ee[r];if(er.includes(R)){B("Default system filter cannot be removed");return}D("light"),Ke(I=>I.filter((P,E)=>E!==r)),B("Pattern removed")};Ze(()=>{Ar(Re)},[Re]);const M=jr(new _.Value(1)).current;Ze(()=>{M.setValue(0),_.spring(M,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start()},[q]);const Ae=zt(Je),N=Xe(()=>[{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:"perf",label:"Performance & FPS",category:"telemetry",icon:"perf",desc:"Live 60 FPS graph, JS event loop queue lag, memory heap & jank monitor"},{id:4,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:5,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:6,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:7,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:8,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:9,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:10,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:11,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:12,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"?Ur.OS==="android"&&Vi():!0),[]),mt={apis:{color:e.blue500,bg:`${e.blue500}14`,border:`${e.blue500}2E`},logs:{color:e.purple,bg:`${e.purple}14`,border:`${e.purple}2E`},perf:{color:e.purple,bg:`${e.purple}14`,border:`${e.purple}2E`},analytics:{color:e.amber600,bg:`${e.amber600}14`,border:`${e.amber600}2E`},redux:{color:e.violet600,bg:`${e.violet600}14`,border:`${e.violet600}2E`},storage:{color:e.cyan600,bg:`${e.cyan600}14`,border:`${e.cyan600}2E`},device:{color:e.emerald600,bg:`${e.emerald600}14`,border:`${e.emerald600}2E`},crash:{color:e.red600,bg:`${e.red600}14`,border:`${e.red600}2E`},debugging:{color:e.indigo600,bg:`${e.indigo600}14`,border:`${e.indigo600}2E`},media:{color:e.pink600,bg:`${e.pink600}14`,border:`${e.pink600}2E`},push:{color:e.orange600,bg:`${e.orange600}14`,border:`${e.orange600}2E`},socket:{color:e.teal600,bg:`${e.teal600}14`,border:`${e.teal600}2E`}},Ee=Xe(()=>N.filter(r=>!(r.key==="apis"||r.key==="redux"&&!Qr()||r.key==="analytics"&&!Kr())),[N]),ft=N.filter(r=>r.key==="apis"||!!Y?.[r.key]).length,re=Xe(()=>Ee.length===0?!1:Ee.every(r=>!!Y?.[r.key]),[Ee,Y]),Ct=r=>{r!=="apis"&&(D("light"),Tr(r))},wt=()=>{D("medium");const r=!re;Ee.forEach(R=>{!!Y?.[R.key]!==r&&Tr(R.key)}),B(r?"All modules enabled":"Optional modules disabled")},[Qe,Mr]=Me(!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}
@@ -15,7 +15,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
         </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}}>
-              <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/>
+              <_r style={{flex:1,fontFamily:S.interMedium,fontSize:14,lineHeight:18,color:e.primaryBlack,paddingVertical:6}}value={String(r.numericInput.value||"")}onChangeText={R=>{const I=parseInt(R.replace(/[^0-9]/g,""),10);if(!isNaN(I)){const P=Math.max(r.numericInput?.min??1,Math.min(r.numericInput?.max??1e4,I));r.numericInput?.onChange(P)}}}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,157 +26,128 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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(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(B):B}
+            {r.picker.options.map(R=>{const I=r.picker.selectedValue===R;return<V key={String(R)}onPress={()=>r.picker.onSelect(R)}style={{flex:1,paddingVertical:6,alignItems:"center",borderRadius:6,backgroundColor:I?e.purple:"transparent"}}>
+                  <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:I?e.white:e.grayText}}>
+                    {r.picker.formatLabel?r.picker.formatLabel(R):R}
                   </T>
                 </V>})}
           </C>}
-      </C>,yt=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
-      <G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
+      </C>,St=()=><C style={{flex:1,backgroundColor:e.grayBackground}}>
+      <J 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: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: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>}
-                </V>})}
-          </G>
+        <C style={{backgroundColor:e.primaryLight,borderRadius:12,padding:3,borderWidth:1,borderColor:e.grayBorderSecondary,flexDirection:"row",alignItems:"center",shadowColor:e.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2}}>
+          {[{key:"module",label:w("settings.navModules","Modules"),Icon:X},{key:"ui",label:w("settings.navDisplay","Display"),Icon:Ro},{key:"limits",label:w("settings.navLimits","Limits"),Icon:$o},{key:"capture",label:w("settings.navCapture","Capture"),Icon:Te}].map(r=>{const R=q===r.key,I=r.Icon;return<V key={r.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={r.label}accessibilityState={{selected:R}}onPress={()=>{D("light"),Jr(),xr(r.key)}}style={{flex:1,minWidth:0,paddingVertical:8,paddingHorizontal:2,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,borderRadius:9,backgroundColor:R?e.purple:"transparent"}}>
+                <I color={R?e.white:e.grayText}size={12}/>
+                <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:R?e.white:e.grayText}}numberOfLines={1}ellipsizeMode="tail">
+                  {r.label}
+                </T>
+              </V>})}
         </C>
 
-        {Q==="module"&&<C style={{gap:12}}>
+        {q==="module"&&<_.View style={{gap:10,opacity:M,transform:[{translateY:M.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
-            <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}}}>
-              <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&&<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}}>
-                    {Ar} of {W.length} modules active
+            <C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:4,paddingVertical:2}}>
+              <C style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                <T style={{fontFamily:S.interBold,fontSize:12.5,lineHeight:16,color:e.primaryBlack}}>
+                  Active Modules
+                </T>
+                <C style={{backgroundColor:`${e.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:10,borderWidth:1,borderColor:`${e.purple}25`}}>
+                  <T style={{fontFamily:S.interBold,fontSize:9.5,color:e.purple}}>
+                    {ft} of {N.length}
                   </T>
                 </C>
-              </V>
+              </C>
 
-              <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"}
+              <V onPress={wt}hitSlop={6}style={{paddingHorizontal:10,paddingVertical:4.5,borderRadius:7,backgroundColor:re?`${e.purple}14`:e.purple,borderWidth:1,borderColor:re?`${e.purple}30`:"transparent"}}>
+                <T style={{fontFamily:S.interBold,fontSize:11,color:re?e.purple:e.white}}>
+                  {re?"Deselect All":"Select All"}
                 </T>
               </V>
             </C>
 
             
-            <C style={{gap:10}}>
-              {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={{gap:8}}>
+              {N.map(r=>{const R=Qr(),I=Kr(),P=r.key==="redux"&&!R||r.key==="analytics"&&!I,E=r.key==="apis"||P,z=r.key==="apis"||!!Y?.[r.key]&&!P,$=mt[r.key]||{color:e.purple,bg:`${e.purple}14`,border:`${e.purple}2E`},G=r.key==="apis"||r.key==="logs"||r.key==="analytics"||r.key==="redux"||r.key==="crash"||r.key==="push"||r.key==="socket",oe=r.key==="apis"?Ue.length>0?`${Ue.length} requests`:"":r.key==="logs"?Ge.length>0?`${Ge.length} logs`:"":r.key==="crash"?ze&&ze.length>0?`${ze.length} crashes`:"":r.key==="analytics"?_e.length>0?`${_e.length} events`:"":r.key==="redux"?Ve&&Object.keys(Ve).length>0?`${Object.keys(Ve).length} slices`:"":r.key==="push"?Fe&&Fe.length>0?`${Fe.length} notifications`:"":r.key==="socket"&&De&&De.length>0?`${De.length} sockets`:"";return<C key={r.key}style={{backgroundColor:e.primaryLight,borderRadius:13,borderWidth:1,borderColor:z?`${$.color}38`:e.grayBorderSecondary,padding:12,gap:8,shadowColor:e.black,shadowOpacity:z?.03:.01,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5}}>
                     
-                    <C style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
+                    <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
                       
-                      <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>
+                      <C style={{width:38,height:38,borderRadius:10,backgroundColor:z?$.bg:e.grayBackground,borderWidth:1,borderColor:z?$.border:e.grayBorderSecondary,alignItems:"center",justifyContent:"center",flexShrink:0}}>
+                        {r.icon==="apis"&&<Co color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="logs"&&<So color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="perf"&&<Ri color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="crash"&&<Mt color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="analytics"&&<To color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="redux"&&<Vo color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="device"&&<Zt color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="storage"&&<Ci color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="debugging"&&<Si color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="media"&&<Ti color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="push"&&<Ao color={z?$.color:e.grayTextWeak}size={16}/>}
+                        {r.icon==="socket"&&<Eo color={z?$.color:e.grayTextWeak}size={16}/>}
+                      </C>
 
                       
-                      <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: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,minWidth:0,justifyContent:"center"}}>
+                        <C style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                          <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:E?e.grayText:e.primaryBlack}}numberOfLines={1}>
+                            {r.label}
+                          </T>
 
-                        
-                        <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: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}
+                          
+                          {r.key==="apis"&&<C style={{backgroundColor:`${e.blue500}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${e.blue500}33`}}>
+                              <T style={{fontFamily:S.interBold,fontSize:7.5,lineHeight:10,color:e.blue500,letterSpacing:.3}}>
+                                CORE
                               </T>
-                            </C>
-                            <T style={{fontFamily:S.interBold,fontSize:14,lineHeight:18,color:L?e.grayText:e.primaryBlack}}>
-                              {r.label}
-                            </T>
+                            </C>}
 
-                            
-                            {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")}
-                                  </T>
-                                </C>}
-
-                            
-                            {r.key==="apis"?<C style={{backgroundColor:`${e.blue500}14`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.blue500}33`}}>
-                                <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.blue500,letterSpacing:.3}}>
-                                  {w("settings.coreBadge")}
-                                </T>
-                              </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>: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>
-                              </C>:<C style={{backgroundColor:`${e.grayTextWeak}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${e.grayTextWeak}2E`}}>
-                                <T style={{fontFamily:S.interBold,fontSize:8,lineHeight:11,color:e.grayTextWeak,letterSpacing:.3}}>
-                                  {w("settings.dormantBadge")}
-                                </T>
-                              </C>}
-                          </C>
-
-                          <T style={{fontFamily:S.interRegular,fontSize:11,color:e.grayText,lineHeight:15,marginTop:1}}>
-                            {r.desc}
-                          </T>
+                          {r.key===K&&<C style={{backgroundColor:`${e.purple}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${e.purple}2E`}}>
+                              <T style={{fontFamily:S.interBold,fontSize:7.5,lineHeight:10,color:e.purple,letterSpacing:.3}}>
+                                DEFAULT
+                              </T>
+                            </C>}
+
+                          {P&&<C style={{backgroundColor:`${e.amber500}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${e.amber500}33`}}>
+                              <T style={{fontFamily:S.interBold,fontSize:7.5,lineHeight:10,color:e.amber700,letterSpacing:.3}}>
+                                OFFLINE
+                              </T>
+                            </C>}
                         </C>
-                      </V>
+
+                        <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayTextWeak,marginTop:1.5}}numberOfLines={1}ellipsizeMode="tail">
+                          {r.desc}
+                        </T>
+                      </C>
+
+                      
+                      <Tt value={z}disabled={E}onValueChange={()=>Ct(r.key)}trackColor={{false:e.grayBorderSecondary,true:e.purple}}thumbColor={e.white}ios_backgroundColor={e.grayBorderSecondary}style={{transform:[{scaleX:.8},{scaleY:.8}]}}/>
                     </C>
 
                     
-                    {!H&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor}}>
+                    {(oe||G||r.key==="media")&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:7,borderTopWidth:1,borderTopColor:`${e.dividerColor}99`,marginTop:1}}>
                         
-                        {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}}>
-                              {Se}
-                            </T>
-                          </C>:<C style={{flex:1}}/>}
+                        <C style={{flexDirection:"row",alignItems:"center",gap:5,flex:1}}>
+                          {oe?<C style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                              <C style={{width:5.5,height:5.5,borderRadius:3,backgroundColor:z?$.color:e.grayTextWeak}}/>
+                              <T style={{fontFamily:S.interMedium,fontSize:10.5,lineHeight:14,color:z?e.grayTextStrong:e.grayTextWeak}}>
+                                {oe}
+                              </T>
+                            </C>:<C/>}
+                        </C>
 
                         
-                        <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>
-                          <Bo color={e.purple}size={9}/>
-                        </V>
+                        {(G||r.key==="media")&&<V onPress={()=>{D("light"),r.key==="media"?(Jr(),xr("capture")):Oo(r.key)}}hitSlop={6}style={{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:8.5,paddingVertical:4,borderRadius:6.5,backgroundColor:`${$.color}14`,borderWidth:1,borderColor:`${$.color}2A`}}>
+                            <Wt color={$.color}size={10}/>
+                            <T style={{fontFamily:S.interBold,fontSize:10,lineHeight:13,color:$.color}}>
+                              {w("settings.configure","Configure")}
+                            </T>
+                            <Do color={$.color}size={8}/>
+                          </V>}
                       </C>}
                   </C>})}
             </C>
-          </C>}
+          </_.View>}
 
-        {Q==="ui"&&<C style={{gap:14}}>
+        {q==="ui"&&<_.View style={{gap:14,opacity:M,transform:[{translateY:M.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <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 +157,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                    {we?<Pt color={e.purple}size={15}/>:<Wt color={e.purple}size={15}/>}
+                    {Z?<Lt color={e.purple}size={15}/>:<At color={e.purple}size={15}/>}
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -198,7 +169,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:Z}}onPress={()=>{const r=!Z;No(r),Vt(r)}}style={{width:42,height:24,borderRadius:12,backgroundColor:Z?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Z?"flex-end":"flex-start"}}>
                   <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </V>
               </C>
@@ -209,7 +180,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                    <Kr color={e.blue600}size={15}/>
+                    <Zr color={e.blue600}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -221,12 +192,12 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                   </C>
                 </C>
 
-                <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}/>}
+                <V onPress={()=>{D("light"),Er(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:e.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${e.purple}20`}}>
+                  {ve?.flag?<T style={{fontSize:13}}>{ve.flag}</T>:<Zr size={14}color={e.purple}/>}
                   <T style={{fontFamily:S.interSemiBold,fontSize:12,color:e.purple}}>
-                    {$e?.nativeName||$e?.name||"English"}
+                    {ve?.nativeName||ve?.name||"English"}
                   </T>
-                  <Bo size={11}color={e.purple}/>
+                  <Do size={11}color={e.purple}/>
                 </V>
               </C>
             </C>
@@ -242,7 +213,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                      <Zr color={e.purple}size={15}/>
+                      <Ro 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 +225,16 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                     </C>
                   </C>
 
-                  {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}/>
+                  {Le!==Re&&<V onPress={()=>{jo(Le)}}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}}>
+                      <Se size={11}color={e.white}/>
                       <T style={{fontFamily:S.interBold,fontSize:11,color:e.white}}>
-                        Save ({We}%)
+                        Save ({Le}%)
                       </T>
                     </V>}
                 </C>
 
                 <C style={{marginTop:6}}>
-                  <Ur value={We}onValueChange={$r}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
+                  <Yr value={Le}onValueChange={Ar}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={r=>`${Math.round(r)}%`}/>
                 </C>
               </C>
 
@@ -274,7 +245,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                      <Ge color={"#06B6D4"}size={15}/>
+                      <Ce color={"#06B6D4"}size={15}/>
                     </C>
                     <C style={{flex:1}}>
                       <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -288,13 +259,13 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                      {Wr.toFixed(1)}
+                      {Lr.toFixed(1)}
                     </T>
                   </C>
                 </C>
 
                 <C style={{marginTop:6}}>
-                  <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)}/>
+                  <Yr value={Lr}onValueChange={r=>{const R=Math.round(r*10)/10;yt(R)}}min={.1}max={1}step={.1}quickPresets={[.1,.3,.5,.7,1]}formatLabel={r=>r.toFixed(1)}/>
                 </C>
               </C>
 
@@ -304,7 +275,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                    <$t color={e.purple}size={15}/>
+                    <Et color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
@@ -317,8 +288,8 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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 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}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(r=>{const R=Uo===r.key;return<V key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${r.label}`}accessibilityState={{selected:R}}onPress={()=>Go(r.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:R?e.purple:"transparent"}}>
+                        <T style={{fontFamily:S.interBold,fontSize:11.5,lineHeight:15,color:R?e.white:e.grayText}}>
                           {r.label}
                         </T>
                       </V>})}
@@ -334,7 +305,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                  <Ce color={e.purple}size={15}/>
+                  <X 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 +319,11 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
 
               
               <C style={{marginTop:6,gap:6}}>
-                <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}}>
+                <V accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${N.find(r=>r.key===K)?.label||"APIs"}`}onPress={()=>Mr(r=>!r)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:Qe?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}}>
-                      {W.find(r=>r.key===X)?`#${W.find(r=>r.key===X)?.id} ${W.find(r=>r.key===X)?.label}`:"#1 APIs (Network)"}
+                      {N.find(r=>r.key===K)?`#${N.find(r=>r.key===K)?.id} ${N.find(r=>r.key===K)?.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,21 +332,21 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                     </C>
                   </C>
 
-                  <C style={{transform:[{rotate:er?"180deg":"0deg"}]}}>
-                    <Kt color={e.grayText}size={15}/>
+                  <C style={{transform:[{rotate:Qe?"180deg":"0deg"}]}}>
+                    <Xt color={e.grayText}size={15}/>
                   </C>
                 </V>
 
                 
-                {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}}>
+                {Qe&&<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}}>
+                    {N.filter(r=>r.key==="apis"||Y?.[r.key]).map((r,R,I)=>{const P=K===r.key,E=R===I.length-1;return<V key={r.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${r.label} as default tab`}onPress={()=>{Mo(r.key),Mr(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:P?`${e.purple}0F`:"transparent",borderBottomWidth:E?0:1,borderBottomColor:e.dividerColor}}>
                             <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                              <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}}>
+                              <C style={{width:6,height:6,borderRadius:3,backgroundColor:P?e.purple:e.grayTextWeak}}/>
+                              <T style={{fontFamily:P?S.interBold:S.interMedium,fontSize:13,color:P?e.purple:e.primaryBlack}}>
                                 #{r.id} {r.label}
                               </T>
                             </C>
-                            {H&&<K size={14}color={e.purple}/>}
+                            {P&&<Se size={14}color={e.purple}/>}
                           </V>})}
                   </C>}
               </C>
@@ -390,27 +361,26 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                    <Lt color={e.purple}size={15}/>
+                    <Ot color={e.purple}size={15}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
                       NPM Update Toast
                     </T>
                     <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                      Show a floating toast banner with countdown progress when
-                      a newer release is published on npm.
+                      {w("settings.npmUpdateToastDesc","Show a floating toast banner with countdown progress when a newer release is published on npm.")}
                     </T>
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:je}}onPress={()=>Jo(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:je?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:je?"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}}}/>
                 </V>
               </C>
             </C>
-          </C>}
+          </_.View>}
 
-        {Q==="limits"&&<C style={{gap:14}}>
+        {q==="limits"&&<_.View style={{gap:14,opacity:M,transform:[{translateY:M.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <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,20 +391,19 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                    <Vo color={e.purple}size={16}/>
+                    <$o color={e.purple}size={16}/>
                   </C>
                   <C style={{flex:1}}>
                     <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
                       Auto-Calculate Limits from RAM
                     </T>
                     <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                      Dynamically sets log limits according to available device
-                      memory
+                      {w("settings.autoCalculateLimitsRamDesc","Dynamically sets log limits according to available device memory")}
                     </T>
                   </C>
                 </C>
 
-                <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"}}>
+                <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:W}}onPress={()=>Xo(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:W?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:W?"flex-end":"flex-start"}}>
                   <C style={{width:20,height:20,borderRadius:10,backgroundColor:e.white,shadowColor:e.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </V>
               </C>
@@ -443,20 +412,20 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
 
               
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <C style={{width:32,height:32,borderRadius:8,backgroundColor:$?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <Qr color={$?e.purple:e.grayTextWeak}size={15}/>
+                <C style={{width:32,height:32,borderRadius:8,backgroundColor:W?`${e.purple}14`:e.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <Co color={W?e.purple:e.grayTextWeak}size={15}/>
                 </C>
                 <C style={{flex:1}}>
-                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:$?e.primaryBlack:e.grayText}}>
+                  <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:W?e.primaryBlack:e.grayText}}>
                     Detected Available RAM
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                    {Xe} MB available on device
+                    {Je} MB available on device
                   </T>
                 </C>
-                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:$?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:$?`${e.purple}26`:e.dividerColor}}>
-                  <T style={{fontFamily:S.interBold,fontSize:12,lineHeight:15,color:$?e.purple:e.grayText}}>
-                    {Xe} MB
+                <C style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:W?`${e.purple}12`:e.grayBackground,borderWidth:1,borderColor:W?`${e.purple}26`:e.dividerColor}}>
+                  <T style={{fontFamily:S.interBold,fontSize:12,lineHeight:15,color:W?e.purple:e.grayText}}>
+                    {Je} MB
                   </T>
                 </C>
               </C>
@@ -465,17 +434,17 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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: {Le.profileName}
+                    Profile: {Ae.profileName}
                   </T>
-                  <C style={{backgroundColor:$?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
-                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:$?e.emerald500:e.purple}}>
-                      {$?"AUTO-TUNED":"MANUAL"}
+                  <C style={{backgroundColor:W?`${e.emerald500}18`:`${e.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:W?e.emerald500:e.purple}}>
+                      {W?"AUTO-TUNED":"MANUAL"}
                     </T>
                   </C>
                 </C>
 
                 <C style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"Logs",value:$?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`}}>
+                  {[{label:"Logs",value:W?Ae.maxConsoleLogs:Rr,color:e.sky500},{label:"Analytics",value:W?Ae.maxAnalyticsEvents:Vr,color:e.purple},{label:"Crash",value:W?Ae.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,15 +464,14 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                  <So color={e.emerald500}size={15}/>
+                  <Bo color={e.emerald500}size={15}/>
                 </C>
                 <C style={{flex:1}}>
                   <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
                     OS Memory Warning Guard
                   </T>
                   <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayText,marginTop:1}}>
-                    Automatically prunes in-memory buffers by 50% when the OS
-                    signals low memory
+                    {w("settings.osMemoryWarningGuardDesc","Automatically prunes in-memory buffers by 50% when the OS signals low memory")}
                   </T>
                 </C>
                 <C style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${e.emerald500}18`}}>
@@ -525,16 +493,16 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                     {w("settings.memory.manualDescription","Prune older entries across all log stores and free RAM")}
                   </T>
                 </C>
-                <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}/>
+                <V onPress={()=>{const r=zi("manual",.5);B(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}}>
+                  <O size={13}color={e.white}/>
                   <T style={{fontFamily:S.interBold,fontSize:11.5,color:e.white}}>
                     Prune Now
                   </T>
                 </V>
               </C>
             </C>
-          </C>}
-        {Q==="capture"&&<C style={{gap:16}}>
+          </_.View>}
+        {q==="capture"&&<_.View style={{gap:16,opacity:M,transform:[{translateY:M.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <C style={{backgroundColor:e.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,gap:12}}>
               <C style={{flexDirection:"row",alignItems:"center",gap:10}}>
@@ -551,9 +519,9 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                 </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"}
+              {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:()=>{D("light"),Wr(r=>!r),B(`Capture widget: ${Q?"OFF":"ON"}`)},right:<V onPress={()=>{D("light"),Wr(r=>!r),B(`Capture widget: ${Q?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:Q?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:Q?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:Q?e.emerald500:e.grayText}}>
+                      {Q?w("settings.media.enabled","ON"):"OFF"}
                     </T>
                   </V>})}
             </C>
@@ -574,17 +542,17 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                 </C>
               </C>
 
-              {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}}>
+              {F({icon:<Lo 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 R=Ye===r;return<V key={r}onPress={()=>{D("light"),Ir(r),B(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                             {r.toUpperCase()}
                           </T>
                         </V>})}
                   </C>})}
 
-              {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"}
+              {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:()=>{D("light"),He(r=>!r),B(`Auto-hide overlay: ${L?"OFF":"ON"}`)},right:<V onPress={()=>{D("light"),He(r=>!r),B(`Auto-hide overlay: ${L?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:L?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:L?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:L?e.emerald500:e.grayText}}>
+                      {L?w("settings.media.enabled","ON"):"OFF"}
                     </T>
                   </V>})}
             </C>
@@ -605,82 +573,118 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
                 </C>
               </C>
 
-              {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}}>
+              {F({icon:<Po 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 R=Dr===r.key;return<V key={r.key}onPress={()=>{D("light"),$r(r.key),B(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                             {r.label}
                           </T>
                         </V>})}
                   </C>})}
 
-              {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}}>
+              {F({icon:<Ho 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 R=Hr===r;return<V key={r}onPress={()=>{D("light"),Pr(r),B(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                          <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                             {r}fps
                           </T>
                         </V>})}
                   </C>})}
 
-              {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"}
+              {F({icon:<Wo 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:()=>{D("light"),Pe(r=>!r),B(`GIF optimization: ${A?"OFF":"ON"}`)},right:<V onPress={()=>{D("light"),Pe(r=>!r),B(`GIF optimization: ${A?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:A?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:A?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:10.5,color:A?e.emerald500:e.grayText}}>
+                      {A?"ON":"OFF"}
                     </T>
                   </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 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`}}>
+              {F({icon:<O 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:()=>{j.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(),B(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}}/>
+          </_.View>}
 
         <C style={{height:48}}/>
-      </G>
+      </J>
+    </C>;let U=null;if(v==="apis")U=<J style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
 
-      
-      {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}}>
-              {Ar} of {W.length} Modules Active
-            </T>
-            <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 style={{backgroundColor:e.primaryLight,borderRadius:14,borderWidth:1,borderColor:e.grayBorderSecondary,padding:16,gap:12}}>
+          <C style={{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",gap:8}}>
+            <C style={{flexDirection:"row",alignItems:"center",gap:8,flex:1}}>
+              <Ce color={e.purple}size={16}/>
+              <C style={{flex:1}}>
+                <T style={{fontFamily:S.interBold,fontSize:13.5,lineHeight:18,color:e.primaryBlack}}>
+                  {w("settings.apis.hideUrlRegexTitle","Hidden URL Filters (Regex)")}
+                </T>
+                <T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayTextWeak,marginTop:2}}>
+                  {w("settings.apis.hideUrlRegexDesc","Hide matching URLs from Network list and search results (calls will still execute normally).")}
+                </T>
+              </C>
+            </C>
+            {ee.length>0&&<V onPress={()=>{D("light"),Ke([...er]),B(w("settings.apis.resetFilterToast","Reset to default URL filters"))}}hitSlop={8}style={{paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:`${e.purple}14`,borderWidth:1,borderColor:`${e.purple}33`,alignSelf:"flex-start"}}>
+                <T style={{fontFamily:S.interSemiBold,fontSize:10,lineHeight:13,color:e.purple}}>
+                  {w("common.resetDefaults","Reset Defaults")}
+                </T>
+              </V>}
           </C>
 
-          <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>
-          </V>
-        </C>}
-    </C>;let J=null;if(O==="apis")J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+          
+          <C style={{flexDirection:"row",alignItems:"center",gap:8,backgroundColor:e.grayBackground,borderRadius:10,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:10,paddingVertical:Ur.OS==="ios"?8:4}}>
+            <Io size={14}color={e.grayTextWeak}/>
+            <_r style={{flex:1,fontFamily:S.interMedium,fontSize:12,lineHeight:16,color:e.primaryBlack,padding:0}}placeholder={w("settings.apis.addPatternPlaceholder","e.g. https://api.example.com or .*analytics.*")}placeholderTextColor={e.grayTextWeak}value={We}onChangeText={vr}autoCapitalize="none"autoCorrect={!1}onSubmitEditing={Or}returnKeyType="done"/>
+            <V onPress={Or}disabled={!We.trim()}style={{paddingHorizontal:10,paddingVertical:5.5,borderRadius:7,backgroundColor:We.trim()?e.purple:`${e.purple}33`}}>
+              <T style={{fontFamily:S.interBold,fontSize:11,lineHeight:14,color:e.white}}>
+                {w("common.add","+ Add")}
+              </T>
+            </V>
+          </C>
 
+          
+          <C style={{gap:6}}>
+            {ee.map((r,R)=>{const I=er.includes(r);return<C key={`${r}-${R}`}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:I?`${e.slate200}44`:e.grayBackground,borderRadius:8,paddingHorizontal:10,paddingVertical:7,borderWidth:1,borderColor:I?`${e.grayBorderSecondary}`:e.grayBorderSecondary,gap:8}}>
+                  <C style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0}}>
+                    <C style={{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,backgroundColor:I?`${e.blue500}18`:`${e.purple}1F`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:9,lineHeight:11,color:I?e.blue600:e.purple}}>
+                        {I?"DEFAULT":"CUSTOM"}
+                      </T>
+                    </C>
+                    <T style={{fontFamily:S.interMedium,fontSize:11.5,lineHeight:15,color:I?e.grayTextStrong:e.primaryBlack,flex:1}}numberOfLines={1}ellipsizeMode="middle">
+                      {r}
+                    </T>
+                  </C>
+                  {I?<C style={{padding:5,borderRadius:5,backgroundColor:`${e.grayTextWeak}18`,alignItems:"center",justifyContent:"center"}}>
+                      <Kt size={12}color={e.grayTextWeak}/>
+                    </C>:<V onPress={()=>bt(R)}hitSlop={8}style={{padding:5,borderRadius:5,backgroundColor:`${e.errorColor}14`}}>
+                      <O size={12}color={e.errorColor}/>
+                    </V>}
+                </C>})}
+            {ee.length===0&&<T style={{fontFamily:S.interRegular,fontSize:11,lineHeight:15,color:e.grayTextWeak,textAlign:"center",paddingVertical:8}}>
+                {w("settings.apis.noFiltersActive","No URL filters active. All URLs will be displayed.")}
+              </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.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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("settings.apis.clearNetworkLogs"),description:w("settings.apis.clearNetworkLogsDescription",{count:Ue.length}),isLast:!0,onPress:()=>{Bt(),ot(null),j.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>;else if(O==="logs")J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>;else if(v==="logs")U=<J 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:<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)"}})}
+          {F({icon:<So color={e.purple}size={16}/>,label:w("settings.logs.maxConsoleLogs"),description:w("settings.logs.maxConsoleLogsDescription"),numericInput:{value:Rr,onChange:Ko,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 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}/>}
+          {["info","warn","error"].map(r=>{const R=qo?.[r],I=r==="error"?e.errorColor:r==="warn"?e.warningIconGold:e.skyBlue,P=w(r==="info"?"settings.logs.showInfo":r==="warn"?"settings.logs.showWarn":"settings.logs.showError"),E=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:I}}/>,label:P,description:E,isLast:r==="error",onPress:()=>Yo(z=>({...z,[r]:!z[r]})),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:R?e.purple:e.grayTextWeak,backgroundColor:R?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                  {R&&<Se size={12}color={e.purple}/>}
                 </C>})})}
         </C>
 
@@ -694,7 +698,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}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"}}>
-                <Ge 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}}>
@@ -706,92 +710,92 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
               </C>
             </C>
 
-            <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"}}>
+            <V accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:Ne}}onPress={()=>_o(r=>!r)}style={{width:42,height:24,borderRadius:12,backgroundColor:Ne?e.purple:e.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Ne?"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}}}/>
             </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: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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("settings.logs.clearConsoleLogs"),description:w("settings.logs.clearConsoleLogsDescription",{count:Ge.length}),isLast:!0,onPress:()=>{Ft(),j.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>;else if(O==="analytics")J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>;else if(v==="analytics")U=<J 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:<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})}
+          {F({icon:<To color={e.purple}size={16}/>,label:w("settings.analytics.maxAnalyticsEvents"),description:w("settings.analytics.maxAnalyticsEventsDescription",{count:_e.length}),numericInput:{value:Vr,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:()=>{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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("settings.analytics.clearAnalyticsEvents"),description:w("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{It(),tt(null),j.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>;else if(O==="redux")J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>;else if(v==="redux")U=<J 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:<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}/>}
+          {F({icon:<Vo color={e.purple}size={16}/>,label:w("settings.redux.autoRefresh"),description:w("settings.redux.autoRefreshDescription"),onPress:()=>Zo(r=>!r),right:<C style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:qe?e.purple:e.grayTextWeak,backgroundColor:qe?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {qe&&<Se size={12}color={e.purple}/>}
               </C>})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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})}
+          {F({icon:<X color={e.purple}size={16}/>,label:w("settings.redux.defaultJsonExpandDepth"),description:w("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:et,onSelect:rt},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(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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("settings.redux.clearReduxState"),description:w(Ve?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{it(null),j.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>;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}>
+      </J>;else if(v==="crash"){const r=!!H?.js&&!H?.native&&!!H?.render&&!H?.promise&&!H?.custom,R=!H?.js&&!H?.native&&!H?.render&&!H?.promise&&!H?.custom,I=!!H?.js&&!!H?.native&&!!H?.render&&!!H?.promise&&!!H?.custom,P=["js","native","render","promise","custom"].filter(z=>!H?.[z]).length,E=[{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:<Gt 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:<_t 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:<Jt 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:<Yt 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:<Io size={16}color={e.emerald400}/>}];U=<J 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}/>
+              <Fo 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
+                {P} / 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}/>
+            <V onPress={()=>Be("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}}>
+              <Nt 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}}>
+            <V onPress={()=>Be("max_shield")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:R?e.greenColor:e.grayBorderSecondary,backgroundColor:R?`${e.greenColor}12`:e.grayBackground,alignItems:"center",gap:4}}>
+              <Fo size={16}color={R?e.greenColor:e.grayText}/>
+              <T style={{fontFamily:S.interBold,fontSize:11,color:R?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}}>
+            <V onPress={()=>Be("silent")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:I?e.grayTextWeak:e.grayBorderSecondary,backgroundColor:I?`${e.grayTextWeak}1A`:e.grayBackground,alignItems:"center",gap:4}}>
+              <Ut size={16}color={I?e.grayText:e.grayTextWeak}/>
+              <T style={{fontFamily:S.interBold,fontSize:11,color:I?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")}
+            {r?w("settings.crash.presetBalancedDesc","Recommended: Native & Promise protected; JS & Render ignored for clean dev workflow"):R?w("settings.crash.presetMaxShieldDesc","100% Protection: Intercepts & captures all 5 error categories"):I?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>
 
@@ -801,46 +805,46 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
             {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")}
+          {E.map((z,$)=>{const G=!!H?.[z.key],oe=$===E.length-1;return F({key:z.key,icon:z.icon,label:z.label,description:z.desc,isLast:oe,onPress:()=>{lt(Nr=>({...Nr,[z.key]:!Nr[z.key]}))},right:<C style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                  <C style={{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:G?`${e.warningIconGold}18`:`${e.greenColor}18`}}>
+                    <T style={{fontFamily:S.interBold,fontSize:9.5,color:G?e.warningIconGold:e.greenColor}}>
+                      {G?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 style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:G?e.purple:e.grayTextWeak,backgroundColor:G?`${e.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                    {G&&<Se 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")}})}
+          {F({icon:<Bo 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:at||"fatal_only",onSelect:z=>Fr(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)"}})}
+          {F({icon:<X 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:Br,min:5,max:100,placeholder:"Enter max crashes (5-100)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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`}}>
+          {F({icon:<Qt 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:()=>{Be("balanced"),Br(50),Fr("fatal_only"),j.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 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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("settings.crash.clearHistory","Clear Crash History"),description:w("settings.crash.clearHistoryDesc",{count:ze?.length||0}),isLast:!0,onPress:()=>{Dt(),j.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","Clear")}
                 </T>
               </C>})}
         </C>
         <C style={{height:48}}/>
-      </G>}else O==="push"?J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>}else v==="push"?U=<J 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:<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)"}})}
+          {F({icon:<X color={e.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:nt,onChange:st,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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`}}>
+          {F({icon:<Ao 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>
@@ -857,25 +861,25 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <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}}>
+            <V onPress={()=>{Ie("salesforce"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("fcm"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("apns"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{Ie("deeplink"),B(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>
@@ -885,19 +889,19 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
 
         
         <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 ${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`}}>
+          {F({icon:<O color={e.errorColor}size={16}/>,label:w("push.clearTitle","Clear Push History"),description:`Permanently remove all ${Fe?.length||0} recorded notifications`,isLast:!0,onPress:()=>{dt(),j.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>:O==="socket"?J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>:v==="socket"?U=<J 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:<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)"}})}
+          {F({icon:<X color={e.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:ct,onChange:gt,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <C style={{height:1,backgroundColor:e.dividerColor}}/>
-          {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`}}>
+          {F({icon:<Eo 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>
@@ -914,25 +918,25 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <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}}>
+            <V onPress={()=>{$e("chat"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{$e("crypto"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{$e("socketio"),B(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>
             </V>
 
-            <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}}>
+            <V onPress={()=>{$e("echo"),B(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>
@@ -942,14 +946,14 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
 
         
         <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 ${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`}}>
+          {F({icon:<O 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:()=>{pt(),j.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>:O==="media"&&(J=<G style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </J>:v==="media"&&(U=<J 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}}>
@@ -960,7 +964,7 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
           </C>
 
           <C style={{flexDirection:"row",flexWrap:"wrap",gap:8}}>
-            <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}}>
+            <V onPress={async()=>{D("light"),await kr.takeScreenshot({format:Ye.toLowerCase(),quality:.9,hideInspector:L})&&(D("success"),B(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
@@ -985,17 +989,17 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
             </C>
           </C>
 
-          {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}}>
+          {F({icon:<Lo 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 R=Ye===r;return<V key={r}onPress={()=>{D("light"),Ir(r),B(`Screenshot format: ${r.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                         {r.toUpperCase()}
                       </T>
                     </V>})}
               </C>})}
 
-          {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"}
+          {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:()=>{D("light"),He(r=>!r),B(`Auto-hide overlay: ${L?"OFF":"ON"}`)},right:<V onPress={()=>{D("light"),He(r=>!r),B(`Auto-hide overlay: ${L?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:L?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:L?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:10.5,color:L?e.emerald500:e.grayText}}>
+                  {L?w("settings.media.enabled","ON"):"OFF"}
                 </T>
               </V>})}
         </C>
@@ -1016,49 +1020,49 @@ import{useMemo as Ee,useState as Ne,useEffect as rr,useRef as ht}from"react";imp
             </C>
           </C>
 
-          {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}}>
+          {F({icon:<Po 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 R=Dr===r.key;return<V key={r.key}onPress={()=>{D("light"),$r(r.key),B(`Audio source: ${r.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                         {r.label}
                       </T>
                     </V>})}
               </C>})}
 
-          {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}}>
+          {F({icon:<Ho 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 R=Hr===r;return<V key={r}onPress={()=>{D("light"),Pr(r),B(`Recording FPS: ${r}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:R?e.purple:`${e.purple}14`,borderWidth:1,borderColor:R?e.purple:`${e.purple}2E`}}>
+                      <T style={{fontFamily:S.interBold,fontSize:10.5,color:R?e.white:e.purple}}>
                         {r}fps
                       </T>
                     </V>})}
               </C>})}
 
-          {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"}
+          {F({icon:<Wo 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:()=>{D("light"),Pe(r=>!r),B(`GIF optimization: ${A?"OFF":"ON"}`)},right:<V onPress={()=>{D("light"),Pe(r=>!r),B(`GIF optimization: ${A?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:A?`${e.emerald500}26`:`${e.grayText}20`,borderWidth:1,borderColor:A?`${e.emerald500}4D`:`${e.grayText}33`}}>
+                <T style={{fontFamily:S.interBold,fontSize:10.5,color:A?e.emerald500:e.grayText}}>
+                  {A?"ON":"OFF"}
                 </T>
               </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 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`}}>
+          {F({icon:<O 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:()=>{j.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(),B(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 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}}>
+      </J>);const Oe=jr(new _.Value(0)).current;return Ze(()=>{v!=="main"&&(Oe.setValue(0),_.spring(Oe,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[v]),<C style={{flex:1,backgroundColor:e.grayBackground}}>
       
-      <C style={[jr.absoluteFill,O!=="main"&&{pointerEvents:"none"}]}>
-        {yt()}
+      <C style={[Gr.absoluteFill,v!=="main"&&{pointerEvents:"none"}]}>
+        {St()}
       </C>
 
       
-      {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>}
+      {v!=="main"&&<_.View style={[Gr.absoluteFill,{backgroundColor:e.grayBackground,opacity:Oe,transform:[{translateX:Oe.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {U}
+        </_.View>}
 
       
-      <Dt visible={ct}onClose={()=>Lr(!1)}/>
-    </C>};export default ki;
+      <Pt visible={ut}onClose={()=>Er(!1)}/>
+    </C>};export default Bi;