react-native-inapp-inspector 2.4.0 → 2.4.2

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,i,s,n){n===void 0&&(n=s);var p=Object.getOwnPropertyDescriptor(i,s);(!p||("get"in p?!i.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return i[s]}}),Object.defineProperty(o,n,p)}):(function(o,i,s,n){n===void 0&&(n=s),o[n]=i[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,i){Object.defineProperty(o,"default",{enumerable:!0,value:i})}):function(o,i){o.default=i}),__importStar=this&&this.__importStar||(function(){var o=function(i){return o=Object.getOwnPropertyNames||function(s){var n=[];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(n[n.length]=p);return n},o(i)};return function(i){if(i&&i.__esModule)return i;var s={};if(i!=null)for(var n=o(i),p=0;p<n.length;p++)n[p]!=="default"&&__createBinding(s,i,n[p]);return __setModuleDefault(s,i),s}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_2=require("../../customHooks/analyticsLogger"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:i,setSettingsPage:s,settingsActiveSubTab:n,setSettingsActiveSubTab:p,tabVisibility:t,toggleTabVisibility:re,defaultTab:m,setDefaultTab:te,isDark:T,setIsDark:ie,modalHeightPercent:v,setModalHeightPercent:ae,modalAnimationType:le,setModalAnimationType:ne,showDuplicateLogs:R,setShowDuplicateLogs:se,showUpdateToast:I,setShowUpdateToast:pe,showConsoleLevels:ce,setShowConsoleLevels:de,closeModal:ge,logs:O,consoleLogs:M,analyticsEvents:E,reduxState:N,maxConsoleLogs:H,setMaxConsoleLogs:ue,maxAnalyticsEventsLimit:j,setMaxAnalyticsEventsLimit:ye,isAutoRamLimitEnabled:d,setIsAutoRamLimitEnabled:Ce,deviceFreeRamMb:D,reduxAutoRefresh:L,setReduxAutoRefreshState:he,reduxExpandDepth:G,setReduxExpandDepth:Ae,setSelected:be,setSelectedEvent:we,setReduxState:fe,crashRecords:q,maxCrashLogs:U,setMaxCrashLogs:_e,pushRecords:me,maxPushLogs:xe,setMaxPushLogs:Te,clearAllPushLogs:ve,simulatePush:V}=(0,InspectorContext_1.useInspector)(),[S,J]=(0,react_1.useState)(v),[P,K]=(0,react_1.useState)("PNG"),[h,k]=(0,react_1.useState)(!0),[Q,X]=(0,react_1.useState)("Muted"),[Y,Z]=(0,react_1.useState)("30"),[b,F]=(0,react_1.useState)(!0);(0,react_1.useEffect)(()=>{J(v)},[v]);const B=(0,settingsStore_1.calculateRamBasedLimits)(D),A=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:9,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:10,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[_,$]=(0,react_1.useState)(()=>({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0)}));(0,react_1.useEffect)(()=>{$({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0)})},[t]);const x=(0,react_1.useMemo)(()=>A.some(e=>!!_[e.key]!=!!t?.[e.key]),[_,t,A]),Ve=A.filter(e=>e.key==="apis"||!!_[e.key]).length,Se=()=>{x&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{$({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),A.forEach(e=>{if(e.key!=="apis"){const r=!!_[e.key],C=!!t?.[e.key];r!==C&&re(e.key)}}),ge(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[W,ee]=(0,react_1.useState)(!1),l=e=><react_native_1.View style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,i,A,n){n===void 0&&(n=A);var b=Object.getOwnPropertyDescriptor(i,A);(!b||("get"in b?!i.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return i[A]}}),Object.defineProperty(o,n,b)}):(function(o,i,A,n){n===void 0&&(n=A),o[n]=i[A]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,i){Object.defineProperty(o,"default",{enumerable:!0,value:i})}):function(o,i){o.default=i}),__importStar=this&&this.__importStar||(function(){var o=function(i){return o=Object.getOwnPropertyNames||function(A){var n=[];for(var b in A)Object.prototype.hasOwnProperty.call(A,b)&&(n[n.length]=b);return n},o(i)};return function(i){if(i&&i.__esModule)return i;var A={};if(i!=null)for(var n=o(i),b=0;b<n.length;b++)n[b]!=="default"&&__createBinding(A,i,n[b]);return __setModuleDefault(A,i),A}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),i18n_1=require("../../i18n"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:i,setSettingsPage:A,settingsActiveSubTab:n,setSettingsActiveSubTab:b,tabVisibility:t,toggleTabVisibility:he,defaultTab:V,setDefaultTab:Ae,isDark:F,setIsDark:be,modalHeightPercent:B,setModalHeightPercent:fe,modalAnimationType:we,setModalAnimationType:_e,showDuplicateLogs:j,setShowDuplicateLogs:me,showUpdateToast:G,setShowUpdateToast:xe,showConsoleLevels:Te,setShowConsoleLevels:ve,closeModal:Se,logs:U,consoleLogs:q,analyticsEvents:K,reduxState:z,maxConsoleLogs:J,setMaxConsoleLogs:Ve,maxAnalyticsEventsLimit:re,setMaxAnalyticsEventsLimit:ke,isAutoRamLimitEnabled:w,setIsAutoRamLimitEnabled:Fe,deviceFreeRamMb:Q,reduxAutoRefresh:X,setReduxAutoRefreshState:Be,reduxExpandDepth:te,setReduxExpandDepth:ze,setSelected:Re,setSelectedEvent:Ie,setReduxState:He,crashRecords:R,maxCrashLogs:ie,setMaxCrashLogs:Le,pushRecords:I,maxPushLogs:De,setMaxPushLogs:Pe,clearAllPushLogs:$e,simulatePush:H,socketRecords:L,maxSocketLogs:We,setMaxSocketLogs:Oe,clearAllSocketLogs:Me,simulateSocket:D,captureImageFormat:Y,setCaptureImageFormat:ae,captureAutoHide:_,setCaptureAutoHide:P,captureAudioMode:le,setCaptureAudioMode:ne,captureFps:se,setCaptureFps:pe,captureScale:Ue,setCaptureScale:qe,captureBitrate:Ke,setCaptureBitrate:Je,captureMaxDurationSeconds:Qe,setCaptureMaxDurationSeconds:Xe,captureAutoGif:m,setCaptureAutoGif:$}=(0,InspectorContext_1.useInspector)(),[W,ce]=(0,react_1.useState)(B),[Ee,de]=(0,react_1.useState)(!1),Ne=(0,i18n_1.getLanguage)(),Z=i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===Ne)||i18n_1.SUPPORTED_LANGUAGES[0];(0,react_1.useEffect)(()=>{ce(B)},[B]);const O=(0,settingsStore_1.calculateRamBasedLimits)(Q),f=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:9,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{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(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[v,M]=(0,react_1.useState)(()=>({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!1)}));(0,react_1.useEffect)(()=>{M({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!1)})},[t]);const k=(0,react_1.useMemo)(()=>f.some(e=>!!v[e.key]!=!!t?.[e.key]),[v,t,f]),ge=f.filter(e=>e.key==="apis"||!!v[e.key]).length,E=(0,react_1.useMemo)(()=>f.filter(e=>!(e.key==="apis"||e.key==="redux"&&!(0,reduxLogger_1.isReduxConnected)()||e.key==="analytics"&&!(0,analyticsLogger_1.isAnalyticsConnected)())),[f]),T=(0,react_1.useMemo)(()=>E.length===0?!1:E.every(e=>!!v[e.key]),[E,v]),ue=()=>{const e=!T;M(r=>{const C={...r};return E.forEach(h=>{C[h.key]=e}),C})},je=()=>{k&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{M({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!1)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),f.forEach(e=>{if(e.key!=="apis"){const r=!!v[e.key],C=!!t?.[e.key];r!==C&&he(e.key)}}),Se(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[ee,ye]=(0,react_1.useState)(!1),a=e=><react_native_1.View style={{paddingVertical:12,borderBottomWidth:e.isLast?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
         <TouchableScale_1.default disabled={!e.onPress}onPress={e.onPress}style={{flexDirection:"row",alignItems:"center",gap:12}}>
           <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,alignItems:"center",justifyContent:"center"}}>
             {e.icon}
@@ -15,7 +15,7 @@
         </TouchableScale_1.default>
         {e.numericInput&&<react_native_1.View style={{marginTop:10,gap:6}}>
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor,paddingHorizontal:12,paddingVertical:4}}>
-              <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,paddingVertical:6}}value={String(e.numericInput.value||"")}onChangeText={r=>{const C=parseInt(r.replace(/[^0-9]/g,""),10);if(!isNaN(C)){const c=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(c)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack,paddingVertical:6}}value={String(e.numericInput.value||"")}onChangeText={r=>{const C=parseInt(r.replace(/[^0-9]/g,""),10);if(!isNaN(C)){const h=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(h)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple,marginLeft:6}}>
                 MAX
               </react_native_1.Text>
@@ -32,13 +32,13 @@
                   </react_native_1.Text>
                 </TouchableScale_1.default>})}
           </react_native_1.View>}
-      </react_native_1.View>,ke=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.View>,Ge=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       <react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:14}}showsVerticalScrollIndicator={!1}>
         
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,paddingVertical:4,paddingHorizontal:4,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2}}}>
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:2}}>
-            {[{key:"module",label:o("settings.modulesAndTools","Modules & Tools"),Icon:NetworkIcons_1.LayersIcon,badge:`${A.filter(e=>_?.[e.key]||e.key==="apis").length}/${A.length}`},{key:"ui",label:o("settings.uiPreferences","UI Preferences"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.ramLimits","RAM & Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.screenVideoCapture","Screen & Video Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=n===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),p(e.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+            {[{key:"module",label:o("settings.modulesAndTools","Modules & Tools"),Icon:NetworkIcons_1.LayersIcon,badge:`${f.filter(e=>v?.[e.key]||e.key==="apis").length}/${f.length}`},{key:"ui",label:o("settings.uiPreferences","UI Preferences"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.ramLimits","RAM & Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.screenVideoCapture","Screen & Video Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=n===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{paddingVertical:8,paddingHorizontal:14,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
                   <C color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={13}/>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
                     {e.label}
@@ -54,48 +54,72 @@
 
         {n==="module"&&<react_native_1.View style={{gap:12}}>
             
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,paddingVertical:10,paddingHorizontal:14,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.purple}40`:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.02,shadowRadius:3,shadowOffset:{width:0,height:1}}}>
+              <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel="Toggle Select All Modules"accessibilityState={{checked:T}}onPress={ue}style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                <react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:T?0:1.8,borderColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:T?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  {T&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
+                </react_native_1.View>
+                <react_native_1.View>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack}}>
+                    {T?"Deselect All Modules":"Select All Modules"}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                    {ge} of {f.length} modules active
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </TouchableScale_1.default>
+
+              <TouchableScale_1.default onPress={ue}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:T?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.purple,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.purple}30`:"transparent"}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:T?AppColors_1.AppColors.purple:AppColors_1.AppColors.white}}>
+                  {T?"Deselect All":"Select All"}
+                </react_native_1.Text>
+              </TouchableScale_1.default>
+            </react_native_1.View>
+
+            
             <react_native_1.View style={{gap:10}}>
-              {A.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_2.isAnalyticsConnected)(),c=e.key==="redux"&&!r||e.key==="analytics"&&!C,w=e.key==="apis"||c,a=e.key==="apis"||!!_?.[e.key]&&!c,Fe=e.key==="apis"?`${O.length} requests`:e.key==="logs"?`${M.length} logs \u2022 Limit: ${H}`:e.key==="crash"?`${q?.length||0} crashes recorded \u2022 Crash Guard`:e.key==="analytics"?`${E.length} events logged`:e.key==="redux"?`${Object.keys(N||{}).length} slices \u2022 Depth: ${G}`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:a?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:a?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
+              {f.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_1.isAnalyticsConnected)(),h=e.key==="redux"&&!r||e.key==="analytics"&&!C,x=e.key==="apis"||h,l=e.key==="apis"||!!v?.[e.key]&&!h,oe=e.key==="apis"?U.length>0?`${U.length} requests`:"":e.key==="logs"?q.length>0?`${q.length} logs \u2022 Limit: ${J}`:"":e.key==="crash"?R&&R.length>0?`${R.length} crashes recorded \u2022 Crash Guard`:"":e.key==="analytics"?K.length>0?`${K.length} events logged`:"":e.key==="redux"?z&&Object.keys(z).length>0?`${Object.keys(z).length} slices \u2022 Depth: ${te}`:"":e.key==="push"?I&&I.length>0?`${I.length} notifications logged`:"":e.key==="socket"&&L&&L.length>0?`${L.length} connections active`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:l?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:l?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
                     
                     <react_native_1.View style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
                       
-                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:a,disabled:w}}disabled={w}onPress={()=>{w||$(oe=>({...oe,[e.key]:!oe[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:a?0:1.8,borderColor:w?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:a?AppColors_1.AppColors.purple:"transparent",shadowOpacity:a?.25:0,shadowRadius:2,elevation:a?2:0}}>
-                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:a?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:w?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:l,disabled:x}}disabled={x}onPress={()=>{x||M(Ce=>({...Ce,[e.key]:!Ce[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:l?0:1.8,borderColor:x?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:l?AppColors_1.AppColors.purple:"transparent",shadowOpacity:l?.25:0,shadowRadius:2,elevation:l?2:0}}>
+                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:l?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:x?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
                             <react_native_svg_1.Path d="M7 10V7a5 5 0 0 1 10 0v3"stroke={AppColors_1.AppColors.grayText}strokeWidth="2.2"strokeLinecap="round"/>
                             <react_native_svg_1.Path d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={AppColors_1.AppColors.grayText}/>
                           </react_native_svg_1.default>:null}
                       </TouchableScale_1.default>
 
                       
-                      <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.label} settings`}disabled={c}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
+                      <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.label} settings`}disabled={h}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),A(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:w?`${AppColors_1.AppColors.grayBorderSecondary}4D`:a?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:w?AppColors_1.AppColors.dividerColor:a?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
-                          {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="push"&&<NetworkIcons_1.BellIcon color={a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:x?`${AppColors_1.AppColors.grayBorderSecondary}4D`:l?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:x?AppColors_1.AppColors.dividerColor:l?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                          {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="push"&&<NetworkIcons_1.BellIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                          {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                         </react_native_1.View>
 
                         
                         <react_native_1.View style={{flex:1,gap:2}}>
                           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
-                            <react_native_1.View style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:a?`${AppColors_1.AppColors.purple}1C`:`${AppColors_1.AppColors.grayBorderSecondary}80`,borderWidth:1,borderColor:a?`${AppColors_1.AppColors.purple}44`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
-                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:a?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
+                            <react_native_1.View style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:l?`${AppColors_1.AppColors.purple}1C`:`${AppColors_1.AppColors.grayBorderSecondary}80`,borderWidth:1,borderColor:l?`${AppColors_1.AppColors.purple}44`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
                                 #{e.id}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:w?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:x?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
                               {e.label}
                             </react_native_1.Text>
 
                             
-                            {e.key===m&&!c&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
+                            {e.key===V&&!h&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
                                   <react_native_1.View style={{width:4,height:4,borderRadius:2,backgroundColor:AppColors_1.AppColors.purple}}/>
                                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.purple,letterSpacing:.4}}>
                                     {o("settings.defaultBadge")}
@@ -107,11 +131,11 @@
                                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.blue500,letterSpacing:.3}}>
                                   {o("settings.coreBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>:c?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}35`}}>
+                              </react_native_1.View>:h?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}35`}}>
                                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.amber700,letterSpacing:.3}}>
                                   {e.key==="redux"?o("settings.notConnectedBadge"):o("settings.notDetectedBadge")}
                                 </react_native_1.Text>
-                              </react_native_1.View>:a?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.liveGreen}38`}}>
+                              </react_native_1.View>:l?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.liveGreen}38`}}>
                                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.green700,letterSpacing:.3}}>
                                   {o("settings.activeBadge")}
                                 </react_native_1.Text>
@@ -130,17 +154,17 @@
                     </react_native_1.View>
 
                     
-                    {!c&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor}}>
+                    {!h&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor}}>
                         
-                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
-                          <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:a?AppColors_1.AppColors.liveGreen:AppColors_1.AppColors.grayTextWeak}}/>
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:14}}>
-                            {Fe}
-                          </react_native_1.Text>
-                        </react_native_1.View>
+                        {oe&&oe.trim().length>0?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
+                            <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:l?AppColors_1.AppColors.liveGreen:AppColors_1.AppColors.grayTextWeak}}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:14}}>
+                              {oe}
+                            </react_native_1.Text>
+                          </react_native_1.View>:<react_native_1.View style={{flex:1}}/>}
 
                         
-                        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${e.label} settings`}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}26`}}>
+                        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${e.label} settings`}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),A(e.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}26`}}>
                           <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple}size={11}/>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.purple}}>
                             {o("settings.configure")}
@@ -162,7 +186,7 @@
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                   <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
-                    {T?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
+                    {F?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
                   </react_native_1.View>
                   <react_native_1.View style={{flex:1}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
@@ -174,10 +198,39 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:T}}onPress={()=>{const e=!T;ie(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:T?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:T?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:F}}onPress={()=>{const e=!F;be(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:F?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:F?"flex-end":"flex-start"}}>
                   <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
+
+              <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,opacity:.6}}/>
+
+              
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+                <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
+                  <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.blue600}14`,alignItems:"center",justifyContent:"center"}}>
+                    <NetworkIcons_1.GlobeIcon color={AppColors_1.AppColors.blue600}size={15}/>
+                  </react_native_1.View>
+                  <react_native_1.View style={{flex:1}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                      {o("settings.general.language","Language")}
+                    </react_native_1.Text>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
+                      {o("settings.general.languageDescription","Choose preferred display language")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                </react_native_1.View>
+
+                <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),de(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}20`}}>
+                  <react_native_1.Text style={{fontSize:13}}>
+                    {Z?.flag||"\u{1F310}"}
+                  </react_native_1.Text>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.purple}}>
+                    {Z?.nativeName||Z?.name||"English"}
+                  </react_native_1.Text>
+                  <NetworkIcons_1.ForwardChevronIcon size={11}color={AppColors_1.AppColors.purple}/>
+                </TouchableScale_1.default>
+              </react_native_1.View>
             </react_native_1.View>
 
             
@@ -203,16 +256,16 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {S!==v&&<TouchableScale_1.default onPress={()=>{ae(S)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
+                  {W!==B&&<TouchableScale_1.default onPress={()=>{fe(W)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:10,paddingVertical:5,borderRadius:7,shadowColor:AppColors_1.AppColors.purple,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2,elevation:2}}>
                       <NetworkIcons_1.CheckIcon size={11}color={AppColors_1.AppColors.white}/>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.white}}>
-                        Save ({S}%)
+                        Save ({W}%)
                       </react_native_1.Text>
                     </TouchableScale_1.default>}
                 </react_native_1.View>
 
                 <react_native_1.View style={{marginTop:6}}>
-                  <Slider_1.default value={S}onValueChange={J}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={e=>`${Math.round(e)}%`}/>
+                  <Slider_1.default value={W}onValueChange={ce}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={e=>`${Math.round(e)}%`}/>
                 </react_native_1.View>
               </react_native_1.View>
 
@@ -235,7 +288,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
-                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const r=le===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>ne(e.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const r=we===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>_e(e.key)}style={{flex:1,paddingVertical:7,alignItems:"center",borderRadius:8,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}>
                           {e.label}
                         </react_native_1.Text>
@@ -266,11 +319,11 @@
 
               
               <react_native_1.View style={{marginTop:6,gap:6}}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${A.find(e=>e.key===m)?.label||"APIs"}`}onPress={()=>ee(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:W?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${f.find(e=>e.key===V)?.label||"APIs"}`}onPress={()=>ye(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:ee?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
                     <react_native_1.View style={{width:8,height:8,borderRadius:4,backgroundColor:AppColors_1.AppColors.purple}}/>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
-                      {A.find(e=>e.key===m)?`#${A.find(e=>e.key===m)?.id} ${A.find(e=>e.key===m)?.label}`:"#1 APIs (Network)"}
+                      {f.find(e=>e.key===V)?`#${f.find(e=>e.key===V)?.id} ${f.find(e=>e.key===V)?.label}`:"#1 APIs (Network)"}
                     </react_native_1.Text>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:6}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.purple}}>
@@ -279,21 +332,21 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{transform:[{rotate:W?"180deg":"0deg"}]}}>
+                  <react_native_1.View style={{transform:[{rotate:ee?"180deg":"0deg"}]}}>
                     <NetworkIcons_1.ChevronDownIcon color={AppColors_1.AppColors.grayText}size={15}/>
                   </react_native_1.View>
                 </TouchableScale_1.default>
 
                 
-                {W&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
-                    {A.filter(e=>e.key==="apis"||_?.[e.key]||t?.[e.key]).map((e,r,C)=>{const c=m===e.key,w=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{te(e.key),ee(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:c?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:w?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                {ee&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
+                    {f.filter(e=>e.key==="apis"||v?.[e.key]||t?.[e.key]).map((e,r,C)=>{const h=V===e.key,x=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Ae(e.key),ye(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:h?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:x?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
                             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                              <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
-                              <react_native_1.Text style={{fontFamily:c?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
+                              <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:h?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
+                              <react_native_1.Text style={{fontFamily:h?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:h?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
                                 #{e.id} {e.label}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            {c&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                            {h&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
                           </TouchableScale_1.default>})}
                   </react_native_1.View>}
               </react_native_1.View>
@@ -321,7 +374,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:I}}onPress={()=>pe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:I?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:I?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:G}}onPress={()=>xe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:G?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:G?"flex-end":"flex-start"}}>
                   <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -352,7 +405,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:d}}onPress={()=>Ce(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:d?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:w}}onPress={()=>Fe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:w?"flex-end":"flex-start"}}>
                   <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -361,20 +414,20 @@
 
               
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:d?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <NetworkIcons_1.SignalIcon color={d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:w?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.SignalIcon color={w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
                 </react_native_1.View>
                 <react_native_1.View style={{flex:1}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:d?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:w?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
                     Detected Available RAM
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    {D} MB available on device
+                    {Q} MB available on device
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:d?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:d?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {D} MB
+                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:w?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:w?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
+                    {Q} MB
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -383,17 +436,17 @@
               <react_native_1.View style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,gap:6}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.purple}}>
-                    Profile: {B.profileName}
+                    Profile: {O.profileName}
                   </react_native_1.Text>
-                  <react_native_1.View style={{backgroundColor:d?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:d?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
-                      {d?"AUTO-TUNED":"MANUAL"}
+                  <react_native_1.View style={{backgroundColor:w?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:w?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
+                      {w?"AUTO-TUNED":"MANUAL"}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"Logs",value:d?B.maxConsoleLogs:H,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:d?B.maxAnalyticsEvents:j,color:AppColors_1.AppColors.purple},{label:"Crash",value:d?B.maxCrashRecords:U,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
+                  {[{label:"Logs",value:w?O.maxConsoleLogs:J,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:w?O.maxAnalyticsEvents:re,color:AppColors_1.AppColors.purple},{label:"Crash",value:w?O.maxCrashRecords:ie,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
                         {e.label}:
                       </react_native_1.Text>
@@ -437,13 +490,13 @@
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10}}>
                 <react_native_1.View style={{flex:1}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack}}>
-                    Manual Memory Cleanup
+                    {o("settings.memory.manualTitle","Manual Memory Cleanup")}
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    Prune older entries across all log stores and free RAM
+                    {o("settings.memory.manualDescription","Prune older entries across all log stores and free RAM")}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <TouchableScale_1.default onPress={()=>{const e=(0,memoryManager_1.pruneAllLogs)("manual",.5);(0,toast_1.showToast)(`Pruned ${e.totalPruned} items from memory`)}}style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
+                <TouchableScale_1.default onPress={()=>{const e=(0,memoryManager_1.pruneAllLogs)("manual",.5);(0,toast_1.showToast)(o("settings.memory.pruned",{count:e.totalPruned},`Pruned ${e.totalPruned} items from memory`))}}style={{backgroundColor:AppColors_1.AppColors.purple,paddingHorizontal:12,paddingVertical:8,borderRadius:8,flexDirection:"row",alignItems:"center",gap:5}}>
                   <NetworkIcons_1.TrashIcon size={13}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.white}}>
                     Prune Now
@@ -469,17 +522,17 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {l({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {["PNG","JPEG","WEBP"].map(e=>{const r=P===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(e),(0,toast_1.showToast)(`Screenshot format: ${e}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {a({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                    {["png","jpeg","webp"].map(e=>{const r=Y===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ae(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                            {e}
+                            {e.toUpperCase()}
                           </react_native_1.Text>
                         </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {l({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${h?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${h?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:h?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:h?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:h?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                      {h?o("settings.media.enabled","ON"):"OFF"}
+              {a({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:_?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:_?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:_?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                      {_?o("settings.media.enabled","ON"):"OFF"}
                     </react_native_1.Text>
                   </TouchableScale_1.default>})}
             </react_native_1.View>
@@ -500,32 +553,32 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {l({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {["Muted","App","Mic"].map(e=>{const r=Q===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),X(e),(0,toast_1.showToast)(`Audio source: ${e}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {a({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                    {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=le===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                            {e}
+                            {e.label}
                           </react_native_1.Text>
                         </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {l({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {["15","24","30","60"].map(e=>{const r=Y===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {a({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                    {[15,24,30,60].map(e=>{const r=se===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                             {e}fps
                           </react_native_1.Text>
                         </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {l({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),F(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${b?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),F(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${b?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:b?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:b?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:b?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                      {b?"ON":"OFF"}
+              {a({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:m?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:m?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:m?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                      {m?"ON":"OFF"}
                     </react_native_1.Text>
                   </TouchableScale_1.default>})}
             </react_native_1.View>
 
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-              {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+              {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                       {o("settings.media.purgeCacheBtn","Purge All")}
                     </react_native_1.Text>
@@ -539,38 +592,38 @@
       {n==="module"&&<react_native_1.View style={{paddingHorizontal:16,paddingTop:12,paddingBottom:react_native_1.Platform.OS==="ios"?36:24,backgroundColor:AppColors_1.AppColors.primaryLight,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,flexDirection:"row",alignItems:"center",gap:12,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:8,shadowOffset:{width:0,height:-3},elevation:8}}>
           <react_native_1.View style={{flex:1}}>
             <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack}}>
-              {Ve} of {A.length} Modules Active
+              {ge} of {f.length} Modules Active
             </react_native_1.Text>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:x?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
-              {o(x?"settings.unsavedPending":"settings.allSynchronized")}
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:k?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
+              {o(k?"settings.unsavedPending":"settings.allSynchronized")}
             </react_native_1.Text>
           </react_native_1.View>
 
-          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={Se}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:x?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <NetworkIcons_1.CheckIcon size={14}color={x?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:x?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={je}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:k?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
+            <NetworkIcons_1.CheckIcon size={14}color={k?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:k?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
               {o("settings.saveChanges")}
             </react_native_1.Text>
           </TouchableScale_1.default>
         </react_native_1.View>}
-    </react_native_1.View>;let f=null;i==="apis"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+    </react_native_1.View>;let S=null;i==="apis"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
 
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:O.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),be(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:U.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),Re(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="logs"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="logs"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {l({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:H,onChange:ue,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {a({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:J,onChange:Ve,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:AppColors_1.AppColors.primaryBlack,paddingTop:6}}>
             {o("settings.logs.logLevels")}
           </react_native_1.Text>
-          {["info","warn","error"].map(e=>{const r=ce?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,c=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),w=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return l({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:c,description:w,isLast:e==="error",onPress:()=>de(a=>({...a,[e]:!a[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+          {["info","warn","error"].map(e=>{const r=Te?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,h=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),x=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return a({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:h,description:x,isLast:e==="error",onPress:()=>ve(l=>({...l,[e]:!l[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
                   {r&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
                 </react_native_1.View>})})}
         </react_native_1.View>
@@ -597,54 +650,54 @@
               </react_native_1.View>
             </react_native_1.View>
 
-            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:R}}onPress={()=>se(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:R?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:R?"flex-end":"flex-start"}}>
+            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:j}}onPress={()=>me(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:j?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:j?"flex-end":"flex-start"}}>
               <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
 
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:M.length}),isLast:!0,onPress:()=>{(0,consoleLogger_1.clearConsoleLogs)(),react_native_1.Alert.alert(o("common.success"),o("settings.logs.consoleLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:q.length}),isLast:!0,onPress:()=>{(0,consoleLogger_1.clearConsoleLogs)(),react_native_1.Alert.alert(o("common.success"),o("settings.logs.consoleLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="analytics"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="analytics"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary}}>
-          {l({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:E.length}),numericInput:{value:j,onChange:ye,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
+          {a({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:K.length}),numericInput:{value:re,onChange:ke,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
         </react_native_1.View>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.analytics.clearAnalyticsEvents"),description:o("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{(0,analyticsLogger_1.clearAnalyticsEvents)(),we(null),react_native_1.Alert.alert(o("common.success"),o("settings.analytics.analyticsEventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.analytics.clearAnalyticsEvents"),description:o("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{(0,analyticsLogger_1.clearAnalyticsEvents)(),Ie(null),react_native_1.Alert.alert(o("common.success"),o("settings.analytics.analyticsEventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="redux"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="redux"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {l({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>he(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:L?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:L?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                {L&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+          {a({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>Be(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:X?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:X?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {X&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
               </react_native_1.View>})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {l({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.defaultJsonExpandDepth"),description:o("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:G,onSelect:Ae},isLast:!0})}
+          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.defaultJsonExpandDepth"),description:o("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:te,onSelect:ze},isLast:!0})}
         </react_native_1.View>
 
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o(N?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{fe(null),react_native_1.Alert.alert(o("common.success"),o("settings.redux.reduxStateCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o(z?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{He(null),react_native_1.Alert.alert(o("common.success"),o("settings.redux.reduxStateCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="crash"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="crash"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {l({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:U,onChange:_e,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:ie,onChange:Le,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {l({icon:<NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:o("settings.crash.globalGuard"),description:o("settings.crash.globalGuardDesc"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+          {a({icon:<NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:o("settings.crash.globalGuard"),description:o("settings.crash.globalGuardDesc"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
                   {o("settings.protectedBadge")}
                 </react_native_1.Text>
@@ -652,19 +705,19 @@
         </react_native_1.View>
 
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory"),description:o("settings.crash.clearHistoryDesc",{count:q?.length||0}),isLast:!0,onPress:()=>{(0,crashHandler_1.clearCrashRecords)(),react_native_1.Alert.alert(o("common.success"),o("settings.crash.historyCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory"),description:o("settings.crash.clearHistoryDesc",{count:R?.length||0}),isLast:!0,onPress:()=>{(0,crashHandler_1.clearCrashRecords)(),react_native_1.Alert.alert(o("common.success"),o("settings.crash.historyCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="push"?f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="push"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {l({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:xe,onChange:Te,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
+          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:De,onChange:Pe,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {l({icon:<NetworkIcons_1.BellIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+          {a({icon:<NetworkIcons_1.BellIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
                   ACTIVE
                 </react_native_1.Text>
@@ -673,30 +726,33 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
-          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,marginBottom:4}}>
-            ⚡ SIMULATE TEST PUSH NOTIFICATIONS
-          </react_native_1.Text>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4}}>
+            <NetworkIcons_1.BoltIcon size={13}color={AppColors_1.AppColors.amber500}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack}}>
+              {o("settings.simulatePushTitle","SIMULATE TEST PUSH NOTIFICATIONS")}
+            </react_native_1.Text>
+          </react_native_1.View>
 
           <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <TouchableScale_1.default onPress={()=>{V("salesforce"),(0,toast_1.showToast)("Simulated Salesforce Marketing Cloud push")}}style={{backgroundColor:`${AppColors_1.AppColors.sky600}14`,borderColor:`${AppColors_1.AppColors.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{H("salesforce"),(0,toast_1.showToast)(o("settings.simulator.salesforce","Simulated Salesforce Marketing Cloud push"))}}style={{backgroundColor:`${AppColors_1.AppColors.sky600}14`,borderColor:`${AppColors_1.AppColors.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky600}}>
                 + Salesforce MC
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{V("fcm"),(0,toast_1.showToast)("Simulated Firebase FCM push")}}style={{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{H("fcm"),(0,toast_1.showToast)(o("settings.simulator.fcm","Simulated Firebase FCM push"))}}style={{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.darkOrange}}>
                 + Firebase FCM
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{V("apns"),(0,toast_1.showToast)("Simulated Apple APNs push")}}style={{backgroundColor:`${AppColors_1.AppColors.primaryBlack}10`,borderColor:`${AppColors_1.AppColors.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{H("apns"),(0,toast_1.showToast)(o("settings.simulator.apns","Simulated Apple APNs push"))}}style={{backgroundColor:`${AppColors_1.AppColors.primaryBlack}10`,borderColor:`${AppColors_1.AppColors.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack}}>
                 + Apple APNs
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{V("deeplink"),(0,toast_1.showToast)("Simulated Deep Link push")}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{H("deeplink"),(0,toast_1.showToast)(o("settings.simulator.deepLink","Simulated Deep Link push"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.brandPurple}}>
                 + Deep Link
               </react_native_1.Text>
@@ -706,22 +762,82 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:"Clear Push History",description:`Permanently remove all ${me?.length||0} recorded notifications`,isLast:!0,onPress:()=>{ve(),react_native_1.Alert.alert("Success","Push notification history cleared")},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("push.clearTitle","Clear Push History"),description:`Permanently remove all ${I?.length||0} recorded notifications`,isLast:!0,onPress:()=>{$e(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.pushHistoryCleared","Push notification history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="media"&&(f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="socket"?S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
+          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:We,onChange:Oe,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
+          <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
+          {a({icon:<NetworkIcons_1.WebsocketIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
+                  ACTIVE
+                </react_native_1.Text>
+              </react_native_1.View>})}
+        </react_native_1.View>
+
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
-          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,marginBottom:4}}>
-            ⚡ DIRECT CAPTURE SHORTCUTS
-          </react_native_1.Text>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4}}>
+            <NetworkIcons_1.BoltIcon size={13}color={AppColors_1.AppColors.amber500}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack}}>
+              {o("settings.simulateSocketTitle","SIMULATE TEST SOCKET CONNECTIONS")}
+            </react_native_1.Text>
+          </react_native_1.View>
+
+          <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
+            <TouchableScale_1.default onPress={()=>{D("chat"),(0,toast_1.showToast)(o("settings.simulator.chat","Simulated Real-time Chat WebSocket session"))}}style={{backgroundColor:`${AppColors_1.AppColors.blue600}14`,borderColor:`${AppColors_1.AppColors.blue600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+              <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.blue600}}>
+                + Chat Room (WS)
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{D("crypto"),(0,toast_1.showToast)(o("settings.simulator.crypto","Simulated Binance Crypto Ticker stream"))}}style={{backgroundColor:`${AppColors_1.AppColors.emerald600}14`,borderColor:`${AppColors_1.AppColors.emerald600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+              <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.emerald600}}>
+                + Crypto Feed (WSS)
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{D("socketio"),(0,toast_1.showToast)(o("settings.simulator.socketio","Simulated Socket.IO v4 session"))}}style={{backgroundColor:`${AppColors_1.AppColors.violet600}14`,borderColor:`${AppColors_1.AppColors.violet600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+              <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.violet600}}>
+                + Socket.IO Room
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>{D("echo"),(0,toast_1.showToast)(o("settings.simulator.echo","Simulated WebSocket Echo test"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+              <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.brandPurple}}>
+                + Echo Test
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+        </react_native_1.View>
+
+        
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("socket.clearTitle","Clear All WebSocket Logs").replace("All WebSocket Logs","Socket History"),description:`Permanently remove all ${L?.length||0} recorded sessions`,isLast:!0,onPress:()=>{Me(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.socketHistoryCleared","WebSocket history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
+                  {o("common.clear")}
+                </react_native_1.Text>
+              </react_native_1.View>})}
+        </react_native_1.View>
+        <react_native_1.View style={{height:48}}/>
+      </react_native_1.ScrollView>:i==="media"&&(S=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+        
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4}}>
+            <NetworkIcons_1.BoltIcon size={13}color={AppColors_1.AppColors.amber500}/>
+            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack}}>
+              {o("settings.directCaptureShortcuts","DIRECT CAPTURE SHORTCUTS")}
+            </react_native_1.Text>
+          </react_native_1.View>
 
           <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8}}>
-            <TouchableScale_1.default onPress={async()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),await capture_1.ScreenCapture.takeScreenshot({format:P.toLowerCase(),quality:.9,hideInspector:h})&&((0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)("Screenshot captured and saved!"))}}style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            <TouchableScale_1.default onPress={async()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),await capture_1.ScreenCapture.takeScreenshot({format:Y.toLowerCase(),quality:.9,hideInspector:_})&&((0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)(o("settings.simulator.screenshotSaved","Screenshot captured and saved!")))}}style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
               <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple}size={14}/>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple}}>
                 Take Screenshot
@@ -746,17 +862,17 @@
             </react_native_1.View>
           </react_native_1.View>
 
-          {l({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {["PNG","JPEG","WEBP"].map(e=>{const r=P===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(e),(0,toast_1.showToast)(`Screenshot format: ${e}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {a({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                {["png","jpeg","webp"].map(e=>{const r=Y===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ae(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                        {e}
+                        {e.toUpperCase()}
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
               </react_native_1.View>})}
 
-          {l({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${h?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),k(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${h?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:h?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:h?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:h?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                  {h?o("settings.media.enabled","ON"):"OFF"}
+          {a({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:_?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:_?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:_?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                  {_?o("settings.media.enabled","ON"):"OFF"}
                 </react_native_1.Text>
               </TouchableScale_1.default>})}
         </react_native_1.View>
@@ -777,46 +893,49 @@
             </react_native_1.View>
           </react_native_1.View>
 
-          {l({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {["Muted","App","Mic"].map(e=>{const r=Q===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),X(e),(0,toast_1.showToast)(`Audio source: ${e}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {a({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=le===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                        {e}
+                        {e.label}
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
               </react_native_1.View>})}
 
-          {l({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {["15","24","30","60"].map(e=>{const r=Y===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {a({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                {[15,24,30,60].map(e=>{const r=se===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                         {e}fps
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
               </react_native_1.View>})}
 
-          {l({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),F(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${b?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),F(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${b?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:b?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:b?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:b?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                  {b?"ON":"OFF"}
+          {a({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:m?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:m?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:m?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                  {m?"ON":"OFF"}
                 </react_native_1.Text>
               </TouchableScale_1.default>})}
         </react_native_1.View>
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {l({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("settings.media.purgeCacheBtn","Purge All")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>);const z=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{i!=="main"&&(z.setValue(0),react_native_1.Animated.spring(z,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[i]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.ScrollView>);const N=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{i!=="main"&&(N.setValue(0),react_native_1.Animated.spring(N,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[i]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,i!=="main"&&{pointerEvents:"none"}]}>
-        {ke()}
+        {Ge()}
       </react_native_1.View>
 
       
-      {i!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:z,transform:[{translateX:z.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
-          {f}
+      {i!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:N,transform:[{translateX:N.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {S}
         </react_native_1.Animated.View>}
+
+      
+      <LanguageSelectorModal_1.LanguageSelectorModal visible={Ee}onClose={()=>de(!1)}/>
     </react_native_1.View>};exports.default=SettingsPanel;