react-native-inapp-inspector 2.5.9 → 2.5.11

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

@@ -1,18 +1,18 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__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"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:F,selectedEvent:u,setSelectedEvent:E,selectedLog:g,setSelectedLog:W,selectedReduxSlice:b,setSelectedReduxSlice:N,selectedReduxAction:S,setSelectedReduxAction:q,reduxState:j,reduxLastActionMap:U,clearAnim:ae,runClearAllWithAnimation:oe,settingsPage:_,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:G,resetToDefaults:K,closeModal:k,minimizeInspector:Q,detailTitle:J,activeTab:d,environment:O,selectedCrash:p,setSelectedCrash:X,selectedPush:c,setSelectedPush:Y,selectedSocket:o,setSelectedSocket:Z,refreshMediaCount:C,peekMode:I,setPeekMode:ee,previewMediaItem:B,setPreviewMediaItem:y}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,m=T<400,[le,ne]=react_1.default.useState(!1),[te,L]=react_1.default.useState(!1),[re]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),$=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[v,V]=react_1.default.useState(!1),[se,R]=react_1.default.useState(0),w=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{V(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(R(0),w.current=setInterval(()=>{R(t=>t+1)},1e3)):(w.current&&(clearInterval(w.current),w.current=null),R(0)),()=>{w.current&&clearInterval(w.current)}),[v]);const de=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};y(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),ce=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(V(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};y(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(V(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),V(!1)}},[v,r]),pe=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},ue=(0,react_1.useMemo)(()=>{const t=(O||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[O]),x=d==="apis"&&i!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=_!==null,M=x||A||D,ie=(0,react_1.useMemo)(()=>{switch(_){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[_]),P=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),h=e?25:m?26.5:27,ge=e?36:m?38:40;return<>
-      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+P}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,l,n,s){s===void 0&&(s=n);var i=Object.getOwnPropertyDescriptor(l,n);(!i||("get"in i?!l.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(r,s,i)}):(function(r,l,n,s){s===void 0&&(s=n),r[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,l){Object.defineProperty(r,"default",{enumerable:!0,value:l})}):function(r,l){r.default=l}),__importStar=this&&this.__importStar||(function(){var r=function(l){return r=Object.getOwnPropertyNames||function(n){var s=[];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(s[s.length]=i);return s},r(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=r(l),i=0;i<s.length;i++)s[i]!=="default"&&__createBinding(n,l,s[i]);return __setModuleDefault(n,l),n}})(),__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"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),BrandCircleIcon_1=require("../BrandCircleIcon"),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),constants_2=require("../../constants"),helpers_1=require("../../helpers"),NativeInspector_1=require("../../native/NativeInspector"),capture_1=require("../../capture"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),CountryFlag_1=__importDefault(require("../CountryFlag")),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:r,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:i,setSelected:F,selectedEvent:h,setSelectedEvent:E,selectedLog:g,setSelectedLog:N,selectedReduxSlice:b,setSelectedReduxSlice:q,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:U,reduxLastActionMap:G,clearAnim:ae,runClearAllWithAnimation:oe,settingsPage:_,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:M,resetToDefaults:K,closeModal:B,minimizeInspector:Q,detailTitle:J,activeTab:d,environment:O,selectedCrash:p,setSelectedCrash:X,selectedPush:c,setSelectedPush:Y,selectedSocket:o,setSelectedSocket:Z,refreshMediaCount:C,peekMode:I,setPeekMode:ee,previewMediaItem:L,setPreviewMediaItem:m}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,y=T<400,[le,ne]=react_1.default.useState(!1),[te,P]=react_1.default.useState(!1),[re]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),$=(0,react_1.useMemo)(()=>{const t=l||(0,i18n_1.getLanguage)();return i18n_1.SUPPORTED_LANGUAGES.find(a=>a.code===t)||i18n_1.SUPPORTED_LANGUAGES[0]},[l]),[x,v]=react_1.default.useState(!1),[se,k]=react_1.default.useState(0),w=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{v(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(x?(k(0),w.current=setInterval(()=>{k(t=>t+1)},1e3)):(w.current&&(clearInterval(w.current),w.current=null),k(0)),()=>{w.current&&clearInterval(w.current)}),[x]);const de=react_1.default.useCallback(async()=>{try{(0,NativeInspector_1.triggerNativeHaptic)("light");const t=await capture_1.ScreenCapture.takeScreenshot({format:"png",quality:.9,hideInspector:!0});if(t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("screenshot",t.format||"png"),f={id:a,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.screenshotCaptured"))}else(0,helpers_1.showToast)(r("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(r("header.screenshotError"))}},[C,r]),ce=react_1.default.useCallback(async()=>{try{if(x){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(v(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a=(0,capture_1.generateCaptureId)("video",t.format),f={id:a,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||a,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};m(f),C?.().catch(()=>{}),(0,helpers_1.showToast)(r("header.recordingSaved",{duration:(t.durationMs/1e3).toFixed(1)}))}}else(0,NativeInspector_1.triggerNativeHaptic)("medium"),await capture_1.ScreenCapture.startRecording({fps:24,audioSource:"none"})?(v(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),v(!1)}},[x,r]),pe=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},ue=(0,react_1.useMemo)(()=>{const t=(O||(__DEV__?"DEV":"PROD")).trim(),a=t.toUpperCase();return a==="DEV"||a.includes("DEV")||a==="LOCAL"?{label:t,bg:`${AppColors_1.AppColors.emerald500}40`,border:`${AppColors_1.AppColors.emerald400}8C`,text:AppColors_1.AppColors.mintGreenBorder}:a==="UAT"||a==="QA"||a==="TEST"?{label:t,bg:`${AppColors_1.AppColors.amber500}47`,border:`${AppColors_1.AppColors.amber400}99`,text:AppColors_1.AppColors.amberWarmBorder}:a==="PREPROD"||a==="STAGE"||a==="STAGING"?{label:t,bg:`${AppColors_1.AppColors.purple500}47`,border:`${AppColors_1.AppColors.purple400}99`,text:AppColors_1.AppColors.violetSoftBorder}:{label:t,bg:`${AppColors_1.AppColors.rose500}40`,border:`${AppColors_1.AppColors.roseBorder}8C`,text:AppColors_1.AppColors.errorBorder}},[O]),V=d==="apis"&&i!=null||d==="analytics"&&h!=null||d==="logs"&&g!=null||d==="redux"&&(b!=null||S!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,A=_!==null,R=V||A||D,ie=(0,react_1.useMemo)(()=>{switch(_){case"apis":return"APIs (Network)";case"logs":return"Console Logs";case"crash":return"Crash Protection";case"analytics":return"Analytics Logger";case"redux":return"Redux Inspector";case"media":return"Screencast (Media)";case"push":return"Push Notifications";default:return"Settings & Modules"}},[_]),H=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?T>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,T]),u=e?24:y?25.5:26,he=e?36:y?38:40;return<>
+      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+H}]}>
         
         <react_native_linear_gradient_1.default colors={[AppColors_1.AppColors.indigo600,AppColors_1.AppColors.violet600]}start={{x:0,y:0}}end={{x:1,y:1}}style={{position:"absolute",top:0,left:0,right:0,bottom:0,borderTopLeftRadius:20,borderTopRightRadius:20}}pointerEvents="none"/>
-        <react_native_1.View style={{paddingTop:P,width:"100%"}}>
-          <react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?10:12,paddingVertical:5.5,minHeight:e?44:48}]}>
-            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:x?void 0:1,flexShrink:x?0:1,minWidth:0}}>
-              {M&&<TouchableScale_1.default onPress={()=>{if(D){G(!1);return}if(A){z(_==="main"?null:"main");return}F(null),E(null),W(null),N(null),q(null),X(null),Y(null),Z(null)}}hitSlop={15}style={{width:e?32:36,height:e?32:36,borderRadius:e?16:18,alignItems:"center",justifyContent:"center",backgroundColor:`${AppColors_1.AppColors.white}2E`,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}4D`}}>
-                  <react_native_1.View style={{position:"absolute",width:e?40:44,height:e?40:44,borderRadius:22,backgroundColor:`${AppColors_1.AppColors.white}1A`}}/>
+        <react_native_1.View style={{paddingTop:H,width:"100%"}}>
+          <react_native_1.View style={[styles_1.default.header,{width:"100%",justifyContent:"space-between",paddingHorizontal:e?8:10,paddingVertical:5,minHeight:e?44:48}]}>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?6:8,flex:V?void 0:1,flexShrink:V?0:1,minWidth:0}}>
+              {R&&<TouchableScale_1.default onPress={()=>{if(D){M(!1);return}if(A){z(_==="main"?null:"main");return}F(null),E(null),N(null),q(null),j(null),X(null),Y(null),Z(null)}}hitSlop={15}style={{width:e?30:34,height:e?30:34,borderRadius:e?15:17,alignItems:"center",justifyContent:"center",backgroundColor:`${AppColors_1.AppColors.white}2E`,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}4D`,flexShrink:0}}>
+                  <react_native_1.View style={{position:"absolute",width:e?38:42,height:e?38:42,borderRadius:21,backgroundColor:`${AppColors_1.AppColors.white}1A`}}/>
                   <NetworkIcons_1.WhiteBackNavigation/>
                 </TouchableScale_1.default>}
 
-              {D?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
+              {D?<react_native_1.View style={{gap:2.5,flex:1,minWidth:0,marginRight:6,justifyContent:"center"}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?15:16.5,lineHeight:e?19:21,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?14.5:16,lineHeight:e?18:20,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
                       About & Specs
                     </react_native_1.Text>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}20`}}>
@@ -21,12 +21,12 @@
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${AppColors_1.AppColors.white}CC`,marginTop:1}}numberOfLines={1}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?13.5:14.5,color:`${AppColors_1.AppColors.white}CC`,marginTop:.5}}numberOfLines={1}ellipsizeMode="tail">
                     Package info, runtime specs & diagnostic payload
                   </react_native_1.Text>
-                </react_native_1.View>:A?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
+                </react_native_1.View>:A?<react_native_1.View style={{gap:2.5,flex:1,minWidth:0,marginRight:6,justifyContent:"center"}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?15:16.5,lineHeight:e?19:21,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?14.5:16,lineHeight:e?18:20,color:AppColors_1.AppColors.white,letterSpacing:-.2}}numberOfLines={1}>
                       {ie}
                     </react_native_1.Text>
                     {_==="main"&&<react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.white}26`,paddingHorizontal:e?5:6,paddingVertical:2,borderRadius:8,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}20`}}>
@@ -35,40 +35,40 @@
                         </react_native_1.Text>
                       </react_native_1.View>}
                   </react_native_1.View>
-                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?14:15,color:`${AppColors_1.AppColors.white}CC`,marginTop:1}}numberOfLines={1}>
+                  <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:e?10:11,lineHeight:e?13.5:14.5,color:`${AppColors_1.AppColors.white}CC`,marginTop:.5}}numberOfLines={1}ellipsizeMode="tail">
                     {_==="main"?"Manage modules and preferences":"Configure module parameters"}
                   </react_native_1.Text>
-                </react_native_1.View>:M?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:1,minWidth:0,marginRight:4}}>
-                  <BrandCircleIcon_1.BrandCircleIcon size={e?44:m?46:48}/>
-                  <react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
+                </react_native_1.View>:R?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?7:8.5,flex:1,minWidth:0,marginRight:6}}>
+                  <BrandCircleIcon_1.BrandCircleIcon size={e?38:y?40:42}/>
+                  <react_native_1.View style={{gap:2,flex:1,minWidth:0,justifyContent:"center"}}>
                     
-                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?13:m?13.5:14.5,lineHeight:e?17:m?18:19.5,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                    <react_native_1.Text style={[styles_1.default.headerTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontWeight:"700",fontSize:e?12.5:y?13:14,lineHeight:e?16:y?17:18,color:AppColors_1.AppColors.white,letterSpacing:-.2,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
                       react-native-inapp-inspector
                     </react_native_1.Text>
 
                     
-                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4.5,minWidth:0,marginTop:1.5}}>
+                    <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3.5,minWidth:0,marginTop:1,flexWrap:"nowrap",overflow:"hidden"}}>
                       
-                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),L(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
-                        <CountryFlag_1.default code={$?.code||"en"}size={9.5}borderRadius={2}/>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.white,letterSpacing:.2}}numberOfLines={1}>
+                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={r("settings.general.selectLanguage","Select Language")}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}24`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}38`,flexShrink:0}}>
+                        <CountryFlag_1.default code={$?.code||"en"}size={9}borderRadius={2}/>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:10.5,color:AppColors_1.AppColors.white,letterSpacing:.2}}numberOfLines={1}>
                           {$?.code?.toUpperCase()||"EN"}
                         </react_native_1.Text>
-                        <NetworkIcons_1.ChevronDownIcon size={6.5}color={`${AppColors_1.AppColors.white}CC`}/>
+                        <NetworkIcons_1.ChevronDownIcon size={6}color={`${AppColors_1.AppColors.white}CC`}/>
                       </TouchableScale_1.default>
 
                       
-                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:1,minWidth:0}}>
-                        {react_native_1.Platform.OS==="ios"?<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>:<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`}size={9}/>}
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,lineHeight:11,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}numberOfLines={1}ellipsizeMode="tail">
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:1,minWidth:0}}>
+                        {react_native_1.Platform.OS==="ios"?<NetworkIcons_1.AppleIcon color={`${AppColors_1.AppColors.white}E6`}size={8.5}/>:<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`}size={8.5}/>}
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8,lineHeight:10.5,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}numberOfLines={1}ellipsizeMode="tail">
                           {re}
                         </react_native_1.Text>
                       </react_native_1.View>
 
                       
-                      <react_native_1.Pressable onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:6,paddingVertical:2,gap:3.5,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:0}}>
-                        <NetworkIcons_1.NpmIcon size={9}color={AppColors_1.AppColors.npmRedLight}/>
-                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8.5,lineHeight:11,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}>
+                      <react_native_1.Pressable onPress={()=>{react_native_1.Linking.openURL("https://www.npmjs.com/package/react-native-inapp-inspector").catch(()=>{})}}style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:5,paddingHorizontal:5.5,paddingVertical:1.5,gap:3,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:0}}>
+                        <NetworkIcons_1.NpmIcon size={8.5}color={AppColors_1.AppColors.npmRedLight}/>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:8,lineHeight:10.5,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}>
                           v{constants_2.LIB_VERSION}
                         </react_native_1.Text>
                       </react_native_1.Pressable>
@@ -77,15 +77,15 @@
                 </react_native_1.View>}
             </react_native_1.View>
 
-            {x&&<react_native_1.View style={[styles_1.default.headerCenter,{paddingHorizontal:e?2:6}]}>
+            {V&&<react_native_1.View style={[styles_1.default.headerCenter,{flex:1,minWidth:0,flexShrink:1,paddingHorizontal:e?3:6,overflow:"hidden"}]}>
                 {d==="apis"&&i!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:constants_1.METHOD_COLORS[i.method]??AppColors_1.AppColors.grayText,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:constants_1.METHOD_COLORS[i.method]??AppColors_1.AppColors.grayText,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           {i.method}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                         {J}
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -109,35 +109,35 @@
                           </react_native_1.Text>
                         </react_native_1.View>}
                     </react_native_1.View>
-                  </react_native_1.View>:d==="analytics"&&u!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="analytics"&&h!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:u.source==="firebase"?`${AppColors_1.AppColors.firebaseOrange}4D`:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:h.source==="firebase"?`${AppColors_1.AppColors.firebaseOrange}4D`:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
-                          {u.source==="firebase"?"FB":"MAN"}
+                          {h.source==="firebase"?"FB":"MAN"}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
-                        #{u.id!=null?u.id+1:1}{" "}
-                        {u.name}
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
+                        #{h.id!=null?h.id+1:1}{" "}
+                        {h.name}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?4:6,marginTop:3,paddingVertical:1}}>
-                      <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:u.source==="firebase"?AppColors_1.AppColors.firebaseOrange:AppColors_1.AppColors.purple,width:e?6:7,height:e?6:7}]}/>
+                      <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:h.source==="firebase"?AppColors_1.AppColors.firebaseOrange:AppColors_1.AppColors.purple,width:e?6:7,height:e?6:7}]}/>
                       <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                        {Object.keys(u.params).length} param
-                        {Object.keys(u.params).length!==1?"s":""}
+                        {Object.keys(h.params).length} param
+                        {Object.keys(h.params).length!==1?"s":""}
                         {" \xB7 "}
-                        {u.source}
+                        {h.source}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>:d==="logs"&&g!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:g.type==="error"?`${AppColors_1.AppColors.errorColor}4D`:g.type==="warn"?`${AppColors_1.AppColors.lightOrange}4D`:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:g.type==="error"?`${AppColors_1.AppColors.errorColor}4D`:g.type==="warn"?`${AppColors_1.AppColors.lightOrange}4D`:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           {g.type.toUpperCase()}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                         #{g.id!=null?g.id+1:1}{" "}
                         console.
                         {g.sourceMethod||g.type||"log"}
@@ -151,14 +151,14 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                  </react_native_1.View>:d==="redux"&&b!=null?(()=>{const t=j?.[b],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),H=U[b];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="redux"&&b!=null?(()=>{const t=U?.[b],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),W=G[b];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
                         <react_native_1.View style={styles_1.default.headerDetailRow}>
-                          <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                          <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.purple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                             <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                               SLICE
                             </react_native_1.Text>
                           </react_native_1.View>
-                          <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                          <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                             {b}
                           </react_native_1.Text>
                         </react_native_1.View>
@@ -179,26 +179,26 @@
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
                             {f}
                           </react_native_1.Text>
-                          {H?.timestamp&&<>
+                          {W?.timestamp&&<>
                               <react_native_1.Text style={[styles_1.default.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
                                 •
                               </react_native_1.Text>
                               <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:3}}>
                                 <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.white}size={e?9:10}/>
                                 <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                                  {H.timestamp}
+                                  {W.timestamp}
                                 </react_native_1.Text>
                               </react_native_1.View>
                             </>}
                         </react_native_1.View>
                       </react_native_1.View>})():d==="redux"&&S!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.brandPurple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:`${AppColors_1.AppColors.brandPurple}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           ACTION
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                         {S.type}
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -210,12 +210,12 @@
                     </react_native_1.View>
                   </react_native_1.View>:d==="crash"&&p!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:p.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber600,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:p.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber600,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           {p.isFatal?"FATAL":p.type.toUpperCase()}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                         {p.name||p.message}
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -235,12 +235,12 @@
                     </react_native_1.View>
                   </react_native_1.View>:d==="push"&&c!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:AppColors_1.AppColors.brandPurple,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:AppColors_1.AppColors.brandPurple,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           {(c.source||"PUSH").toUpperCase()}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0}]}numberOfLines={1}ellipsizeMode="tail">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="tail">
                         {c.title||c.body||"Push Notification"}
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -260,12 +260,12 @@
                     </react_native_1.View>
                   </react_native_1.View>:d==="socket"&&o!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
                     <react_native_1.View style={styles_1.default.headerDetailRow}>
-                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:o.client==="socket.io"||o.url.includes("/socket.io")?AppColors_1.AppColors.violet600:o.url.startsWith("wss://")?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.blue600,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                      <react_native_1.View style={[styles_1.default.headerMethodBadge,{backgroundColor:o.client==="socket.io"||o.url.includes("/socket.io")?AppColors_1.AppColors.violet600:o.url.startsWith("wss://")?AppColors_1.AppColors.emerald600:AppColors_1.AppColors.blue600,paddingHorizontal:e?5:6,paddingVertical:e?2:3,flexShrink:0}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
                           {o.client==="socket.io"||o.url.includes("/socket.io")?"SIO":o.url.startsWith("wss://")?"WSS":"WS"}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13.5:15}]}numberOfLines={1}ellipsizeMode="middle">
+                      <react_native_1.Text style={[styles_1.default.headerDetailTitle,{fontSize:e?13:14.5,flex:1,minWidth:0,flexShrink:1}]}numberOfLines={1}ellipsizeMode="middle">
                         {o.url}
                       </react_native_1.Text>
                     </react_native_1.View>
@@ -292,29 +292,37 @@
                   </react_native_1.View>:null}
               </react_native_1.View>}
 
-            <react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,gap:e?4:5}]}>
+            <react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,marginLeft:6,gap:e?3.5:4.5}]}>
               
-              {A?<TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:K}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
-                  <NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
-                </TouchableScale_1.default>:M?null:<>
+              {A?<>
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ee(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:I?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:I?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={r("about.heroTitle","About & Specs")}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),M(!0)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(99, 102, 241, 0.28)",borderColor:"rgba(165, 180, 252, 0.45)",borderWidth:1}]}>
+                    <NetworkIcons_1.InfoCircleIcon color={AppColors_1.AppColors.white}size={e?13:15}/>
+                  </TouchableScale_1.default>
+
+                  
+                  <TouchableScale_1.default onPress={()=>{react_native_1.Alert.alert("Reset All Settings","This restores all module visibility and UI preferences to defaults. Continue?",[{text:"Cancel",style:"cancel"},{text:"Reset",style:"destructive",onPress:K}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(245, 158, 11, 0.26)",borderColor:"rgba(252, 211, 77, 0.45)",borderWidth:1}]}>
+                    <NetworkIcons_1.ResetIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
+                  </TouchableScale_1.default>
+                </>:R?null:<>
+                  
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),ee(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:I?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:I?"rgba(103, 232, 249, 0.65)":"rgba(103, 232, 249, 0.35)",borderWidth:1}]}>
                     <NetworkIcons_1.EyeIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
                   </TouchableScale_1.default>
 
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>z("main")}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
+                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel="Settings"onPress={()=>z("main")}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(168, 85, 247, 0.28)",borderColor:"rgba(216, 180, 254, 0.45)",borderWidth:1}]}>
                     <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
                   </TouchableScale_1.default>
                 </>}
 
               
-              <react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={Q||k}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
+              <react_native_1.TouchableOpacity testID="inspector.header.minimizeBtn"onPress={Q||B}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(56, 189, 248, 0.22)",borderColor:"rgba(125, 211, 252, 0.40)",borderWidth:1}]}>
                 <NetworkIcons_1.ChevronDownIcon size={e?14:16}color={AppColors_1.AppColors.white}/>
               </react_native_1.TouchableOpacity>
 
               
-              <react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={k}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
+              <react_native_1.TouchableOpacity testID="inspector.header.closeBtn"onPress={B}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={r("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:u,height:u,borderRadius:e?6:7,backgroundColor:"rgba(244, 63, 94, 0.28)",borderColor:"rgba(251, 113, 133, 0.48)",borderWidth:1}]}>
                 <NetworkIcons_1.CloseWhite size={e?12:14}/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
@@ -323,8 +331,8 @@
       </react_native_1.View>
 
       
-      <LanguageSelectorModal_1.LanguageSelectorModal visible={te}onClose={()=>L(!1)}/>
+      <LanguageSelectorModal_1.LanguageSelectorModal visible={te}onClose={()=>P(!1)}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={B}visible={!!B}onClose={()=>y(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),C?.().catch(()=>{}),y(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){C?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");y({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}/>
+      <MediaPreviewModal_1.MediaPreviewModal item={L}visible={!!L}onClose={()=>m(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),C?.().catch(()=>{}),m(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});if(a){C?.().catch(()=>{});const f=(0,capture_1.generateCaptureId)("anim","gif");m({id:f,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||f,sizeBytes:a.sizeBytes,timestamp:a.timestamp,durationMs:a.durationMs})}}}/>
     </>});exports.default=InspectorHeader;