react-native-inapp-inspector 2.5.13 → 2.5.14

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

@@ -1,4 +1,4 @@
-"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}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,a,_,h){h===void 0&&(h=_);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,h,b)}):(function(o,a,_,h){h===void 0&&(h=_),o[h]=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 h=[];for(var b in _)Object.prototype.hasOwnProperty.call(_,b)&&(h[h.length]=b);return h},o(a)};return function(a){if(a&&a.__esModule)return a;var _={};if(a!=null)for(var h=o(a),b=0;b<h.length;b++)h[b]!=="default"&&__createBinding(_,a,h[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"),toast_1=require("../../helpers/toast"),memoryManager_1=require("../../helpers/memoryManager"),SettingsPanel=()=>{const{t:o}=(0,i18n_1.useTranslation)(),{settingsPage:a,setSettingsPage:_,settingsActiveSubTab:h,setSettingsActiveSubTab:b,tabVisibility:R,toggleTabVisibility:pe,defaultTab:z,setDefaultTab:ke,isDark:I,setIsDark:Fe,modalHeightPercent:P,setModalHeightPercent:Re,modalAnimationType:ze,setModalAnimationType:Be,showDuplicateLogs:Z,setShowDuplicateLogs:Ie,showUpdateToast:ee,setShowUpdateToast:He,showConsoleLevels:De,setShowConsoleLevels:Le,closeModal:po,logs:oe,consoleLogs:re,analyticsEvents:te,reduxState:$,maxConsoleLogs:ce,setMaxConsoleLogs:Pe,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:Ye,clearAllPushLogs:Ke,simulatePush:M,socketRecords:N,maxSocketLogs:Xe,setMaxSocketLogs:Qe,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)(P),[oo,Te]=(0,react_1.useState)(!1),ro=(0,i18n_1.getLanguage)(),Y=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(P)},[P]);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()},[h]);const K=(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:"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"}],[]),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`},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`}},X=(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)(()=>X.length===0?!1:X.every(e=>!!R?.[e.key]),[X,R]),lo=e=>{e!=="apis"&&((0,NativeInspector_1.triggerNativeHaptic)("light"),pe(e))},no=()=>{(0,NativeInspector_1.triggerNativeHaptic)("medium");const e=!D;X.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}
@@ -36,7 +36,7 @@
       <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: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"}}>
+          {[{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=h===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}
@@ -44,7 +44,7 @@
               </TouchableScale_1.default>})}
         </react_native_1.View>
 
-        {A==="module"&&<react_native_1.Animated.View style={{gap:10,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="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",paddingHorizontal:4,paddingVertical:2}}>
               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
@@ -67,23 +67,22 @@
 
             
             <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}}>
+              {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,A=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",L=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?`${A.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:"center",gap:10}}>
                       
-                      <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 style={{width:38,height:38,borderRadius:10,backgroundColor:t?A.bg:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:t?A.border:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center",flexShrink:0}}>
+                        {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="perf"&&<NetworkIcons_1.SpeedometerIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="analytics"&&<NetworkIcons_1.AnalyticsIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="redux"&&<NetworkIcons_1.ReduxIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="device"&&<NetworkIcons_1.SmartphoneIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="storage"&&<NetworkIcons_1.DatabaseIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="media"&&<NetworkIcons_1.ScreencastIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="push"&&<NetworkIcons_1.BellIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
+                        {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={t?A.color:AppColors_1.AppColors.grayTextWeak}size={16}/>}
                       </react_native_1.View>
 
                       
@@ -123,31 +122,31 @@
                     </react_native_1.View>
 
                     
-                    {(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}}>
+                    {(L||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}}>
                         
                         <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}}/>
+                          {L?<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?A.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}
+                                {L}
                               </react_native_1.Text>
                             </react_native_1.View>:<react_native_1.View/>}
                         </react_native_1.View>
 
                         
-                        {(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}}>
+                        {(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:`${A.color}14`,borderWidth:1,borderColor:`${A.color}2A`}}>
+                            <NetworkIcons_1.SettingsIcon color={A.color}size={10}/>
+                            <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,lineHeight:13,color:A.color}}>
                               {o("settings.configure","Configure")}
                             </react_native_1.Text>
-                            <NetworkIcons_1.ForwardChevronIcon color={h.color}size={8}/>
+                            <NetworkIcons_1.ForwardChevronIcon color={A.color}size={8}/>
                           </TouchableScale_1.default>}
                       </react_native_1.View>}
                   </react_native_1.View>})}
             </react_native_1.View>
           </react_native_1.Animated.View>}
 
-        {A==="ui"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="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}}>
@@ -193,9 +192,9 @@
                 </react_native_1.View>
 
                 <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}/>}
+                  {Y?.flag?<react_native_1.Text style={{fontSize:13}}>{Y.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}}>
-                    {K?.nativeName||K?.name||"English"}
+                    {Y?.nativeName||Y?.name||"English"}
                   </react_native_1.Text>
                   <NetworkIcons_1.ForwardChevronIcon size={11}color={AppColors_1.AppColors.purple}/>
                 </TouchableScale_1.default>
@@ -225,7 +224,7 @@
                     </react_native_1.View>
                   </react_native_1.View>
 
-                  {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}}>
+                  {J!==P&&<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 ({J}%)
@@ -380,7 +379,7 @@
             </react_native_1.View>
           </react_native_1.Animated.View>}
 
-        {A==="limits"&&<react_native_1.Animated.View style={{gap:14,opacity:V,transform:[{translateY:V.interpolate({inputRange:[0,1],outputRange:[10,0]})}]}}>
+        {h==="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 +433,7 @@
               <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: {Y.profileName}
+                    Profile: {K.profileName}
                   </react_native_1.Text>
                   <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}}>
@@ -444,7 +443,7 @@
                 </react_native_1.View>
 
                 <react_native_1.View style={{flexDirection:"row",flexWrap:"wrap",gap:8,marginTop:4}}>
-                  {[{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`}}>
+                  {[{label:"Logs",value:w?K.maxConsoleLogs:ce,color:AppColors_1.AppColors.sky500},{label:"Analytics",value:w?K.maxAnalyticsEvents:de,color:AppColors_1.AppColors.purple},{label:"Crash",value:w?K.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>
@@ -502,7 +501,7 @@
               </react_native_1.View>
             </react_native_1.View>
           </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]})}]}}>
+        {h==="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}}>
@@ -678,12 +677,12 @@
         <react_native_1.View style={{height:48}}/>
       </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}}>
-          {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)"}})}
+          {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:Pe,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=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"}}>
+          {["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:()=>Le(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>
@@ -805,7 +804,7 @@
             {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}}>
+          {v.map((t,A)=>{const F=!!m?.[t.key],L=A===v.length-1;return i({key:t.key,icon:t.icon,label:t.label,description:t.desc,isLast:L,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")}
@@ -842,7 +841,7 @@
       </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}}>
-          {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)"}})}
+          {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:Ye,min:10,max:200,placeholder:"Enter max logs (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           {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}}>
@@ -889,7 +888,7 @@
 
         
         <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:14,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:16}}>
-          {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`}}>
+          {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:()=>{Ke(),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>
@@ -899,7 +898,7 @@
       </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}}>
-          {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)"}})}
+          {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:Xe,onChange:Qe,min:10,max:200,placeholder:"Enter max sockets (10-200)"}})}
           <react_native_1.View style={{height:1,backgroundColor:AppColors_1.AppColors.dividerColor}}/>
           {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}}>
@@ -1052,14 +1051,14 @@
               </react_native_1.View>})}
         </react_native_1.View>
         <react_native_1.View style={{height:48}}/>
-      </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.ScrollView>);const Q=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{a!=="main"&&(Q.setValue(0),react_native_1.Animated.spring(Q,{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,a!=="main"&&{pointerEvents:"none"}]}>
         {so()}
       </react_native_1.View>
 
       
-      {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]})}]}]}>
+      {a!=="main"&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:Q,transform:[{translateX:Q.interpolate({inputRange:[0,1],outputRange:[30,0]})}]}]}>
           {k}
         </react_native_1.Animated.View>}
 

package/dist/commonjs/components/Inspector/SkeletonPlaceholder.d.ts

@@ -1,5 +1,8 @@
 import React from 'react';
+import { ActiveTab } from '../../types';
 export interface SkeletonPlaceholderProps {
+    tab?: ActiveTab;
+    type?: 'card' | 'detail' | 'list' | 'table';
     cardCount?: number;
 }
 export declare const SkeletonPlaceholder: React.NamedExoticComponent<SkeletonPlaceholderProps>;

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

@@ -1,4 +1,35 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,t,e,o){o===void 0&&(o=e);var r=Object.getOwnPropertyDescriptor(t,e);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[e]}}),Object.defineProperty(i,o,r)}):(function(i,t,e,o){o===void 0&&(o=e),i[o]=t[e]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,t){Object.defineProperty(i,"default",{enumerable:!0,value:t})}):function(i,t){i.default=t}),__importStar=this&&this.__importStar||(function(){var i=function(t){return i=Object.getOwnPropertyNames||function(e){var o=[];for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(o[o.length]=r);return o},i(t)};return function(t){if(t&&t.__esModule)return t;var e={};if(t!=null)for(var o=i(t),r=0;r<o.length;r++)o[r]!=="default"&&__createBinding(e,t,o[r]);return __setModuleDefault(e,t),e}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonPlaceholder=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors");exports.SkeletonPlaceholder=react_1.default.memo(function({cardCount:t=4}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.45)).current;return(0,react_1.useEffect)(()=>{const o=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.95,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.45,duration:750,useNativeDriver:!1})]));return o.start(),()=>o.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,r,i){i===void 0&&(i=r);var e=Object.getOwnPropertyDescriptor(t,r);(!e||("get"in e?!t.__esModule:e.writable||e.configurable))&&(e={enumerable:!0,get:function(){return t[r]}}),Object.defineProperty(o,i,e)}):(function(o,t,r,i){i===void 0&&(i=r),o[i]=t[r]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(r){var i=[];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(i[i.length]=e);return i},o(t)};return function(t){if(t&&t.__esModule)return t;var r={};if(t!=null)for(var i=o(t),e=0;e<i.length;e++)i[e]!=="default"&&__createBinding(r,t,i[e]);return __setModuleDefault(r,t),r}})();Object.defineProperty(exports,"__esModule",{value:!0}),exports.SkeletonPlaceholder=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors");exports.SkeletonPlaceholder=react_1.default.memo(function({tab:t="apis",type:r="card",cardCount:i=4}){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.4)).current;return(0,react_1.useEffect)(()=>{const a=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.95,duration:700,useNativeDriver:!0}),react_native_1.Animated.timing(e,{toValue:.4,duration:700,useNativeDriver:!0})]));return a.start(),()=>a.stop()},[e]),r==="detail"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading details, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.Animated.View style={[skeletonStyles.detailHeader,{opacity:e}]}/>
+        <react_native_1.View style={skeletonStyles.chipStripSkeleton}>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:70,opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:90,opacity:e}]}/>
+          <react_native_1.Animated.View style={[skeletonStyles.chipSkeleton,{width:80,opacity:e}]}/>
+        </react_native_1.View>
+        <react_native_1.Animated.View style={[skeletonStyles.detailCodeCard,{opacity:e}]}>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"85%"}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"70%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"92%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"60%",marginTop:8}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"78%",marginTop:8}]}/>
+        </react_native_1.Animated.View>
+      </react_native_1.View>:t==="media"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading media gallery, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.View style={skeletonStyles.mediaGrid}>
+          {Array.from({length:6}).map((a,l)=><react_native_1.Animated.View key={`skeleton_media_${l}`}style={[skeletonStyles.mediaTile,{opacity:e}]}/>)}
+        </react_native_1.View>
+      </react_native_1.View>:t==="perf"?<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel="Loading performance diagnostics, please wait"accessibilityLiveRegion="polite">
+        <react_native_1.Animated.View style={[skeletonStyles.heroCard,{opacity:e}]}>
+          <react_native_1.View style={skeletonStyles.cardTopRow}>
+            <react_native_1.View style={skeletonStyles.timeSkeleton}/>
+            <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>
+          </react_native_1.View>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{height:32,marginTop:12}]}/>
+        </react_native_1.Animated.View>
+        <react_native_1.Animated.View style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{width:"40%"}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineShort,{marginTop:10}]}/>
+          <react_native_1.View style={[skeletonStyles.urlLineLong,{marginTop:8}]}/>
+        </react_native_1.Animated.View>
+      </react_native_1.View>:<react_native_1.View style={skeletonStyles.container}accessible={!0}accessibilityRole="progressbar"accessibilityLabel={`Loading ${t} data, please wait`}accessibilityLiveRegion="polite">
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
         <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
@@ -17,7 +48,7 @@
       </react_native_1.View>
 
       
-      {Array.from({length:t}).map((o,r)=><react_native_1.Animated.View key={`skeleton_card_${r}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+      {Array.from({length:i}).map((a,l)=><react_native_1.Animated.View key={`skeleton_card_${l}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
@@ -37,4 +68,4 @@
             <react_native_1.View style={skeletonStyles.metaPillSkeleton}/>
           </react_native_1.View>
         </react_native_1.Animated.View>)}
-    </react_native_1.View>});const skeletonStyles=react_native_1.StyleSheet.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardSkeleton:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200}});exports.default=exports.SkeletonPlaceholder;
+    </react_native_1.View>});const skeletonStyles=react_native_1.StyleSheet.create({container:{flex:1,paddingHorizontal:12,paddingTop:8},toolbarSkeleton:{flexDirection:"row",alignItems:"center",gap:8,marginBottom:8},searchBarSkeleton:{flex:1,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},actionButtonsRow:{flexDirection:"row",gap:6},iconButtonSkeleton:{width:36,height:36,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},chipStripSkeleton:{flexDirection:"row",gap:6,marginBottom:10},chipSkeleton:{height:24,borderRadius:6,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardSkeleton:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,marginBottom:8,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},cardTopRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",marginBottom:8},badgeGroup:{flexDirection:"row",alignItems:"center",gap:6},statusBadgeSkeleton:{width:38,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},methodBadgeSkeleton:{width:44,height:18,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},timeSkeleton:{width:48,height:12,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},urlLineLong:{height:13,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:5,width:"90%"},urlLineShort:{height:11,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200,marginBottom:8,width:"55%"},cardBottomRow:{flexDirection:"row",gap:8,marginTop:2},metaPillSkeleton:{width:52,height:14,borderRadius:4,backgroundColor:AppColors_1.AppColors.slate200},heroCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:16,marginBottom:12,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},detailHeader:{height:48,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,marginBottom:12},detailCodeCard:{flex:1,backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:14,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},mediaGrid:{flexDirection:"row",flexWrap:"wrap",gap:8},mediaTile:{width:"31%",aspectRatio:1,borderRadius:8,backgroundColor:AppColors_1.AppColors.graySurface,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}});exports.default=exports.SkeletonPlaceholder;

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

@@ -1,14 +1,14 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,i,o){o===void 0&&(o=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(r,o,n)}):(function(r,t,i,o){o===void 0&&(o=i),r[o]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(i){var o=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(o[o.length]=n);return o},r(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var o=r(t),n=0;n<o.length;n++)o[n]!=="default"&&__createBinding(i,t,o[n]);return __setModuleDefault(i,t),i}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),helpers_1=require("../../helpers"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,perf:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,debugging:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:o,logs:n,consoleLogs:f,analyticsEvents:m,crashRecords:y,pushRecords:C,socketRecords:b,unreadPushCount:S,unreadSocketCount:I,lastReadApisCount:T,lastReadLogsCount:x,lastReadCrashesCount:R,lastReadSocketCount:B,mediaCount:_}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),O=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(o?.media??!0)&&(_>0||c||__DEV__),w=(0,react_1.useRef)(null),[h,z]=(0,react_1.useState)(!1),[v,V]=(0,react_1.useState)(!0),A=(0,react_1.useRef)(0),L=e=>{const{contentOffset:s,layoutMeasurement:l,contentSize:a}=e.nativeEvent,d=s.x;A.current=d;const u=d>8,p=d<a.width-l.width-8;h!==u&&z(u),v!==p&&V(p)},k=e=>{w.current?.scrollTo({x:Math.max(0,A.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,i,r){r===void 0&&(r=i);var n=Object.getOwnPropertyDescriptor(t,i);(!n||("get"in n?!t.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return t[i]}}),Object.defineProperty(o,r,n)}):(function(o,t,i,r){r===void 0&&(r=i),o[r]=t[i]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(i){var r=[];for(var n in i)Object.prototype.hasOwnProperty.call(i,n)&&(r[r.length]=n);return r},o(t)};return function(t){if(t&&t.__esModule)return t;var i={};if(t!=null)for(var r=o(t),n=0;n<r.length;n++)r[n]!=="default"&&__createBinding(i,t,r[n]);return __setModuleDefault(i,t),i}})(),__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"),i18n_1=require("../../i18n"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),reduxLogger_1=require("../../customHooks/reduxLogger"),analyticsLogger_1=require("../../customHooks/analyticsLogger"),HEADER_TAB_THEME={themeColor:AppColors_1.AppColors.brandPurple,bgInactive:`${AppColors_1.AppColors.brandPurple}0D`,borderInactive:`${AppColors_1.AppColors.brandPurple}2B`,iconInactive:AppColors_1.AppColors.brandPurple,idBadgeBg:`${AppColors_1.AppColors.brandPurple}1C`,idBadgeBorder:`${AppColors_1.AppColors.brandPurple}3D`,idBadgeText:AppColors_1.AppColors.brandPurple},TAB_THEMES={apis:HEADER_TAB_THEME,logs:HEADER_TAB_THEME,perf:HEADER_TAB_THEME,analytics:HEADER_TAB_THEME,redux:HEADER_TAB_THEME,storage:HEADER_TAB_THEME,device:HEADER_TAB_THEME,crash:HEADER_TAB_THEME,push:HEADER_TAB_THEME,socket:HEADER_TAB_THEME,media:HEADER_TAB_THEME},TabBar=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{activeTab:t,switchActiveTab:i,tabVisibility:r,logs:n,consoleLogs:w,analyticsEvents:D,crashRecords:v,pushRecords:A,socketRecords:S,unreadPushCount:k,unreadSocketCount:m,lastReadApisCount:I,lastReadLogsCount:R,lastReadCrashesCount:T,lastReadSocketCount:x,mediaCount:u}=(0,InspectorContext_1.useInspector)(),P=(0,reduxLogger_1.isReduxConnected)(),B=(0,analyticsLogger_1.isAnalyticsConnected)(),c=t==="media",g=(r?.media??!0)&&(u>0||c||__DEV__),f=(0,react_1.useRef)(null),[y,O]=(0,react_1.useState)(!1),[b,z]=(0,react_1.useState)(!0),C=(0,react_1.useRef)(0),L=e=>{const{contentOffset:s,layoutMeasurement:l,contentSize:a}=e.nativeEvent,d=s.x;C.current=d;const p=d>8,h=d<a.width-l.width-8;y!==p&&O(p),b!==h&&z(h)},_=e=>{f.current?.scrollTo({x:Math.max(0,C.current+e),animated:!0})};return<react_native_1.View style={[styles_1.default.tabBarContainer,{flexDirection:"row",alignItems:"center",paddingHorizontal:0}]}>
       
-      {h&&<react_native_1.TouchableOpacity onPress={()=>k(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
+      {y&&<react_native_1.TouchableOpacity onPress={()=>_(-160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:6,paddingRight:2,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="left"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
         </react_native_1.TouchableOpacity>}
 
       
-      <react_native_1.ScrollView testID="inspector.tab.scrollview"ref={w}horizontal showsHorizontalScrollIndicator={!1}onScroll={L}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:h?4:12,paddingRight:g?6:12}}>
-        {[{id:1,key:"apis",label:"APIs",count:n.length,icon:"apis"},{id:2,key:"logs",label:"Logs",count:f.length,icon:"logs"},{id:3,key:"perf",label:"Perf / FPS",count:0,icon:"perf"},{id:4,key:"analytics",label:"Analytics",count:m.length,icon:"analytics"},{id:5,key:"redux",label:"Redux",count:0,icon:"redux"},{id:6,key:"storage",label:"Storage",count:0,icon:"storage"},{id:7,key:"device",label:"Device",count:0,icon:"device"},{id:8,key:"crash",label:"Crash",count:y?.length||0,icon:"crash"},{id:9,key:"push",label:"Push",count:C?.length||0,icon:"push"},{id:10,key:"socket",label:"WebSocket",count:b?.length||0,icon:"socket"},{id:11,key:"debugging",label:"Debugging",count:0,icon:"debugging"}].filter(e=>e.key==="debugging"?react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&!!o?.debugging:!(!o?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!O)).map(e=>{const s=t===e.key,l=TAB_THEMES[e.key]||TAB_THEMES.apis,a=s?AppColors_1.AppColors.white:l.iconInactive,d=e.count>99?"99+":String(e.count),u=t!=="apis"&&n.length>T,p=t!=="logs"&&f.length>x,D=t!=="crash"&&(y?.length||0)>(R||0),j=t!=="socket"&&((b?.length||0)>(B||0)||I>0);return<TouchableScale_1.default key={e.key}testID={`inspector.tab.${e.key}`}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?l.themeColor:l.bgInactive,borderColor:s?l.themeColor:l.borderInactive},s&&{shadowColor:l.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+      <react_native_1.ScrollView testID="inspector.tab.scrollview"ref={f}horizontal showsHorizontalScrollIndicator={!1}onScroll={L}scrollEventThrottle={16}style={{flex:1}}contentContainerStyle={{paddingLeft:y?4:12,paddingRight:g?6:12}}>
+        {[{id:1,key:"apis",label:"APIs",icon:"apis"},{id:2,key:"logs",label:"Logs",icon:"logs"},{id:3,key:"perf",label:"Perf / FPS",icon:"perf"},{id:4,key:"analytics",label:"Analytics",icon:"analytics"},{id:5,key:"redux",label:"Redux",icon:"redux"},{id:6,key:"storage",label:"Storage",icon:"storage"},{id:7,key:"device",label:"Device",icon:"device"},{id:8,key:"crash",label:"Crash",icon:"crash"},{id:9,key:"push",label:"Push",icon:"push"},{id:10,key:"socket",label:"WebSocket",icon:"socket"}].filter(e=>!(!r?.[e.key]||e.key==="redux"&&!P||e.key==="analytics"&&!B)).map(e=>{const s=t===e.key,l=TAB_THEMES[e.key]||TAB_THEMES.apis,a=s?AppColors_1.AppColors.white:l.iconInactive,d=t!=="apis"&&n.length>I,p=t!=="logs"&&w.length>R,h=t!=="crash"&&(v?.length||0)>(T||0),V=t!=="socket"&&((S?.length||0)>(x||0)||m>0);return<TouchableScale_1.default key={e.key}testID={`inspector.tab.${e.key}`}accessible={!0}accessibilityRole="tab"accessibilityState={{selected:s}}accessibilityLabel={`${o(`tabs.${e.key}`,e.label)} tab`}accessibilityHint={o("accessibility.tabSwitchHint","Double tap to switch to this tab")}onPress={()=>{i(e.key)}}style={[styles_1.default.contentTabButton,{backgroundColor:s?l.themeColor:l.bgInactive,borderColor:s?l.themeColor:l.borderInactive},s&&{shadowColor:l.themeColor,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
                   {e.icon==="apis"&&<NetworkIcons_1.SignalIcon color={a}size={14}/>}
                   {e.icon==="logs"&&<NetworkIcons_1.TerminalIcon color={a}size={14}/>}
@@ -20,27 +20,21 @@
                   {e.icon==="crash"&&<NetworkIcons_1.CrashIcon color={a}size={14}/>}
                   {e.icon==="push"&&<NetworkIcons_1.BellIcon color={a}size={14}/>}
                   {e.icon==="socket"&&<NetworkIcons_1.WebsocketIcon color={a}size={14}/>}
-                  {e.icon==="debugging"&&<NetworkIcons_1.QrCodeIcon color={a}size={14}/>}
                   <react_native_1.View style={{minWidth:20,height:20,paddingHorizontal:4,borderRadius:10,backgroundColor:s?`${AppColors_1.AppColors.white}33`:l.idBadgeBg,borderWidth:1,borderColor:s?`${AppColors_1.AppColors.white}66`:l.idBadgeBorder,alignItems:"center",justifyContent:"center"}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:l.idBadgeText}}>
                       #{e.id}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text numberOfLines={1}ellipsizeMode="tail"style={[styles_1.default.contentTabButtonText,{color:s?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong,fontFamily:s?AppFonts_1.AppFonts.interBold:AppFonts_1.AppFonts.interSemiBold}]}>
-                    {r(`tabs.${e.key}`,e.label)}
+                    {o(`tabs.${e.key}`,e.label)}
                   </react_native_1.Text>
-                  {e.count>0&&e.key!=="push"&&<react_native_1.View style={{paddingHorizontal:5,paddingVertical:1,borderRadius:8,backgroundColor:s?AppColors_1.AppColors.overlayWhite25:l.idBadgeBg,borderWidth:.5,borderColor:s?AppColors_1.AppColors.overlayWhite45:l.idBadgeBorder,marginLeft:1,alignItems:"center",justifyContent:"center"}}>
-                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,lineHeight:12,color:s?AppColors_1.AppColors.white:l.themeColor}}>
-                        {d}
-                      </react_native_1.Text>
-                    </react_native_1.View>}
-                  {(e.key==="apis"&&u||e.key==="logs"&&p||e.key==="crash"&&D||e.key==="push"&&((C?.length||0)>0||S>0)||e.key==="socket"&&j)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
+                  {(e.key==="apis"&&d||e.key==="logs"&&p||e.key==="crash"&&h||e.key==="push"&&((A?.length||0)>0||k>0)||e.key==="socket"&&V)&&<react_native_1.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.errorColor,marginLeft:4,alignSelf:"center"}}/>}
                 </react_native_1.View>
               </TouchableScale_1.default>})}
       </react_native_1.ScrollView>
 
       
-      {v&&<react_native_1.TouchableOpacity onPress={()=>k(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
+      {b&&<react_native_1.TouchableOpacity onPress={()=>_(160)}hitSlop={{top:6,bottom:6,left:6,right:6}}activeOpacity={.7}style={{paddingLeft:2,paddingRight:g?4:8,justifyContent:"center",alignItems:"center"}}>
           <react_native_1.View style={{width:22,height:22,borderRadius:11,backgroundColor:AppColors_1.AppColors.grayBorderSecondary,alignItems:"center",justifyContent:"center"}}>
             <NetworkIcons_1.ChevronIcon direction="right"size={13}color={AppColors_1.AppColors.grayTextStrong}/>
           </react_native_1.View>
@@ -48,10 +42,10 @@
 
       
       {g&&<react_native_1.View style={{paddingLeft:6,paddingRight:10,borderLeftWidth:1,borderLeftColor:AppColors_1.AppColors.dividerColor,backgroundColor:AppColors_1.AppColors.primaryLight,justifyContent:"center",shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:-3,height:0},shadowOpacity:.12,shadowRadius:4,elevation:4,zIndex:10}}>
-          <TouchableScale_1.default key="media"testID="inspector.tab.media"onPress={()=>{i("media")}}accessibilityRole="button"accessibilityLabel="Media Gallery"style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
+          <TouchableScale_1.default key="media"testID="inspector.tab.media"onPress={()=>{i("media")}}accessible={!0}accessibilityRole="tab"accessibilityState={{selected:c}}accessibilityLabel={`${o("tabs.media","Media")} tab${u>0?`, ${u} items`:""}`}accessibilityHint={o("accessibility.tabSwitchHint","Double tap to switch to this tab")}style={[styles_1.default.contentTabButton,{marginRight:0,borderRadius:8,backgroundColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}0D`,borderColor:c?AppColors_1.AppColors.brandPurple:`${AppColors_1.AppColors.brandPurple}2B`,borderWidth:1,paddingHorizontal:10,paddingVertical:7,alignItems:"center",justifyContent:"center"},c&&{shadowColor:AppColors_1.AppColors.brandPurple,shadowOffset:{width:0,height:2},shadowOpacity:.28,shadowRadius:3.5,elevation:3}]}>
             <react_native_1.View style={{position:"relative",alignItems:"center",justifyContent:"center"}}>
               <NetworkIcons_1.ScreencastIcon color={c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple}size={15}/>
-              {_>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
+              {u>0&&<react_native_1.View style={{position:"absolute",top:-3,right:-4,width:7,height:7,borderRadius:3.5,backgroundColor:c?AppColors_1.AppColors.white:AppColors_1.AppColors.brandPurple,borderWidth:1.2,borderColor:c?AppColors_1.AppColors.brandPurple:AppColors_1.AppColors.white}}/>}
             </react_native_1.View>
           </TouchableScale_1.default>
         </react_native_1.View>}