react-native-inapp-inspector 2.3.25 → 2.4.0

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,s,l){l===void 0&&(l=s);var p=Object.getOwnPropertyDescriptor(t,s);(!p||("get"in p?!t.__esModule:p.writable||p.configurable))&&(p={enumerable:!0,get:function(){return t[s]}}),Object.defineProperty(o,l,p)}):(function(o,t,s,l){l===void 0&&(l=s),o[l]=t[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(s){var l=[];for(var p in s)Object.prototype.hasOwnProperty.call(s,p)&&(l[l.length]=p);return l},o(t)};return function(t){if(t&&t.__esModule)return t;var s={};if(t!=null)for(var l=o(t),p=0;p<l.length;p++)l[p]!=="default"&&__createBinding(s,t,l[p]);return __setModuleDefault(s,t),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"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:t,setSettingsPage:s,settingsActiveSubTab:l,setSettingsActiveSubTab:p,tabVisibility:i,toggleTabVisibility:K,defaultTab:b,setDefaultTab:Q,isDark:m,setIsDark:X,modalHeightPercent:x,setModalHeightPercent:Y,modalAnimationType:Z,setModalAnimationType:ee,showDuplicateLogs:F,setShowDuplicateLogs:oe,showUpdateToast:R,setShowUpdateToast:re,showConsoleLevels:te,setShowConsoleLevels:ie,resetToDefaults:fe,closeModal:ae,storage:me,logs:z,consoleLogs:I,analyticsEvents:L,reduxState:H,maxNetworkLogs:D,setMaxNetworkLogs:le,maxConsoleLogs:W,setMaxConsoleLogs:ne,maxAnalyticsEventsLimit:j,setMaxAnalyticsEventsLimit:se,isAutoRamLimitEnabled:c,setIsAutoRamLimitEnabled:pe,deviceFreeRamMb:P,reduxAutoRefresh:$,setReduxAutoRefreshState:ce,reduxExpandDepth:N,setReduxExpandDepth:de,switchActiveTab:xe,setSelected:ge,setSelectedEvent:ue,setReduxState:ye,crashRecords:M,maxCrashLogs:q,setMaxCrashLogs:Ce,updateAvailable:ve,latestNpmVersion:Ve}=(0,InspectorContext_1.useInspector)(),[S,G]=(0,react_1.useState)(x);(0,react_1.useEffect)(()=>{G(x)},[x]);const v=(0,settingsStore_1.calculateRamBasedLimits)(P),Te=(0,settingsStore_1.isPersistentStorageAvailable)(),he=react_native_1.Platform.OS==="android"?react_native_1.StatusBar.currentHeight||24:44,ke=x>=95?he:0,h=(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"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[w,O]=(0,react_1.useState)(()=>({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)}));(0,react_1.useEffect)(()=>{O({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)})},[i]);const _=(0,react_1.useMemo)(()=>h.some(e=>!!w[e.key]!=!!i?.[e.key]),[w,i,h]),Ae=h.filter(e=>e.key==="apis"||!!w[e.key]).length,we=()=>{_&&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:()=>{O({apis:!0,logs:!!i?.logs,analytics:!!i?.analytics,redux:!!i?.redux,storage:!!i?.storage,device:!!i?.device,crash:!!i?.crash,debugging:!!i?.debugging,media:!!(i?.media??!0)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),h.forEach(e=>{if(e.key!=="apis"){const r=!!w[e.key],C=!!i?.[e.key];r!==C&&K(e.key)}}),ae(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[E,U]=(0,react_1.useState)(!1),Se=()=>{(0,InspectorContext_1.animateNextLayout)(),s("main")},n=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,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}}>
         <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 d=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(d)}}}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 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.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>,be=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.View>,ke=()=><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:`${h.filter(e=>w?.[e.key]||e.key==="apis").length}/${h.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=l===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:`${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"}}>
                   <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}
@@ -52,24 +52,24 @@
           </react_native_1.ScrollView>
         </react_native_1.View>
 
-        {l==="module"&&<react_native_1.View style={{gap:12}}>
+        {n==="module"&&<react_native_1.View style={{gap:12}}>
             
             <react_native_1.View style={{gap:10}}>
-              {h.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_2.isAnalyticsConnected)(),d=e.key==="redux"&&!r||e.key==="analytics"&&!C,A=e.key==="apis"||d,a=e.key==="apis"||!!w?.[e.key]&&!d,_e=e.key==="apis"?`${z.length} requests \u2022 Limit: ${D}`:e.key==="logs"?`${I.length} logs \u2022 Limit: ${W}`:e.key==="crash"?`${M?.length||0} crashes recorded \u2022 Crash Guard`:e.key==="analytics"?`${L.length} events logged`:e.key==="redux"?`${Object.keys(H||{}).length} slices \u2022 Depth: ${N}`:"";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}}}>
+              {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}}}>
                     
                     <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:A}}disabled={A}onPress={()=>{A||O(J=>({...J,[e.key]:!J[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:a?0:1.8,borderColor:A?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}/>:A?<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: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">
                             <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={d}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={c}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),s(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
                         
-                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:A?`${AppColors_1.AppColors.grayBorderSecondary}4D`:a?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:A?AppColors_1.AppColors.dividerColor:a?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
+                        <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}/>}
@@ -79,6 +79,7 @@
                           {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>
 
                         
@@ -89,12 +90,12 @@
                                 #{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:A?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:w?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
                               {e.label}
                             </react_native_1.Text>
 
                             
-                            {e.key===b&&!d&&<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===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}}>
                                   <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")}
@@ -106,7 +107,7 @@
                                 <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>:d?<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>: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.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>
@@ -129,12 +130,12 @@
                     </react_native_1.View>
 
                     
-                    {!d&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor}}>
+                    {!c&&<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}}>
-                            {_e}
+                            {Fe}
                           </react_native_1.Text>
                         </react_native_1.View>
 
@@ -151,7 +152,7 @@
             </react_native_1.View>
           </react_native_1.View>}
 
-        {l==="ui"&&<react_native_1.View style={{gap:14}}>
+        {n==="ui"&&<react_native_1.View style={{gap:14}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
@@ -161,7 +162,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"}}>
-                    {m?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
+                    {T?<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}}>
@@ -173,7 +174,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:m}}onPress={()=>{const e=!m;X(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:m?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:m?"flex-end":"flex-start"}}>
+                <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"}}>
                   <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>
@@ -202,7 +203,7 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {S!==x&&<TouchableScale_1.default onPress={()=>{Y(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}}>
+                  {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}}>
                       <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}%)
@@ -211,7 +212,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{marginTop:6}}>
-                  <Slider_1.default value={S}onValueChange={G}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={e=>`${Math.round(e)}%`}/>
+                  <Slider_1.default value={S}onValueChange={J}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>
 
@@ -234,7 +235,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=Z===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>ee(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=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"}}>
                         <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>
@@ -265,11 +266,11 @@
 
               
               <react_native_1.View style={{marginTop:6,gap:6}}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${h.find(e=>e.key===b)?.label||"APIs"}`}onPress={()=>U(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:E?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <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}}>
                   <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}}>
-                      {h.find(e=>e.key===b)?`#${h.find(e=>e.key===b)?.id} ${h.find(e=>e.key===b)?.label}`:"#1 APIs (Network)"}
+                      {A.find(e=>e.key===m)?`#${A.find(e=>e.key===m)?.id} ${A.find(e=>e.key===m)?.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}}>
@@ -278,21 +279,21 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{transform:[{rotate:E?"180deg":"0deg"}]}}>
+                  <react_native_1.View style={{transform:[{rotate:W?"180deg":"0deg"}]}}>
                     <NetworkIcons_1.ChevronDownIcon color={AppColors_1.AppColors.grayText}size={15}/>
                   </react_native_1.View>
                 </TouchableScale_1.default>
 
                 
-                {E&&<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}}>
-                    {h.filter(e=>e.key==="apis"||w?.[e.key]||i?.[e.key]).map((e,r,C)=>{const d=b===e.key,A=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Q(e.key),U(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:d?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:A?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                {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}}>
                             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                              <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
-                              <react_native_1.Text style={{fontFamily:d?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:d?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
+                              <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}}>
                                 #{e.id} {e.label}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            {d&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                            {c&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
                           </TouchableScale_1.default>})}
                   </react_native_1.View>}
               </react_native_1.View>
@@ -320,14 +321,14 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:R}}onPress={()=>re(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 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"}}>
                   <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>}
 
-        {l==="limits"&&<react_native_1.View style={{gap:14}}>
+        {n==="limits"&&<react_native_1.View style={{gap:14}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",padding:14,gap:12}}>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.8}}>
@@ -351,7 +352,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:c}}onPress={()=>pe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:c?"flex-end":"flex-start"}}>
+                <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"}}>
                   <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>
@@ -360,20 +361,20 @@
 
               
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:c?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <NetworkIcons_1.SignalIcon color={c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <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>
                 <react_native_1.View style={{flex:1}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:c?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
+                  <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}}>
                     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}}>
-                    {P} MB available on device
+                    {D} MB available on device
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:c?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:c?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:c?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {P} MB
+                <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.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -382,17 +383,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: {v.profileName}
+                    Profile: {B.profileName}
                   </react_native_1.Text>
-                  <react_native_1.View style={{backgroundColor:c?`${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:c?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
-                      {c?"AUTO-TUNED":"MANUAL"}
+                  <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.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"APIs",value:c?v.maxNetworkLogs:D,color:AppColors_1.AppColors.blue500},{label:"Logs",value:c?v.maxConsoleLogs:W,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:c?v.maxAnalyticsEvents:j,color:AppColors_1.AppColors.purple},{label:"Crash",value:c?v.maxCrashRecords:q,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: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`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,lineHeight:14,color:e.color}}>
                         {e.label}:
                       </react_native_1.Text>
@@ -451,7 +452,7 @@
               </react_native_1.View>
             </react_native_1.View>
           </react_native_1.View>}
-        {l==="capture"&&<react_native_1.View style={{gap:12}}>
+        {n==="capture"&&<react_native_1.View style={{gap:12}}>
             
             <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
@@ -468,19 +469,19 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {n({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:4}}>
-                    {["PNG","JPEG","WEBP"].map(e=><react_native_1.View key={e}style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:e==="PNG"?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:e==="PNG"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                          {e}
-                        </react_native_1.Text>
-                      </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`}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                            {e}
+                          </react_native_1.Text>
+                        </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {n({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,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}26`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald500}}>
-                      {o("settings.media.enabled","ON")}
+              {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"}
                     </react_native_1.Text>
-                  </react_native_1.View>})}
+                  </TouchableScale_1.default>})}
             </react_native_1.View>
 
             
@@ -499,32 +500,32 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {n({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:4}}>
-                    {["Muted","App","Mic"].map((e,r)=><react_native_1.View key={e}style={{paddingHorizontal:7,paddingVertical:4,borderRadius:6,backgroundColor:r===0?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r===0?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                          {e}
-                        </react_native_1.Text>
-                      </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`}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                            {e}
+                          </react_native_1.Text>
+                        </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {n({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:4}}>
-                    {["15","24","30","60"].map(e=><react_native_1.View key={e}style={{paddingHorizontal:6,paddingVertical:4,borderRadius:6,backgroundColor:e==="24"?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}1A`}}>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:e==="24"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                          {e}fps
-                        </react_native_1.Text>
-                      </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`}}>
+                          <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>})}
 
-              {n({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,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.emerald500}26`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.emerald500}}>
-                      ON
+              {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"}
                     </react_native_1.Text>
-                  </react_native_1.View>})}
+                  </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}}>
-              {n({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`}}>
+              {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`}}>
                     <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>
@@ -535,44 +536,41 @@
       </react_native_1.ScrollView>
 
       
-      {l==="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}}>
+      {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}}>
-              {Ae} of {h.length} Modules Active
+              {Ve} of {A.length} Modules Active
             </react_native_1.Text>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:_?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
-              {o(_?"settings.unsavedPending":"settings.allSynchronized")}
+            <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>
           </react_native_1.View>
 
-          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={we}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:_?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <NetworkIcons_1.CheckIcon size={14}color={_?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:_?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+          <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}}>
               {o("settings.saveChanges")}
             </react_native_1.Text>
           </TouchableScale_1.default>
         </react_native_1.View>}
-    </react_native_1.View>;let f=null,V="",T=null,k="";t==="apis"?(V=o("settings.apis.title"),T=<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.apis.total",{count:z.length}),f=<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}}>
-          {n({icon:<NetworkIcons_1.SignalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.apis.maxRequestLogs"),description:o("settings.apis.maxRequestLogsDescription"),numericInput:{value:D,onChange:le,min:10,max:100,placeholder:"Enter max requests (10-100)"},isLast:!0})}
-        </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 style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:z.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),ge(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`}}>
+          {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`}}>
                 <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>):t==="logs"?(V=o("settings.logs.title"),T=<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.logs.total",{count:I.length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="logs"?f=<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}}>
-          {n({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:W,onChange:ne,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {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)"}})}
           <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=te?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,d=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),A=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return n({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:d,description:A,isLast:e==="error",onPress:()=>ie(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=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"}}>
                   {r&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
                 </react_native_1.View>})})}
         </react_native_1.View>
@@ -599,54 +597,54 @@
               </react_native_1.View>
             </react_native_1.View>
 
-            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:F}}onPress={()=>oe(e=>!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"}}>
+            <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"}}>
               <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}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:I.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`}}>
+          {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`}}>
                 <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>):t==="analytics"?(V=o("settings.analytics.title"),T=<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.analytics.total",{count:L.length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="analytics"?f=<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}}>
-          {n({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:L.length}),numericInput:{value:j,onChange:se,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
+          {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})}
         </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}}>
-          {n({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)(),ue(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`}}>
+          {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`}}>
                 <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>):t==="redux"?(V=o("settings.redux.title"),T=<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.white}size={16}/>,k=o("settings.redux.reducers",{count:Object.keys(H||{}).length}),f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="redux"?f=<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}}>
-          {n({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>ce(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:$?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:$?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                {$&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+          {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}/>}
               </react_native_1.View>})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {n({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:N,onSelect:de},isLast:!0})}
+          {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})}
         </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}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o(H?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{ye(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`}}>
+          {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`}}>
                 <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>):t==="crash"&&(V=o("settings.crash.title"),T=<NetworkIcons_1.CrashIcon color={AppColors_1.AppColors.white}size={16}/>,k=`Total: ${M?.length||0}`,f=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:i==="crash"?f=<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}}>
-          {n({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:q,onChange:Ce,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          {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)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {n({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`}}>
+          {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`}}>
                 <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>
@@ -654,21 +652,171 @@
         </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}}>
-          {n({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory"),description:o("settings.crash.clearHistoryDesc",{count:M?.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`}}>
+          {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`}}>
+                <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.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)"}})}
+          <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`}}>
+                <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}}>
+            ⚡ SIMULATE TEST PUSH NOTIFICATIONS
+          </react_native_1.Text>
+
+          <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}}>
+              <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}}>
+              <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}}>
+              <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}}>
+              <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.brandPurple}}>
+                + Deep Link
+              </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}}>
+          {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`}}>
                 <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>);const B=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{t!=="main"&&(B.setValue(0),react_native_1.Animated.spring(B,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[t]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.ScrollView>:i==="media"&&(f=<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.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",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}}>
+              <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
+              </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,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+              <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple}size={16}/>
+            </react_native_1.View>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.media.screenshotCardTitle","Screenshot Capture Settings")}
+              </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.media.screenshotCardDesc","Image encoding format, compression quality and overlay auto-hide")}
+              </react_native_1.Text>
+            </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`}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                        {e}
+                      </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"}
+                </react_native_1.Text>
+              </TouchableScale_1.default>})}
+        </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:12}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
+            <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:AppColors_1.AppColors.purpleShade50,alignItems:"center",justifyContent:"center"}}>
+              <NetworkIcons_1.VideoCameraIcon color={AppColors_1.AppColors.purple}size={16}/>
+            </react_native_1.View>
+            <react_native_1.View style={{flex:1}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.media.videoCardTitle","Video Recording & GIF Conversion")}
+              </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.media.videoCardDesc","ReplayKit hardware encoding, frame capture fallback and GIF generation")}
+              </react_native_1.Text>
+            </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`}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+                        {e}
+                      </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`}}>
+                      <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"}
+                </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`}}>
+                <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.View style={[react_native_1.StyleSheet.absoluteFill,t!=="main"&&{pointerEvents:"none"}]}>
-        {be()}
+      <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,i!=="main"&&{pointerEvents:"none"}]}>
+        {ke()}
       </react_native_1.View>
 
       
-      {t!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:B,transform:[{translateX:B.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+      {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}
         </react_native_1.Animated.View>}
     </react_native_1.View>};exports.default=SettingsPanel;