react-native-inapp-inspector 2.5.10 → 2.5.12

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,i,b,n){n===void 0&&(n=b);var A=Object.getOwnPropertyDescriptor(i,b);(!A||("get"in A?!i.__esModule:A.writable||A.configurable))&&(A={enumerable:!0,get:function(){return i[b]}}),Object.defineProperty(o,n,A)}):(function(o,i,b,n){n===void 0&&(n=b),o[n]=i[b]})),__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(b){var n=[];for(var A in b)Object.prototype.hasOwnProperty.call(b,A)&&(n[n.length]=A);return n},o(i)};return function(i){if(i&&i.__esModule)return i;var b={};if(i!=null)for(var n=o(i),A=0;A<n.length;A++)n[A]!=="default"&&__createBinding(b,i,n[A]);return __setModuleDefault(b,i),b}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_svg_1=__importStar(require("react-native-svg")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),Slider_1=__importDefault(require("../Slider")),styles_1=require("../../styles"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),i18n_1=require("../../i18n"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:i,setSettingsPage:b,settingsActiveSubTab:n,setSettingsActiveSubTab:A,tabVisibility:t,toggleTabVisibility:be,defaultTab:S,setDefaultTab:Ae,isDark:F,setIsDark:we,modalHeightPercent:B,setModalHeightPercent:fe,modalAnimationType:_e,setModalAnimationType:me,showDuplicateLogs:G,setShowDuplicateLogs:xe,showUpdateToast:U,setShowUpdateToast:Te,showConsoleLevels:ve,setShowConsoleLevels:Ve,closeModal:Se,logs:q,consoleLogs:K,analyticsEvents:J,reduxState:z,maxConsoleLogs:Q,setMaxConsoleLogs:ke,maxAnalyticsEventsLimit:re,setMaxAnalyticsEventsLimit:Fe,isAutoRamLimitEnabled:f,setIsAutoRamLimitEnabled:Be,deviceFreeRamMb:X,reduxAutoRefresh:Y,setReduxAutoRefreshState:ze,reduxExpandDepth:te,setReduxExpandDepth:Re,setSelected:Ie,setSelectedEvent:He,setReduxState:Le,crashRecords:R,maxCrashLogs:ie,setMaxCrashLogs:De,pushRecords:I,maxPushLogs:Pe,setMaxPushLogs:We,clearAllPushLogs:$e,simulatePush:H,socketRecords:L,maxSocketLogs:Oe,setMaxSocketLogs:Me,clearAllSocketLogs:Ee,simulateSocket:D,captureImageFormat:Z,setCaptureImageFormat:ae,captureAutoHide:_,setCaptureAutoHide:P,captureAudioMode:le,setCaptureAudioMode:ne,captureFps:se,setCaptureFps:pe,captureScale:Ke,setCaptureScale:Je,captureBitrate:Qe,setCaptureBitrate:Xe,captureMaxDurationSeconds:Ye,setCaptureMaxDurationSeconds:Ze,captureAutoGif:m,setCaptureAutoGif:W,peekOpacity:ce,setPeekOpacity:Ne}=(0,InspectorContext_1.useInspector)(),[$,de]=(0,react_1.useState)(B),[je,ge]=(0,react_1.useState)(!1),Ge=(0,i18n_1.getLanguage)(),O=i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===Ge)||i18n_1.SUPPORTED_LANGUAGES[0];(0,react_1.useEffect)(()=>{de(B)},[B]);const M=(0,settingsStore_1.calculateRamBasedLimits)(X),w=(0,react_1.useMemo)(()=>[{id:1,key:"apis",label:"APIs (Network)",category:"core",icon:"apis",desc:"HTTP/HTTPS requests, GraphQL, Axios & WebSocket inspector"},{id:2,key:"logs",label:"Console Logs",category:"core",icon:"logs",desc:"Terminal console logs, warnings, errors & stack traces"},{id:3,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:4,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:5,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:6,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:7,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:8,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:9,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:10,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:11,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),[v,E]=(0,react_1.useState)(()=>({apis:!0,logs:!!(t?.logs??!0),analytics:!!(t?.analytics??!0),redux:!!(t?.redux??!0),storage:!!(t?.storage??!0),device:!!(t?.device??!0),crash:!!(t?.crash??!0),debugging:!!(t?.debugging??!0),media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!0)}));(0,react_1.useEffect)(()=>{E({apis:!0,logs:!!(t?.logs??!0),analytics:!!(t?.analytics??!0),redux:!!(t?.redux??!0),storage:!!(t?.storage??!0),device:!!(t?.device??!0),crash:!!(t?.crash??!0),debugging:!!(t?.debugging??!0),media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!0)})},[t]);const k=(0,react_1.useMemo)(()=>w.some(e=>!!v[e.key]!=!!t?.[e.key]),[v,t,w]),ue=w.filter(e=>e.key==="apis"||!!v[e.key]).length,N=(0,react_1.useMemo)(()=>w.filter(e=>!(e.key==="apis"||e.key==="redux"&&!(0,reduxLogger_1.isReduxConnected)()||e.key==="analytics"&&!(0,analyticsLogger_1.isAnalyticsConnected)())),[w]),T=(0,react_1.useMemo)(()=>N.length===0?!1:N.every(e=>!!v[e.key]),[N,v]),ye=()=>{const e=!T;E(r=>{const C={...r};return N.forEach(h=>{C[h.key]=e}),C})},Ue=()=>{k&&react_native_1.Alert.alert("Apply Changes & Reload","Are you sure you want to save module changes? The inspector will close and reload the app to apply the new configuration.",[{text:"Cancel",style:"cancel",onPress:()=>{E({apis:!0,logs:!!t?.logs,analytics:!!t?.analytics,redux:!!t?.redux,storage:!!t?.storage,device:!!t?.device,crash:!!t?.crash,debugging:!!t?.debugging,media:!!(t?.media??!0),push:!!(t?.push??!0),socket:!!(t?.socket??!1)})}},{text:"Save & Reload",style:"default",onPress:()=>{(0,InspectorContext_1.animateNextLayout)(),w.forEach(e=>{if(e.key!=="apis"){const r=!!v[e.key],C=!!t?.[e.key];r!==C&&be(e.key)}}),Se(),setTimeout(()=>{__DEV__&&react_native_1.DevSettings&&react_native_1.DevSettings.reload&&react_native_1.DevSettings.reload()},350)}}])},[ee,Ce]=(0,react_1.useState)(!1),a=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,a,_,A){A===void 0&&(A=_);var b=Object.getOwnPropertyDescriptor(a,_);(!b||("get"in b?!a.__esModule:b.writable||b.configurable))&&(b={enumerable:!0,get:function(){return a[_]}}),Object.defineProperty(o,A,b)}):(function(o,a,_,A){A===void 0&&(A=_),o[A]=a[_]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,a){Object.defineProperty(o,"default",{enumerable:!0,value:a})}):function(o,a){o.default=a}),__importStar=this&&this.__importStar||(function(){var o=function(a){return o=Object.getOwnPropertyNames||function(_){var A=[];for(var b in _)Object.prototype.hasOwnProperty.call(_,b)&&(A[A.length]=b);return A},o(a)};return function(a){if(a&&a.__esModule)return a;var _={};if(a!=null)for(var A=o(a),b=0;b<A.length;b++)A[b]!=="default"&&__createBinding(_,a,A[b]);return __setModuleDefault(_,a),_}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),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"),constants_1=require("../../constants"),settingsStore_1=require("../../helpers/settingsStore"),networkLogger_1=require("../../customHooks/networkLogger"),consoleLogger_1=require("../../customHooks/consoleLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),crashHandler_1=require("../../customHooks/crashHandler"),reduxLogger_1=require("../../customHooks/reduxLogger"),i18n_1=require("../../i18n"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:a,setSettingsPage:_,settingsActiveSubTab:A,setSettingsActiveSubTab:b,tabVisibility:R,toggleTabVisibility:pe,defaultTab:z,setDefaultTab:ke,isDark:I,setIsDark:Fe,modalHeightPercent:L,setModalHeightPercent:Re,modalAnimationType:ze,setModalAnimationType:Be,showDuplicateLogs:Z,setShowDuplicateLogs:Ie,showUpdateToast:ee,setShowUpdateToast:He,showConsoleLevels:De,setShowConsoleLevels:Pe,closeModal:po,logs:oe,consoleLogs:re,analyticsEvents:te,reduxState:$,maxConsoleLogs:ce,setMaxConsoleLogs:Le,maxAnalyticsEventsLimit:de,setMaxAnalyticsEventsLimit:$e,isAutoRamLimitEnabled:w,setIsAutoRamLimitEnabled:We,deviceFreeRamMb:ie,reduxAutoRefresh:ae,setReduxAutoRefreshState:Ee,reduxExpandDepth:Oe,setReduxExpandDepth:Me,setSelected:Ne,setSelectedEvent:je,setReduxState:Ue,crashRecords:W,maxCrashLogs:ge,setMaxCrashLogs:ue,crashIgnoredTypes:m,setCrashIgnoredTypes:Ge,crashModalTriggerPolicy:qe,setCrashModalTriggerPolicyState:ye,applyCrashPolicyPreset:E,pushRecords:O,maxPushLogs:Je,setMaxPushLogs:Ke,clearAllPushLogs:Ye,simulatePush:M,socketRecords:N,maxSocketLogs:Qe,setMaxSocketLogs:Xe,clearAllSocketLogs:Ze,simulateSocket:j,captureImageFormat:le,setCaptureImageFormat:Ce,captureAutoHide:x,setCaptureAutoHide:U,captureAudioMode:he,setCaptureAudioMode:Ae,captureFps:be,setCaptureFps:me,captureScale:co,setCaptureScale:go,captureBitrate:uo,setCaptureBitrate:yo,captureMaxDurationSeconds:Co,setCaptureMaxDurationSeconds:ho,captureAutoGif:T,setCaptureAutoGif:G,captureWidgetEnabled:B,setCaptureWidgetEnabled:fe,peekOpacity:_e,setPeekOpacity:eo,hiddenUrlPatterns:H,setHiddenUrlPatterns:ne}=(0,InspectorContext_1.useInspector)(),[q,we]=(0,react_1.useState)(""),[J,xe]=(0,react_1.useState)(L),[oo,Te]=(0,react_1.useState)(!1),ro=(0,i18n_1.getLanguage)(),K=i18n_1.SUPPORTED_LANGUAGES.find(e=>e.code===ro)||i18n_1.SUPPORTED_LANGUAGES[0],ve=()=>{const e=q.trim();if(e){if(H.includes(e)){(0,toast_1.showToast)("Pattern already exists in filter list");return}try{new RegExp(e)}catch{}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(r=>[...r,e]),we(""),(0,toast_1.showToast)("Hidden URL pattern added")}},to=e=>{const r=H[e];if(constants_1.DEFAULT_HIDDEN_URL_PATTERNS.includes(r)){(0,toast_1.showToast)("Default system filter cannot be removed");return}(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(C=>C.filter((f,v)=>v!==e)),(0,toast_1.showToast)("Pattern removed")};(0,react_1.useEffect)(()=>{xe(L)},[L]);const V=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current;(0,react_1.useEffect)(()=>{V.setValue(0),react_native_1.Animated.spring(V,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start()},[A]);const Y=(0,settingsStore_1.calculateRamBasedLimits)(ie),S=(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:"perf",label:"Performance & FPS",category:"telemetry",icon:"perf",desc:"Live 60 FPS graph, JS event loop queue lag, memory heap & jank monitor"},{id:4,key:"analytics",label:"Analytics Logger",category:"telemetry",icon:"analytics",desc:"Firebase & custom analytics events, user properties & params"},{id:5,key:"redux",label:"Redux Inspector",category:"telemetry",icon:"redux",desc:"Store state diffing, action history & reducer timeline"},{id:6,key:"storage",label:"Storage Inspector",category:"telemetry",icon:"storage",desc:"AsyncStorage & MMKV key-value store viewer with full CRUD support"},{id:7,key:"device",label:"Device Info",category:"diagnostic",icon:"device",desc:"Hardware specs, IP address, screen metrics, UDID & runtime stats"},{id:8,key:"crash",label:"Crash Protection",category:"diagnostic",icon:"crash",desc:"Runtime exception guard, breadcrumbs & memory snapshot"},{id:9,key:"debugging",label:"Multi-Device Debugging",category:"diagnostic",icon:"debugging",desc:"QR Code bridge for direct Debug APK download & Metro live-reload sync"},{id:10,key:"media",label:"Screencast",category:"diagnostic",icon:"media",desc:"Screenshots, video recordings, audio narration & animated GIFs"},{id:11,key:"push",label:"Push Notifications",category:"telemetry",icon:"push",desc:"Universal push & local notification logger (Salesforce, FCM, APNs, Braze, Expo)"},{id:12,key:"socket",label:"WebSocket & Socket.IO",category:"telemetry",icon:"socket",desc:"Real-time WebSocket & Socket.IO message inspector, frames & event logger"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)():!0),[]),io={apis:{color:AppColors_1.AppColors.blue500,bg:`${AppColors_1.AppColors.blue500}14`,border:`${AppColors_1.AppColors.blue500}2E`},logs:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},perf:{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},analytics:{color:AppColors_1.AppColors.amber600,bg:`${AppColors_1.AppColors.amber600}14`,border:`${AppColors_1.AppColors.amber600}2E`},redux:{color:AppColors_1.AppColors.violet600,bg:`${AppColors_1.AppColors.violet600}14`,border:`${AppColors_1.AppColors.violet600}2E`},storage:{color:AppColors_1.AppColors.cyan600,bg:`${AppColors_1.AppColors.cyan600}14`,border:`${AppColors_1.AppColors.cyan600}2E`},device:{color:AppColors_1.AppColors.emerald600,bg:`${AppColors_1.AppColors.emerald600}14`,border:`${AppColors_1.AppColors.emerald600}2E`},crash:{color:AppColors_1.AppColors.red600,bg:`${AppColors_1.AppColors.red600}14`,border:`${AppColors_1.AppColors.red600}2E`},debugging:{color:AppColors_1.AppColors.indigo600,bg:`${AppColors_1.AppColors.indigo600}14`,border:`${AppColors_1.AppColors.indigo600}2E`},media:{color:AppColors_1.AppColors.pink600,bg:`${AppColors_1.AppColors.pink600}14`,border:`${AppColors_1.AppColors.pink600}2E`},push:{color:AppColors_1.AppColors.orange600,bg:`${AppColors_1.AppColors.orange600}14`,border:`${AppColors_1.AppColors.orange600}2E`},socket:{color:AppColors_1.AppColors.teal600,bg:`${AppColors_1.AppColors.teal600}14`,border:`${AppColors_1.AppColors.teal600}2E`}},Q=(0,react_1.useMemo)(()=>S.filter(e=>!(e.key==="apis"||e.key==="redux"&&!(0,reduxLogger_1.isReduxConnected)()||e.key==="analytics"&&!(0,analyticsLogger_1.isAnalyticsConnected)())),[S]),ao=S.filter(e=>e.key==="apis"||!!R?.[e.key]).length,D=(0,react_1.useMemo)(()=>Q.length===0?!1:Q.every(e=>!!R?.[e.key]),[Q,R]),lo=e=>{e!=="apis"&&((0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e))},no=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=!D;Q.forEach(r=>{!!R?.[r.key]!==e&&pe(r.key)}),(0,toast_1.showToast)(e?"All modules enabled":"Optional modules disabled")},[se,Ve]=(0,react_1.useState)(!1),i=e=><react_native_1.View key={e.key}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 h=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(h)}}}keyboardType={e.numericInput.keyboardType??"number-pad"}placeholder={e.numericInput.placeholder}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}maxLength={6}selectTextOnFocus/>
+              <react_native_1.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 f=Math.max(e.numericInput?.min??1,Math.min(e.numericInput?.max??1e4,C));e.numericInput?.onChange(f)}}}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,151 +32,122 @@
                   </react_native_1.Text>
                 </TouchableScale_1.default>})}
           </react_native_1.View>}
-      </react_native_1.View>,qe=()=><react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.View>,so=()=><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:`${w.filter(e=>v?.[e.key]||e.key==="apis").length}/${w.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)(),A(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}
-                  </react_native_1.Text>
-                  {e.badge&&<react_native_1.View style={{backgroundColor:r?"rgba(255,255,255,0.25)":`${AppColors_1.AppColors.purple}18`,paddingHorizontal:5.5,paddingVertical:1,borderRadius:10}}>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-                        {e.badge}
-                      </react_native_1.Text>
-                    </react_native_1.View>}
-                </TouchableScale_1.default>})}
-          </react_native_1.ScrollView>
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,flexDirection:"row",alignItems:"center",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.04,shadowRadius:4,shadowOffset:{width:0,height:2},elevation:2}}>
+          {[{key:"module",label:o("settings.navModules","Modules"),Icon:NetworkIcons_1.LayersIcon},{key:"ui",label:o("settings.navDisplay","Display"),Icon:NetworkIcons_1.ScreenIcon},{key:"limits",label:o("settings.navLimits","Limits"),Icon:NetworkIcons_1.BrainIcon},{key:"capture",label:o("settings.navCapture","Capture"),Icon:NetworkIcons_1.CameraIcon}].map(e=>{const r=A===e.key,C=e.Icon;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="tab"accessibilityLabel={e.label}accessibilityState={{selected:r}}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{flex:1,minWidth:0,paddingVertical:8,paddingHorizontal:2,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:4,borderRadius:9,backgroundColor:r?AppColors_1.AppColors.purple:"transparent"}}>
+                <C color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}size={12}/>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}}numberOfLines={1}ellipsizeMode="tail">
+                  {e.label}
+                </react_native_1.Text>
+              </TouchableScale_1.default>})}
         </react_native_1.View>
 
-        {n==="module"&&<react_native_1.View style={{gap:12}}>
+        {A==="module"&&<react_native_1.Animated.View style={{gap:10,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
-            <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,paddingVertical:10,paddingHorizontal:14,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.purple}40`:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.02,shadowRadius:3,shadowOffset:{width:0,height:1}}}>
-              <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel="Toggle Select All Modules"accessibilityState={{checked:T}}onPress={ye}style={{flexDirection:"row",alignItems:"center",gap:10,flex:1}}>
-                <react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:T?0:1.8,borderColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:T?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  {T&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>}
-                </react_native_1.View>
-                <react_native_1.View>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack}}>
-                    {T?"Deselect All Modules":"Select All Modules"}
-                  </react_native_1.Text>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10.5,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    {ue} of {w.length} modules active
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:4,paddingVertical:2}}>
+              <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,lineHeight:16,color:AppColors_1.AppColors.primaryBlack}}>
+                  Active Modules
+                </react_native_1.Text>
+                <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:1.5,borderRadius:10,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}25`}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.purple}}>
+                    {ao} of {S.length}
                   </react_native_1.Text>
                 </react_native_1.View>
-              </TouchableScale_1.default>
+              </react_native_1.View>
 
-              <TouchableScale_1.default onPress={ye}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:T?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.purple,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.purple}30`:"transparent"}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:T?AppColors_1.AppColors.purple:AppColors_1.AppColors.white}}>
-                  {T?"Deselect All":"Select All"}
+              <TouchableScale_1.default onPress={no}hitSlop={6}style={{paddingHorizontal:10,paddingVertical:4.5,borderRadius:7,backgroundColor:D?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.purple,borderWidth:1,borderColor:D?`${AppColors_1.AppColors.purple}30`:"transparent"}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:D?AppColors_1.AppColors.purple:AppColors_1.AppColors.white}}>
+                  {D?"Deselect All":"Select All"}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>
 
             
-            <react_native_1.View style={{gap:10}}>
-              {w.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_1.isAnalyticsConnected)(),h=e.key==="redux"&&!r||e.key==="analytics"&&!C,x=e.key==="apis"||h,l=e.key==="apis"||!!v?.[e.key]&&!h,oe=e.key==="apis"?q.length>0?`${q.length} requests`:"":e.key==="logs"?K.length>0?`${K.length} logs \u2022 Limit: ${Q}`:"":e.key==="crash"?R&&R.length>0?`${R.length} crashes recorded \u2022 Crash Guard`:"":e.key==="analytics"?J.length>0?`${J.length} events logged`:"":e.key==="redux"?z&&Object.keys(z).length>0?`${Object.keys(z).length} slices \u2022 Depth: ${te}`:"":e.key==="push"?I&&I.length>0?`${I.length} notifications logged`:"":e.key==="socket"&&L&&L.length>0?`${L.length} connections active`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1.5,borderColor:l?`${AppColors_1.AppColors.purple}38`:AppColors_1.AppColors.grayBorderSecondary,padding:14,gap:10,shadowColor:AppColors_1.AppColors.black,shadowOpacity:l?.04:.02,shadowRadius:5,shadowOffset:{width:0,height:2}}}>
+            <react_native_1.View style={{gap:8}}>
+              {S.map(e=>{const r=(0,reduxLogger_1.isReduxConnected)(),C=(0,analyticsLogger_1.isAnalyticsConnected)(),f=e.key==="redux"&&!r||e.key==="analytics"&&!C,v=e.key==="apis"||f,t=e.key==="apis"||!!R?.[e.key]&&!f,h=io[e.key]||{color:AppColors_1.AppColors.purple,bg:`${AppColors_1.AppColors.purple}14`,border:`${AppColors_1.AppColors.purple}2E`},F=e.key==="apis"||e.key==="logs"||e.key==="analytics"||e.key==="redux"||e.key==="crash"||e.key==="push"||e.key==="socket",P=e.key==="apis"?oe.length>0?`${oe.length} requests`:"":e.key==="logs"?re.length>0?`${re.length} logs`:"":e.key==="crash"?W&&W.length>0?`${W.length} crashes`:"":e.key==="analytics"?te.length>0?`${te.length} events`:"":e.key==="redux"?$&&Object.keys($).length>0?`${Object.keys($).length} slices`:"":e.key==="push"?O&&O.length>0?`${O.length} notifications`:"":e.key==="socket"&&N&&N.length>0?`${N.length} sockets`:"";return<react_native_1.View key={e.key}style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:13,borderWidth:1,borderColor:t?`${h.color}38`:AppColors_1.AppColors.grayBorderSecondary,padding:12,gap:8,shadowColor:AppColors_1.AppColors.black,shadowOpacity:t?.03:.01,shadowRadius:3,shadowOffset:{width:0,height:1.5},elevation:1.5}}>
                     
-                    <react_native_1.View style={{flexDirection:"row",alignItems:"flex-start",gap:10}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
                       
-                      <TouchableScale_1.default accessible={!0}accessibilityRole="checkbox"accessibilityLabel={`Select ${e.label}`}accessibilityState={{checked:l,disabled:x}}disabled={x}onPress={()=>{x||E(he=>({...he,[e.key]:!he[e.key]}))}}hitSlop={8}style={{width:22,height:22,borderRadius:6,borderWidth:l?0:1.8,borderColor:x?AppColors_1.AppColors.dividerColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e.key==="apis"?`${AppColors_1.AppColors.blue500}22`:l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center",marginTop:7,shadowColor:l?AppColors_1.AppColors.purple:"transparent",shadowOpacity:l?.25:0,shadowRadius:2,elevation:l?2:0}}>
-                        {e.key==="apis"?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.blue500}/>:l?<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.white}/>:x?<react_native_svg_1.default width={10}height={10}viewBox="0 0 24 24"fill="none">
-                            <react_native_svg_1.Path d="M7 10V7a5 5 0 0 1 10 0v3"stroke={AppColors_1.AppColors.grayText}strokeWidth="2.2"strokeLinecap="round"/>
-                            <react_native_svg_1.Path d="M5 10h14v9a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"fill={AppColors_1.AppColors.grayText}/>
-                          </react_native_svg_1.default>:null}
-                      </TouchableScale_1.default>
+                      <react_native_1.View style={{width:38,height:38,borderRadius:10,backgroundColor:t?h.bg:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:t?h.border:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",flexShrink:0}}>
+                        {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="perf"&&<NetworkIcons_1.SpeedometerIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="push"&&<NetworkIcons_1.BellIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={t?h.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                      </react_native_1.View>
 
                       
-                      <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`${e.label} settings`}disabled={h}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{flex:1,flexDirection:"row",alignItems:"flex-start",gap:10}}>
-                        
-                        <react_native_1.View style={{width:36,height:36,borderRadius:10,backgroundColor:x?`${AppColors_1.AppColors.grayBorderSecondary}4D`:l?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:x?AppColors_1.AppColors.dividerColor:l?`${AppColors_1.AppColors.purple}33`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",marginTop:1}}>
-                          {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="push"&&<NetworkIcons_1.BellIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                          {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>}
-                        </react_native_1.View>
+                      <react_native_1.View style={{flex:1,minWidth:0,justifyContent:"center"}}>
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:v?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}numberOfLines={1}>
+                            {e.label}
+                          </react_native_1.Text>
 
-                        
-                        <react_native_1.View style={{flex:1,gap:2}}>
-                          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
-                            <react_native_1.View style={{minWidth:22,height:22,paddingHorizontal:5,borderRadius:11,backgroundColor:l?`${AppColors_1.AppColors.purple}1C`:`${AppColors_1.AppColors.grayBorderSecondary}80`,borderWidth:1,borderColor:l?`${AppColors_1.AppColors.purple}44`:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
-                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:l?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                                #{e.id}
+                          
+                          {e.key==="apis"&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.blue500}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.blue500}33`}}>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,lineHeight:10,color:AppColors_1.AppColors.blue500,letterSpacing:.3}}>
+                                CORE
                               </react_native_1.Text>
-                            </react_native_1.View>
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,lineHeight:18,color:x?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
-                              {e.label}
-                            </react_native_1.Text>
+                            </react_native_1.View>}
 
-                            
-                            {e.key===S&&!h&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.purple}14`,borderRadius:12,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`,gap:3}}>
-                                  <react_native_1.View style={{width:4,height:4,borderRadius:2,backgroundColor:AppColors_1.AppColors.purple}}/>
-                                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.purple,letterSpacing:.4}}>
-                                    {o("settings.defaultBadge")}
-                                  </react_native_1.Text>
-                                </react_native_1.View>}
-
-                            
-                            {e.key==="apis"?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.blue500}14`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.blue500}33`}}>
-                                <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>:h?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.amber500}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}35`}}>
-                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.amber700,letterSpacing:.3}}>
-                                  {e.key==="redux"?o("settings.notConnectedBadge"):o("settings.notDetectedBadge")}
-                                </react_native_1.Text>
-                              </react_native_1.View>:l?<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.liveGreen}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.liveGreen}38`}}>
-                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.green700,letterSpacing:.3}}>
-                                  {o("settings.activeBadge")}
-                                </react_native_1.Text>
-                              </react_native_1.View>:<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.grayTextWeak}18`,borderRadius:4,paddingHorizontal:5,paddingVertical:1.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.grayTextWeak}2E`}}>
-                                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.3}}>
-                                  {o("settings.dormantBadge")}
-                                </react_native_1.Text>
-                              </react_native_1.View>}
-                          </react_native_1.View>
-
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:15,marginTop:1}}>
-                            {e.desc}
-                          </react_native_1.Text>
+                          {e.key===z&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}2E`}}>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,lineHeight:10,color:AppColors_1.AppColors.purple,letterSpacing:.3}}>
+                                DEFAULT
+                              </react_native_1.Text>
+                            </react_native_1.View>}
+
+                          {f&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.amber500}14`,paddingHorizontal:4.5,paddingVertical:1,borderRadius:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.amber500}33`}}>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:7.5,lineHeight:10,color:AppColors_1.AppColors.amber700,letterSpacing:.3}}>
+                                OFFLINE
+                              </react_native_1.Text>
+                            </react_native_1.View>}
                         </react_native_1.View>
-                      </TouchableScale_1.default>
+
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak,marginTop:1.5}}numberOfLines={1}ellipsizeMode="tail">
+                          {e.desc}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+
+                      
+                      <react_native_1.Switch value={t}disabled={v}onValueChange={()=>lo(e.key)}trackColor={{false:AppColors_1.AppColors.grayBorderSecondary,true:AppColors_1.AppColors.purple}}thumbColor={AppColors_1.AppColors.white}ios_backgroundColor={AppColors_1.AppColors.grayBorderSecondary}style={{transform:[{scaleX:.8},{scaleY:.8}]}}/>
                     </react_native_1.View>
 
                     
-                    {!h&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor}}>
+                    {(P||F||e.key==="media")&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingTop:7,borderTopWidth:1,borderTopColor:`${AppColors_1.AppColors.dividerColor}99`,marginTop:1}}>
                         
-                        {oe&&oe.trim().length>0?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1}}>
-                            <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:l?AppColors_1.AppColors.liveGreen:AppColors_1.AppColors.grayTextWeak}}/>
-                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText,lineHeight:14}}>
-                              {oe}
-                            </react_native_1.Text>
-                          </react_native_1.View>:<react_native_1.View style={{flex:1}}/>}
+                        <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flex:1}}>
+                          {P?<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5}}>
+                              <react_native_1.View style={{width:5.5,height:5.5,borderRadius:3,backgroundColor:t?h.color:AppColors_1.AppColors.grayTextWeak}}/>
+                              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,lineHeight:14,color:t?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.grayTextWeak}}>
+                                {P}
+                              </react_native_1.Text>
+                            </react_native_1.View>:<react_native_1.View/>}
+                        </react_native_1.View>
 
                         
-                        <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Configure ${e.label} settings`}onPress={()=>{(0,InspectorContext_1.animateNextLayout)(),b(e.key)}}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.purple}12`,paddingHorizontal:10,paddingVertical:5,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}26`}}>
-                          <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.purple}size={11}/>
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.purple}}>
-                            {o("settings.configure")}
-                          </react_native_1.Text>
-                          <NetworkIcons_1.ForwardChevronIcon color={AppColors_1.AppColors.purple}size={9}/>
-                        </TouchableScale_1.default>
+                        {(F||e.key==="media")&&<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.key==="media"?((0,InspectorContext_1.animateNextLayout)(),b("capture")):_(e.key)}}hitSlop={6}style={{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:8.5,paddingVertical:4,borderRadius:6.5,backgroundColor:`${h.color}14`,borderWidth:1,borderColor:`${h.color}2A`}}>
+                            <NetworkIcons_1.SettingsIcon color={h.color}size={10}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:h.color}}>
+                              {o("settings.configure","Configure")}
+                            </react_native_1.Text>
+                            <NetworkIcons_1.ForwardChevronIcon color={h.color}size={8}/>
+                          </TouchableScale_1.default>}
                       </react_native_1.View>}
                   </react_native_1.View>})}
             </react_native_1.View>
-          </react_native_1.View>}
+          </react_native_1.Animated.View>}
 
-        {n==="ui"&&<react_native_1.View style={{gap:14}}>
+        {A==="ui"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <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}}>
@@ -186,7 +157,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"}}>
-                    {F?<NetworkIcons_1.SunIcon color={AppColors_1.AppColors.purple}size={15}/>:<NetworkIcons_1.MoonIcon color={AppColors_1.AppColors.purple}size={15}/>}
+                    {I?<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}}>
@@ -198,7 +169,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:F}}onPress={()=>{const e=!F;we(e),(0,styles_1.toggleGlobalTheme)(e)}}style={{width:42,height:24,borderRadius:12,backgroundColor:F?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:F?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle Dark Theme"accessibilityState={{checked:I}}onPress={()=>{const e=!I;Fe(e),(0,styles_1.toggleGlobalTheme)(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>
@@ -221,10 +192,10 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ge(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}20`}}>
-                  {O?.flag?<react_native_1.Text style={{fontSize:13}}>{O.flag}</react_native_1.Text>:<NetworkIcons_1.GlobeIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Te(!0)}}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:10,paddingVertical:6,borderRadius:8,gap:5,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}20`}}>
+                  {K?.flag?<react_native_1.Text style={{fontSize:13}}>{K.flag}</react_native_1.Text>:<NetworkIcons_1.GlobeIcon size={14}color={AppColors_1.AppColors.purple}/>}
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:12,color:AppColors_1.AppColors.purple}}>
-                    {O?.nativeName||O?.name||"English"}
+                    {K?.nativeName||K?.name||"English"}
                   </react_native_1.Text>
                   <NetworkIcons_1.ForwardChevronIcon size={11}color={AppColors_1.AppColors.purple}/>
                 </TouchableScale_1.default>
@@ -254,16 +225,16 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {$!==B&&<TouchableScale_1.default onPress={()=>{fe($)}}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}}>
+                  {J!==L&&<TouchableScale_1.default onPress={()=>{Re(J)}}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 ({$}%)
+                        Save ({J}%)
                       </react_native_1.Text>
                     </TouchableScale_1.default>}
                 </react_native_1.View>
 
                 <react_native_1.View style={{marginTop:6}}>
-                  <Slider_1.default value={$}onValueChange={de}min={50}max={90}step={5}quickPresets={[50,60,70,80,90]}formatLabel={e=>`${Math.round(e)}%`}/>
+                  <Slider_1.default value={J}onValueChange={xe}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>
 
@@ -288,13 +259,13 @@
 
                   <react_native_1.View style={{backgroundColor:"rgba(6, 182, 212, 0.14)",paddingHorizontal:8,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:"rgba(6, 182, 212, 0.30)"}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:"#06B6D4"}}>
-                      {ce.toFixed(1)}
+                      {_e.toFixed(1)}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.View style={{marginTop:6}}>
-                  <Slider_1.default value={ce}onValueChange={e=>{const r=Math.round(e*10)/10;Ne(r)}}min={.1}max={1}step={.1}quickPresets={[.1,.3,.5,.7,1]}formatLabel={e=>e.toFixed(1)}/>
+                  <Slider_1.default value={_e}onValueChange={e=>{const r=Math.round(e*10)/10;eo(r)}}min={.1}max={1}step={.1}quickPresets={[.1,.3,.5,.7,1]}formatLabel={e=>e.toFixed(1)}/>
                 </react_native_1.View>
               </react_native_1.View>
 
@@ -317,7 +288,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,padding:3,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}}>
-                  {[{key:"slide",label:"Slide Up"},{key:"fade",label:"Fade"},{key:"none",label:"None"}].map(e=>{const r=_e===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>me(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=ze===e.key;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Set transition animation to ${e.label}`}accessibilityState={{selected:r}}onPress={()=>Be(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>
@@ -348,11 +319,11 @@
 
               
               <react_native_1.View style={{marginTop:6,gap:6}}>
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${w.find(e=>e.key===S)?.label||"APIs"}`}onPress={()=>Ce(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:ee?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:14,paddingVertical:11}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={`Default opening tab: ${S.find(e=>e.key===z)?.label||"APIs"}`}onPress={()=>Ve(e=>!e)}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1.5,borderColor:se?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}}>
-                      {w.find(e=>e.key===S)?`#${w.find(e=>e.key===S)?.id} ${w.find(e=>e.key===S)?.label}`:"#1 APIs (Network)"}
+                      {S.find(e=>e.key===z)?`#${S.find(e=>e.key===z)?.id} ${S.find(e=>e.key===z)?.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}}>
@@ -361,21 +332,21 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  <react_native_1.View style={{transform:[{rotate:ee?"180deg":"0deg"}]}}>
+                  <react_native_1.View style={{transform:[{rotate:se?"180deg":"0deg"}]}}>
                     <NetworkIcons_1.ChevronDownIcon color={AppColors_1.AppColors.grayText}size={15}/>
                   </react_native_1.View>
                 </TouchableScale_1.default>
 
                 
-                {ee&&<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,overflow:"hidden",shadowColor:AppColors_1.AppColors.black,shadowOpacity:.08,shadowRadius:6,shadowOffset:{width:0,height:3},elevation:4}}>
-                    {w.filter(e=>e.key==="apis"||v?.[e.key]||t?.[e.key]).map((e,r,C)=>{const h=S===e.key,x=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{Ae(e.key),Ce(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:h?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:x?0:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
+                {se&&<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}}>
+                    {S.filter(e=>e.key==="apis"||R?.[e.key]).map((e,r,C)=>{const f=z===e.key,v=r===C.length-1;return<TouchableScale_1.default key={e.key}accessible={!0}accessibilityRole="button"accessibilityLabel={`Select ${e.label} as default tab`}onPress={()=>{ke(e.key),Ve(!1)}}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:14,paddingVertical:11,backgroundColor:f?`${AppColors_1.AppColors.purple}0F`:"transparent",borderBottomWidth:v?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:h?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
-                              <react_native_1.Text style={{fontFamily:h?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:h?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
+                              <react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:f?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}}/>
+                              <react_native_1.Text style={{fontFamily:f?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interMedium,fontSize:13,color:f?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
                                 #{e.id} {e.label}
                               </react_native_1.Text>
                             </react_native_1.View>
-                            {h&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
+                            {f&&<NetworkIcons_1.CheckIcon size={14}color={AppColors_1.AppColors.purple}/>}
                           </TouchableScale_1.default>})}
                   </react_native_1.View>}
               </react_native_1.View>
@@ -403,14 +374,14 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:U}}onPress={()=>Te(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:U?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:U?"flex-end":"flex-start"}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle NPM Update Toast"accessibilityState={{checked:ee}}onPress={()=>He(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:ee?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:ee?"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>}
+          </react_native_1.Animated.View>}
 
-        {n==="limits"&&<react_native_1.View style={{gap:14}}>
+        {A==="limits"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
             
             <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}}>
@@ -434,7 +405,7 @@
                   </react_native_1.View>
                 </react_native_1.View>
 
-                <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle auto RAM limit calculation"accessibilityState={{checked:f}}onPress={()=>Be(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 auto RAM limit calculation"accessibilityState={{checked:w}}onPress={()=>We(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:w?"flex-end":"flex-start"}}>
                   <react_native_1.View style={{width:20,height:20,borderRadius:10,backgroundColor:AppColors_1.AppColors.white,shadowColor:AppColors_1.AppColors.black,shadowOpacity:.18,shadowRadius:2,shadowOffset:{width:0,height:1}}}/>
                 </TouchableScale_1.default>
               </react_native_1.View>
@@ -443,20 +414,20 @@
 
               
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:10}}>
-                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:f?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
-                  <NetworkIcons_1.SignalIcon color={f?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
+                <react_native_1.View style={{width:32,height:32,borderRadius:8,backgroundColor:w?`${AppColors_1.AppColors.purple}14`:AppColors_1.AppColors.grayBackground,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.SignalIcon color={w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={15}/>
                 </react_native_1.View>
                 <react_native_1.View style={{flex:1}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:f?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:w?AppColors_1.AppColors.primaryBlack:AppColors_1.AppColors.grayText}}>
                     Detected Available RAM
                   </react_native_1.Text>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText,marginTop:1}}>
-                    {X} MB available on device
+                    {ie} MB available on device
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:f?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:f?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:f?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
-                    {X} MB
+                <react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:w?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:w?`${AppColors_1.AppColors.purple}26`:AppColors_1.AppColors.dividerColor}}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,lineHeight:15,color:w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}}>
+                    {ie} MB
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -465,17 +436,17 @@
               <react_native_1.View style={{marginTop:4,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor,gap:6}}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,lineHeight:15,color:AppColors_1.AppColors.purple}}>
-                    Profile: {M.profileName}
+                    Profile: {Y.profileName}
                   </react_native_1.Text>
-                  <react_native_1.View style={{backgroundColor:f?`${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:f?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
-                      {f?"AUTO-TUNED":"MANUAL"}
+                  <react_native_1.View style={{backgroundColor:w?`${AppColors_1.AppColors.emerald500}18`:`${AppColors_1.AppColors.purple}18`,paddingHorizontal:7,paddingVertical:2.5,borderRadius:4}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:w?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.purple}}>
+                      {w?"AUTO-TUNED":"MANUAL"}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{label:"Logs",value:f?M.maxConsoleLogs:Q,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:f?M.maxAnalyticsEvents:re,color:AppColors_1.AppColors.purple},{label:"Crash",value:f?M.maxCrashRecords:ie,color:AppColors_1.AppColors.errorColor}].map(e=><react_native_1.View key={e.label}style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${e.color}14`,borderWidth:1,borderColor:`${e.color}33`}}>
+                  {[{label:"Logs",value:w?Y.maxConsoleLogs:ce,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:w?Y.maxAnalyticsEvents:de,color:AppColors_1.AppColors.purple},{label:"Crash",value:w?Y.maxCrashRecords:ge,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>
@@ -533,8 +504,31 @@
                 </TouchableScale_1.default>
               </react_native_1.View>
             </react_native_1.View>
-          </react_native_1.View>}
-        {n==="capture"&&<react_native_1.View style={{gap:12}}>
+          </react_native_1.Animated.View>}
+        {A==="capture"&&<react_native_1.Animated.View style={{gap:16,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+            
+            <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.rose500}1A`,alignItems:"center",justifyContent:"center"}}>
+                  <NetworkIcons_1.VideoCameraIcon color={AppColors_1.AppColors.rose500}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.floatingWidgetTitle","Floating Capture Widget")}
+                  </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.floatingWidgetDesc","On-screen floating button to quickly take screenshots and record videos (Disabled by default)")}
+                  </react_native_1.Text>
+                </react_native_1.View>
+              </react_native_1.View>
+
+              {i({icon:<NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.enableFloatingWidget","Enable Floating Widget"),description:o("settings.media.enableFloatingWidgetDesc","Shows draggable quick screenshot & video recording button on screen"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe(e=>!e),(0,toast_1.showToast)(`Capture widget: ${B?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),fe(e=>!e),(0,toast_1.showToast)(`Capture widget: ${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?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}}>
@@ -551,17 +545,17 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {a({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {["png","jpeg","webp"].map(e=>{const r=Z===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ae(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {i({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=le===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ce(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                             {e.toUpperCase()}
                           </react_native_1.Text>
                         </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {a({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:_?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:_?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:_?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                      {_?o("settings.media.enabled","ON"):"OFF"}
+              {i({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"),U(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${x?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),U(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${x?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:x?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:x?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:x?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                      {x?o("settings.media.enabled","ON"):"OFF"}
                     </react_native_1.Text>
                   </TouchableScale_1.default>})}
             </react_native_1.View>
@@ -582,77 +576,117 @@
                 </react_native_1.View>
               </react_native_1.View>
 
-              {a({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=le===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {i({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                    {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=he===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ae(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                             {e.label}
                           </react_native_1.Text>
                         </TouchableScale_1.default>})}
                   </react_native_1.View>})}
 
-              {a({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                    {[15,24,30,60].map(e=>{const r=se===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+              {i({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=be===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),me(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>})}
 
-              {a({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),W(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),W(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:m?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:m?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:m?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                      {m?"ON":"OFF"}
+              {i({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"),G(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${T?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),G(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${T?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:T?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:T?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                      {T?"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}}>
-              {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+              {i({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>}
+          </react_native_1.Animated.View>}
+
         <react_native_1.View style={{height:48}}/>
       </react_native_1.ScrollView>
+    </react_native_1.View>;let k=null;if(a==="apis")k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
 
-      
-      {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}}>
-              {ue} of {w.length} Modules Active
-            </react_native_1.Text>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:k?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText,marginTop:1}}>
-              {o(k?"settings.unsavedPending":"settings.allSynchronized")}
-            </react_native_1.Text>
+        
+        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16,gap:12}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"flex-start",justifyContent:"space-between",gap:8}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8,flex:1}}>
+              <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>
+              <react_native_1.View style={{flex:1}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,lineHeight:18,color:AppColors_1.AppColors.primaryBlack}}>
+                  {o("settings.apis.hideUrlRegexTitle","Hidden URL Filters (Regex)")}
+                </react_native_1.Text>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak,marginTop:2}}>
+                  {o("settings.apis.hideUrlRegexDesc","Hide matching URLs from Network list and search results (calls will still execute normally).")}
+                </react_native_1.Text>
+              </react_native_1.View>
+            </react_native_1.View>
+            {H.length>0&&<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ne([...constants_1.DEFAULT_HIDDEN_URL_PATTERNS]),(0,toast_1.showToast)(o("settings.apis.resetFilterToast","Reset to default URL filters"))}}hitSlop={8}style={{paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}33`,alignSelf:"flex-start"}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.purple}}>
+                  {o("common.resetDefaults","Reset Defaults")}
+                </react_native_1.Text>
+              </TouchableScale_1.default>}
           </react_native_1.View>
 
-          <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Save Changes"onPress={Ue}style={{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:k?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}22`,paddingHorizontal:18,paddingVertical:10,borderRadius:10}}>
-            <NetworkIcons_1.CheckIcon size={14}color={k?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
-            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,lineHeight:17,color:k?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
-              {o("settings.saveChanges")}
-            </react_native_1.Text>
-          </TouchableScale_1.default>
-        </react_native_1.View>}
-    </react_native_1.View>;let V=null;i==="apis"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+          
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8,backgroundColor:AppColors_1.AppColors.grayBackground,borderRadius:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:10,paddingVertical:react_native_1.Platform.OS==="ios"?8:4}}>
+            <NetworkIcons_1.CodeBracketsIcon size={14}color={AppColors_1.AppColors.grayTextWeak}/>
+            <react_native_1.TextInput style={{flex:1,fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,lineHeight:16,color:AppColors_1.AppColors.primaryBlack,padding:0}}placeholder={o("settings.apis.addPatternPlaceholder","e.g. https://api.example.com or .*analytics.*")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={q}onChangeText={we}autoCapitalize="none"autoCorrect={!1}onSubmitEditing={ve}returnKeyType="done"/>
+            <TouchableScale_1.default onPress={ve}disabled={!q.trim()}style={{paddingHorizontal:10,paddingVertical:5.5,borderRadius:7,backgroundColor:q.trim()?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}33`}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.white}}>
+                {o("common.add","+ Add")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
 
+          
+          <react_native_1.View style={{gap:6}}>
+            {H.map((e,r)=>{const C=constants_1.DEFAULT_HIDDEN_URL_PATTERNS.includes(e);return<react_native_1.View key={`${e}-${r}`}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",backgroundColor:C?`${AppColors_1.AppColors.slate200}44`:AppColors_1.AppColors.grayBackground,borderRadius:8,paddingHorizontal:10,paddingVertical:7,borderWidth:1,borderColor:C?`${AppColors_1.AppColors.grayBorderSecondary}`:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flex:1,minWidth:0}}>
+                    <react_native_1.View style={{paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,backgroundColor:C?`${AppColors_1.AppColors.blue500}18`:`${AppColors_1.AppColors.purple}1F`}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,lineHeight:11,color:C?AppColors_1.AppColors.blue600:AppColors_1.AppColors.purple}}>
+                        {C?"DEFAULT":"CUSTOM"}
+                      </react_native_1.Text>
+                    </react_native_1.View>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,lineHeight:15,color:C?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.primaryBlack,flex:1}}numberOfLines={1}ellipsizeMode="middle">
+                      {e}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  {C?<react_native_1.View style={{padding:5,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.grayTextWeak}18`,alignItems:"center",justifyContent:"center"}}>
+                      <NetworkIcons_1.LockIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
+                    </react_native_1.View>:<TouchableScale_1.default onPress={()=>to(r)}hitSlop={8}style={{padding:5,borderRadius:5,backgroundColor:`${AppColors_1.AppColors.errorColor}14`}}>
+                      <NetworkIcons_1.TrashIcon size={12}color={AppColors_1.AppColors.errorColor}/>
+                    </TouchableScale_1.default>}
+                </react_native_1.View>})}
+            {H.length===0&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayTextWeak,textAlign:"center",paddingVertical:8}}>
+                {o("settings.apis.noFiltersActive","No URL filters active. All URLs will be displayed.")}
+              </react_native_1.Text>}
+          </react_native_1.View>
+        </react_native_1.View>
+
+        
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:q.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),Ie(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`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.apis.clearNetworkLogs"),description:o("settings.apis.clearNetworkLogsDescription",{count:oe.length}),isLast:!0,onPress:()=>{(0,networkLogger_1.clearNetworkLogs)(),Ne(null),react_native_1.Alert.alert(o("common.success"),o("settings.apis.networkLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="logs"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>;else if(a==="logs")k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {a({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:Q,onChange:ke,min:10,max:100,placeholder:"Enter max logs (10-100)"}})}
+          {i({icon:<NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.logs.maxConsoleLogs"),description:o("settings.logs.maxConsoleLogsDescription"),numericInput:{value:ce,onChange:Le,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=ve?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,h=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),x=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return a({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:h,description:x,isLast:e==="error",onPress:()=>Ve(l=>({...l,[e]:!l[e]})),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:r?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:r?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+          {["info","warn","error"].map(e=>{const r=De?.[e],C=e==="error"?AppColors_1.AppColors.errorColor:e==="warn"?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.skyBlue,f=o(e==="info"?"settings.logs.showInfo":e==="warn"?"settings.logs.showWarn":"settings.logs.showError"),v=o(e==="info"?"settings.logs.showInfoDesc":e==="warn"?"settings.logs.showWarnDesc":"settings.logs.showErrorDesc");return i({icon:<react_native_1.View style={{width:12,height:12,borderRadius:6,backgroundColor:C}}/>,label:f,description:v,isLast:e==="error",onPress:()=>Pe(t=>({...t,[e]:!t[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>
@@ -679,74 +713,141 @@
               </react_native_1.View>
             </react_native_1.View>
 
-            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:G}}onPress={()=>xe(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:G?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:G?"flex-end":"flex-start"}}>
+            <TouchableScale_1.default accessible={!0}accessibilityRole="switch"accessibilityLabel="Toggle show duplicate logs"accessibilityState={{checked:Z}}onPress={()=>Ie(e=>!e)}style={{width:42,height:24,borderRadius:12,backgroundColor:Z?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,padding:2,justifyContent:"center",alignItems:Z?"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}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:K.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`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.logs.clearConsoleLogs"),description:o("settings.logs.clearConsoleLogsDescription",{count:re.length}),isLast:!0,onPress:()=>{(0,consoleLogger_1.clearConsoleLogs)(),react_native_1.Alert.alert(o("common.success"),o("settings.logs.consoleLogsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="analytics"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>;else if(a==="analytics")k=<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}}>
-          {a({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:J.length}),numericInput:{value:re,onChange:Fe,min:10,max:75,placeholder:"Enter max events (10-75)"},isLast:!0})}
+          {i({icon:<NetworkIcons_1.AnalyticsIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.analytics.maxAnalyticsEvents"),description:o("settings.analytics.maxAnalyticsEventsDescription",{count:te.length}),numericInput:{value:de,onChange:$e,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}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.analytics.clearAnalyticsEvents"),description:o("settings.analytics.clearAnalyticsEventsDescription"),isLast:!0,onPress:()=>{(0,analyticsLogger_1.clearAnalyticsEvents)(),He(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`}}>
+          {i({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)(),je(null),react_native_1.Alert.alert(o("common.success"),o("settings.analytics.analyticsEventsCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="redux"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>;else if(a==="redux")k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {a({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>ze(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:Y?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:Y?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
-                {Y&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+          {i({icon:<NetworkIcons_1.ReduxIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.autoRefresh"),description:o("settings.redux.autoRefreshDescription"),onPress:()=>Ee(e=>!e),right:<react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:ae?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:ae?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                {ae&&<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}}/>
-          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.redux.defaultJsonExpandDepth"),description:o("settings.redux.defaultJsonExpandDepthDescription"),picker:{options:[1,2,3,5],selectedValue:te,onSelect:Re},isLast:!0})}
+          {i({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:Oe,onSelect:Me},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}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o(z?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{Le(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`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.redux.clearReduxState"),description:o($?"settings.redux.clearReduxStateDescription":"settings.redux.clearReduxStateEmpty"),isLast:!0,onPress:()=>{Ue(null),react_native_1.Alert.alert(o("common.success"),o("settings.redux.reduxStateCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="crash"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>;else if(a==="crash"){const e=!!m?.js&&!m?.native&&!!m?.render&&!m?.promise&&!m?.custom,r=!m?.js&&!m?.native&&!m?.render&&!m?.promise&&!m?.custom,C=!!m?.js&&!!m?.native&&!!m?.render&&!!m?.promise&&!!m?.custom,f=["js","native","render","promise","custom"].filter(t=>!m?.[t]).length,v=[{key:"js",label:o("settings.crash.ignoreJs","Ignore JS Runtime Crashes"),desc:o("settings.crash.ignoreJsDesc","Bypasses unhandled JS runtime exceptions, TypeError, SyntaxError & ErrorUtils"),icon:<NetworkIcons_1.JsIcon size={16}color={AppColors_1.AppColors.yellow400}/>},{key:"native",label:o("settings.crash.ignoreNative","Ignore Native Platform Crashes"),desc:o("settings.crash.ignoreNativeDesc","Bypasses iOS Mach-O signals, SIGSEGV, NullPointerException & ExceptionsManager"),icon:<NetworkIcons_1.ChipIcon size={16}color={AppColors_1.AppColors.cyan600}/>},{key:"render",label:o("settings.crash.ignoreRender","Ignore React Render Errors"),desc:o("settings.crash.ignoreRenderDesc","Bypasses React component tree render failures & ErrorBoundary"),icon:<NetworkIcons_1.LayoutIcon size={16}color={AppColors_1.AppColors.purple400}/>},{key:"promise",label:o("settings.crash.ignorePromise","Ignore Promise Rejections"),desc:o("settings.crash.ignorePromiseDesc","Bypasses unhandled asynchronous Promise rejections"),icon:<NetworkIcons_1.HourglassIcon size={16}color={AppColors_1.AppColors.amber400}/>},{key:"custom",label:o("settings.crash.ignoreCustom","Ignore Custom Recorded Errors"),desc:o("settings.crash.ignoreCustomDesc","Bypasses manual recordCustomCrash exceptions & telemetry triggers"),icon:<NetworkIcons_1.CodeBracketsIcon size={16}color={AppColors_1.AppColors.emerald400}/>}];k=<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,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:12}}>
+          <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between"}}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+              <NetworkIcons_1.ShieldCheckIcon size={16}color={AppColors_1.AppColors.purple}/>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,letterSpacing:.5,color:AppColors_1.AppColors.purple}}>
+                {o("settings.crash.governancePresets","GOVERNANCE PRESETS")}
+              </react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.purple}14`}}>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple}}>
+                {f} / 5 PROTECTED
+              </react_native_1.Text>
+            </react_native_1.View>
+          </react_native_1.View>
+
+          
+          <react_native_1.View style={{flexDirection:"row",gap:8}}>
+            <TouchableScale_1.default onPress={()=>E("balanced")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:e?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:e?`${AppColors_1.AppColors.purple}12`:AppColors_1.AppColors.grayBackground,alignItems:"center",gap:4}}>
+              <NetworkIcons_1.ScaleBalanceIcon size={16}color={e?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:e?AppColors_1.AppColors.purple:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.crash.presetBalanced","Balanced")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>E("max_shield")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:r?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:r?`${AppColors_1.AppColors.greenColor}12`:AppColors_1.AppColors.grayBackground,alignItems:"center",gap:4}}>
+              <NetworkIcons_1.ShieldCheckIcon size={16}color={r?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.grayText}/>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:r?AppColors_1.AppColors.greenColor:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.crash.presetMaxShield","Max Shield")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+
+            <TouchableScale_1.default onPress={()=>E("silent")}style={{flex:1,paddingVertical:10,paddingHorizontal:6,borderRadius:10,borderWidth:1.5,borderColor:C?AppColors_1.AppColors.grayTextWeak:AppColors_1.AppColors.grayBorderSecondary,backgroundColor:C?`${AppColors_1.AppColors.grayTextWeak}1A`:AppColors_1.AppColors.grayBackground,alignItems:"center",gap:4}}>
+              <NetworkIcons_1.VolumeMuteIcon size={16}color={C?AppColors_1.AppColors.grayText:AppColors_1.AppColors.grayTextWeak}/>
+              <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:C?AppColors_1.AppColors.grayText:AppColors_1.AppColors.primaryBlack}}>
+                {o("settings.crash.presetSilent","Silent Mode")}
+              </react_native_1.Text>
+            </TouchableScale_1.default>
+          </react_native_1.View>
+
+          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:15,color:AppColors_1.AppColors.grayText}}>
+            {e?o("settings.crash.presetBalancedDesc","Recommended: Native & Promise protected; JS & Render ignored for clean dev workflow"):r?o("settings.crash.presetMaxShieldDesc","100% Protection: Intercepts & captures all 5 error categories"):C?o("settings.crash.presetSilentDesc","Bypasses all error modals & badges for screencasts & clean demos"):o("settings.crash.categoryMatrix","Customized rule matrix actively configured below")}
+          </react_native_1.Text>
+        </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:4}}>
-          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs"),description:o("settings.crash.maxCrashLogsDesc"),numericInput:{value:ie,onChange:De,min:5,max:50,placeholder:"Enter max crashes (5-50)"}})}
+          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,letterSpacing:.5,color:AppColors_1.AppColors.purple,marginBottom:4}}>
+            {o("settings.crash.categoryMatrix","ERROR INTERCEPTION & IGNORED CATEGORIES")}
+          </react_native_1.Text>
+
+          {v.map((t,h)=>{const F=!!m?.[t.key],P=h===v.length-1;return i({key:t.key,icon:t.icon,label:t.label,description:t.desc,isLast:P,onPress:()=>{Ge(Se=>({...Se,[t.key]:!Se[t.key]}))},right:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:8}}>
+                  <react_native_1.View style={{paddingHorizontal:6,paddingVertical:2.5,borderRadius:5,backgroundColor:F?`${AppColors_1.AppColors.warningIconGold}18`:`${AppColors_1.AppColors.greenColor}18`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:F?AppColors_1.AppColors.warningIconGold:AppColors_1.AppColors.greenColor}}>
+                      {F?o("settings.crash.ignoredBadge","IGNORED"):o("settings.crash.protectedBadge","PROTECTED")}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+                  <react_native_1.View style={{width:22,height:22,borderRadius:6,borderWidth:2,borderColor:F?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak,backgroundColor:F?`${AppColors_1.AppColors.purple}1A`:"transparent",alignItems:"center",justifyContent:"center"}}>
+                    {F&&<NetworkIcons_1.CheckIcon size={12}color={AppColors_1.AppColors.purple}/>}
+                  </react_native_1.View>
+                </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}}>
+          {i({icon:<NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.modalTriggerTitle","Modal Alert Display Policy"),description:o("settings.crash.modalTriggerDesc","Configure when the full-screen diagnostic modal appears"),isLast:!0,picker:{options:["fatal_only","all_errors","silent_tab_only"],selectedValue:qe||"fatal_only",onSelect:t=>ye(t),formatLabel:t=>t==="fatal_only"?o("settings.crash.policyFatalOnly","Fatal Only"):t==="all_errors"?o("settings.crash.policyAllErrors","All Caught"):o("settings.crash.policySilent","Silent Only")}})}
+        </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:4}}>
+          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.maxCrashLogs","Max Crash Logs Buffer"),description:o("settings.crash.maxCrashLogsDesc","How many crash records to preserve in history (5-100)"),numericInput:{value:ge,onChange:ue,min:5,max:100,placeholder:"Enter max crashes (5-100)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {a({icon:<NetworkIcons_1.ShieldAlertIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:o("settings.crash.globalGuard"),description:o("settings.crash.globalGuardDesc"),isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
-                  {o("settings.protectedBadge")}
+          {i({icon:<NetworkIcons_1.RefreshCcwIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.crash.resetDefaults","Reset to Defaults"),description:o("settings.crash.resetDefaultsDesc","Restore recommended balanced crash protection settings"),onPress:()=>{E("balanced"),ue(50),ye("fatal_only"),react_native_1.Alert.alert(o("common.success","Success"),o("settings.crash.resetDefaultsDesc","Restore recommended balanced crash protection settings"))},right:<react_native_1.View style={{paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple}}>
+                  {o("settings.reset","Reset")}
                 </react_native_1.Text>
               </react_native_1.View>})}
-        </react_native_1.View>
-
-        <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory"),description:o("settings.crash.clearHistoryDesc",{count:R?.length||0}),isLast:!0,onPress:()=>{(0,crashHandler_1.clearCrashRecords)(),react_native_1.Alert.alert(o("common.success"),o("settings.crash.historyCleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.crash.clearHistory","Clear Crash History"),description:o("settings.crash.clearHistoryDesc",{count:W?.length||0}),isLast:!0,onPress:()=>{(0,crashHandler_1.clearCrashRecords)(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.crash.historyCleared","Crash logs 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")}
+                  {o("common.clear","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"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>}else a==="push"?k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max Push Notification Logs",description:"Buffer size limit for recorded push payloads (10-200)",numericInput:{value:Pe,onChange:We,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
+          {i({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:Je,onChange:Ke,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {a({icon:<NetworkIcons_1.BellIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Universal Ingestion Engine",description:"Captures any push domain (Salesforce, FCM, APNs, Expo, Braze, Custom)",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+          {i({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>
@@ -763,25 +864,25 @@
           </react_native_1.View>
 
           <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <TouchableScale_1.default onPress={()=>{H("salesforce"),(0,toast_1.showToast)(o("settings.simulator.salesforce","Simulated Salesforce Marketing Cloud push"))}}style={{backgroundColor:`${AppColors_1.AppColors.sky600}14`,borderColor:`${AppColors_1.AppColors.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{M("salesforce"),(0,toast_1.showToast)(o("settings.simulator.salesforce","Simulated Salesforce Marketing Cloud push"))}}style={{backgroundColor:`${AppColors_1.AppColors.sky600}14`,borderColor:`${AppColors_1.AppColors.sky600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky600}}>
                 + Salesforce MC
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{H("fcm"),(0,toast_1.showToast)(o("settings.simulator.fcm","Simulated Firebase FCM push"))}}style={{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{M("fcm"),(0,toast_1.showToast)(o("settings.simulator.fcm","Simulated Firebase FCM push"))}}style={{backgroundColor:`${AppColors_1.AppColors.darkOrange}14`,borderColor:`${AppColors_1.AppColors.darkOrange}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.darkOrange}}>
                 + Firebase FCM
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{H("apns"),(0,toast_1.showToast)(o("settings.simulator.apns","Simulated Apple APNs push"))}}style={{backgroundColor:`${AppColors_1.AppColors.primaryBlack}10`,borderColor:`${AppColors_1.AppColors.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{M("apns"),(0,toast_1.showToast)(o("settings.simulator.apns","Simulated Apple APNs push"))}}style={{backgroundColor:`${AppColors_1.AppColors.primaryBlack}10`,borderColor:`${AppColors_1.AppColors.primaryBlack}25`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.primaryBlack}}>
                 + Apple APNs
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{H("deeplink"),(0,toast_1.showToast)(o("settings.simulator.deepLink","Simulated Deep Link push"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{M("deeplink"),(0,toast_1.showToast)(o("settings.simulator.deepLink","Simulated Deep Link push"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.brandPurple}}>
                 + Deep Link
               </react_native_1.Text>
@@ -791,19 +892,19 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("push.clearTitle","Clear Push History"),description:`Permanently remove all ${I?.length||0} recorded notifications`,isLast:!0,onPress:()=>{$e(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.pushHistoryCleared","Push notification history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("push.clearTitle","Clear Push History"),description:`Permanently remove all ${O?.length||0} recorded notifications`,isLast:!0,onPress:()=>{Ye(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.pushHistoryCleared","Push notification history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="socket"?V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:a==="socket"?k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4}}>
-          {a({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:Oe,onChange:Me,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
+          {i({icon:<NetworkIcons_1.LayersIcon color={AppColors_1.AppColors.purple}size={16}/>,label:"Max WebSocket Connections",description:"Ring buffer limit for active & closed socket sessions (10-200)",numericInput:{value:Qe,onChange:Xe,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
-          {a({icon:<NetworkIcons_1.WebsocketIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
+          {i({icon:<NetworkIcons_1.WebsocketIcon color={AppColors_1.AppColors.greenColor}size={16}/>,label:"Global WebSocket Interceptor",description:"Automatic capture for WebSocket, WSS & Socket.IO traffic",isLast:!0,right:<react_native_1.View style={{paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:AppColors_1.AppColors.greenColor}}>
                   ACTIVE
                 </react_native_1.Text>
@@ -820,25 +921,25 @@
           </react_native_1.View>
 
           <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:6}}>
-            <TouchableScale_1.default onPress={()=>{D("chat"),(0,toast_1.showToast)(o("settings.simulator.chat","Simulated Real-time Chat WebSocket session"))}}style={{backgroundColor:`${AppColors_1.AppColors.blue600}14`,borderColor:`${AppColors_1.AppColors.blue600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{j("chat"),(0,toast_1.showToast)(o("settings.simulator.chat","Simulated Real-time Chat WebSocket session"))}}style={{backgroundColor:`${AppColors_1.AppColors.blue600}14`,borderColor:`${AppColors_1.AppColors.blue600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.blue600}}>
                 + Chat Room (WS)
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{D("crypto"),(0,toast_1.showToast)(o("settings.simulator.crypto","Simulated Binance Crypto Ticker stream"))}}style={{backgroundColor:`${AppColors_1.AppColors.emerald600}14`,borderColor:`${AppColors_1.AppColors.emerald600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{j("crypto"),(0,toast_1.showToast)(o("settings.simulator.crypto","Simulated Binance Crypto Ticker stream"))}}style={{backgroundColor:`${AppColors_1.AppColors.emerald600}14`,borderColor:`${AppColors_1.AppColors.emerald600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.emerald600}}>
                 + Crypto Feed (WSS)
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{D("socketio"),(0,toast_1.showToast)(o("settings.simulator.socketio","Simulated Socket.IO v4 session"))}}style={{backgroundColor:`${AppColors_1.AppColors.violet600}14`,borderColor:`${AppColors_1.AppColors.violet600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{j("socketio"),(0,toast_1.showToast)(o("settings.simulator.socketio","Simulated Socket.IO v4 session"))}}style={{backgroundColor:`${AppColors_1.AppColors.violet600}14`,borderColor:`${AppColors_1.AppColors.violet600}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.violet600}}>
                 + Socket.IO Room
               </react_native_1.Text>
             </TouchableScale_1.default>
 
-            <TouchableScale_1.default onPress={()=>{D("echo"),(0,toast_1.showToast)(o("settings.simulator.echo","Simulated WebSocket Echo test"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
+            <TouchableScale_1.default onPress={()=>{j("echo"),(0,toast_1.showToast)(o("settings.simulator.echo","Simulated WebSocket Echo test"))}}style={{backgroundColor:`${AppColors_1.AppColors.brandPurple}14`,borderColor:`${AppColors_1.AppColors.brandPurple}33`,borderWidth:1,paddingHorizontal:10,paddingVertical:6,borderRadius:8}}>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.brandPurple}}>
                 + Echo Test
               </react_native_1.Text>
@@ -848,14 +949,14 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("socket.clearTitle","Clear All WebSocket Logs").replace("All WebSocket Logs","Socket History"),description:`Permanently remove all ${L?.length||0} recorded sessions`,isLast:!0,onPress:()=>{Ee(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.socketHistoryCleared","WebSocket history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {i({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("socket.clearTitle","Clear All WebSocket Logs").replace("All WebSocket Logs","Socket History"),description:`Permanently remove all ${N?.length||0} recorded sessions`,isLast:!0,onPress:()=>{Ze(),react_native_1.Alert.alert(o("common.success","Success"),o("settings.socketHistoryCleared","WebSocket history cleared"))},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,lineHeight:14,color:AppColors_1.AppColors.errorColor}}>
                   {o("common.clear")}
                 </react_native_1.Text>
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </react_native_1.ScrollView>:i==="media"&&(V=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
+      </react_native_1.ScrollView>:a==="media"&&(k=<react_native_1.ScrollView style={{flex:1}}contentContainerStyle={{padding:16,paddingBottom:100,gap:12}}>
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:16,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:8}}>
           <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,marginBottom:4}}>
@@ -866,7 +967,7 @@
           </react_native_1.View>
 
           <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8}}>
-            <TouchableScale_1.default onPress={async()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),await capture_1.ScreenCapture.takeScreenshot({format:Z.toLowerCase(),quality:.9,hideInspector:_})&&((0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)(o("settings.simulator.screenshotSaved","Screenshot captured and saved!")))}}style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            <TouchableScale_1.default onPress={async()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),await capture_1.ScreenCapture.takeScreenshot({format:le.toLowerCase(),quality:.9,hideInspector:x})&&((0,NativeInspector_1.triggerNativeHaptic)("success"),(0,toast_1.showToast)(o("settings.simulator.screenshotSaved","Screenshot captured and saved!")))}}style={{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:12,paddingVertical:7,borderRadius:8,flexDirection:"row",alignItems:"center",gap:6}}>
               <NetworkIcons_1.CameraIcon color={AppColors_1.AppColors.purple}size={14}/>
               <react_native_1.Text style={{fontSize:11,fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.purple}}>
                 Take Screenshot
@@ -891,17 +992,17 @@
             </react_native_1.View>
           </react_native_1.View>
 
-          {a({icon:<NetworkIcons_1.ImageIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.imageFormat","Image Format"),description:o("settings.media.imageFormatDesc","Export formats (PNG lossless, JPEG lossy, WebP)"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {["png","jpeg","webp"].map(e=>{const r=Z===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ae(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {i({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=le===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ce(e),(0,toast_1.showToast)(`Screenshot format: ${e.toUpperCase()}`)}}style={{paddingHorizontal:9,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                         {e.toUpperCase()}
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
               </react_native_1.View>})}
 
-          {a({icon:<NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.autoHide","Auto-Hide Inspector During Capture"),description:o("settings.media.autoHideDesc","Temporarily hides the inspector overlay during screen capture"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${_?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:_?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:_?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:_?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                  {_?o("settings.media.enabled","ON"):"OFF"}
+          {i({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"),U(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${x?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),U(e=>!e),(0,toast_1.showToast)(`Auto-hide overlay: ${x?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:x?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:x?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:x?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                  {x?o("settings.media.enabled","ON"):"OFF"}
                 </react_native_1.Text>
               </TouchableScale_1.default>})}
         </react_native_1.View>
@@ -922,49 +1023,49 @@
             </react_native_1.View>
           </react_native_1.View>
 
-          {a({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=le===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ne(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {i({icon:<NetworkIcons_1.MicrophoneIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.audioMode","Audio Source"),description:o("settings.media.audioModeDesc","Record video with muted, app audio, or microphone commentary"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
+                {[{key:"none",label:"Muted"},{key:"app",label:"App"},{key:"mic",label:"Mic"}].map(e=>{const r=he===e.key;return<TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Ae(e.key),(0,toast_1.showToast)(`Audio source: ${e.label}`)}}style={{paddingHorizontal:8,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
                       <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                         {e.label}
                       </react_native_1.Text>
                     </TouchableScale_1.default>})}
               </react_native_1.View>})}
 
-          {a({icon:<NetworkIcons_1.FilmIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.frameRate","Recording Frame Rate (FPS)"),description:o("settings.media.frameRateDesc","Target video smoothness: 15, 24, 30, or 60 FPS"),right:<react_native_1.View style={{flexDirection:"row",gap:5}}>
-                {[15,24,30,60].map(e=>{const r=se===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e),(0,toast_1.showToast)(`Recording FPS: ${e}`)}}style={{paddingHorizontal:7,paddingVertical:5,borderRadius:7,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}2E`}}>
+          {i({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=be===e;return<TouchableScale_1.default key={e}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),me(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>})}
 
-          {a({icon:<NetworkIcons_1.GifIcon color={AppColors_1.AppColors.purple}size={16}/>,label:o("settings.media.gifAutoOpt","Auto GIF Optimization"),description:o("settings.media.gifAutoOptDesc","Automatic palette reduction and frame skip for lightweight animated GIFs"),isLast:!0,onPress:()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),W(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),W(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${m?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:m?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:m?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:m?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
-                  {m?"ON":"OFF"}
+          {i({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"),G(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${T?"OFF":"ON"}`)},right:<TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),G(e=>!e),(0,toast_1.showToast)(`GIF optimization: ${T?"OFF":"ON"}`)}}style={{paddingHorizontal:10,paddingVertical:5,borderRadius:7,backgroundColor:T?`${AppColors_1.AppColors.emerald500}26`:`${AppColors_1.AppColors.grayText}20`,borderWidth:1,borderColor:T?`${AppColors_1.AppColors.emerald500}4D`:`${AppColors_1.AppColors.grayText}33`}}>
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:T?AppColors_1.AppColors.emerald500:AppColors_1.AppColors.grayText}}>
+                  {T?"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}}>
-          {a({icon:<NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={16}/>,label:o("settings.media.purgeAll","Purge Captured Media Cache"),description:o("settings.media.purgeAllDesc","Delete all local screenshots, screen recordings and converted GIFs"),isLast:!0,onPress:()=>{react_native_1.Alert.alert(o("settings.media.purgeConfirmTitle","Purge Media Storage?"),o("settings.media.purgeConfirmMessage","This will permanently delete all captured screenshots and videos from disk."),[{text:o("common.cancel","Cancel"),style:"cancel"},{text:o("settings.media.purgeCacheBtn","Purge All"),style:"destructive",onPress:async()=>{await capture_1.ScreenCapture.clearAllMedia(),(0,toast_1.showToast)(o("settings.media.purgedSuccess","Media cache cleared successfully"))}}])},right:<react_native_1.View style={{paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}33`}}>
+          {i({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 j=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{i!=="main"&&(j.setValue(0),react_native_1.Animated.spring(j,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[i]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+      </react_native_1.ScrollView>);const X=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{a!=="main"&&(X.setValue(0),react_native_1.Animated.spring(X,{toValue:1,friction:8,tension:65,useNativeDriver:!0}).start())},[a]),<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
-      <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,i!=="main"&&{pointerEvents:"none"}]}>
-        {qe()}
+      <react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,a!=="main"&&{pointerEvents:"none"}]}>
+        {so()}
       </react_native_1.View>
 
       
-      {i!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:j,transform:[{translateX:j.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
-          {V}
+      {a!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:X,transform:[{translateX:X.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
+          {k}
         </react_native_1.Animated.View>}
 
       
-      <LanguageSelectorModal_1.LanguageSelectorModal visible={je}onClose={()=>ge(!1)}/>
+      <LanguageSelectorModal_1.LanguageSelectorModal visible={oo}onClose={()=>Te(!1)}/>
     </react_native_1.View>};exports.default=SettingsPanel;