react-native-inapp-inspector 2.5.1 → 2.5.3

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,l,o){o===void 0&&(o=l);var a=Object.getOwnPropertyDescriptor(e,l);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(t,o,a)}):(function(t,e,l,o){o===void 0&&(o=l),t[o]=e[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(l){var o=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(o[o.length]=a);return o},t(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var o=t(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(l,e,o[a]);return __setModuleDefault(l,e),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GlobalCrashScreenModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons");exports.GlobalCrashScreenModal=react_1.default.memo(({visible:t,crash:e,onDismiss:l,onOpenInspector:o,onRetry:a})=>{const{t:r}=(0,i18n_1.useTranslation)(),c=(0,react_1.useMemo)(()=>e?(0,crashHandler_1.exportCrashReport)(e,"markdown"):"",[e]);if(!t||!e)return null;const s=e.isFatal,d=e.type||"js",n=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(i=>i.isAppCode)||e.parsedStack[0]:null,u=()=>{c&&((0,helpers_1.copyToClipboard)(c,r("errors.errorReport","Crash Report")),(0,toast_1.showToast)(r("common.copied","Copied crash diagnostics to clipboard")))},_=()=>{switch(d){case"native":return<NetworkIcons_1.ChipIcon size={12}color={AppColors_1.AppColors.cyan600}/>;case"render":return<NetworkIcons_1.LayoutIcon size={12}color={AppColors_1.AppColors.purple400}/>;case"promise":return<NetworkIcons_1.HourglassIcon size={12}color={AppColors_1.AppColors.amber400}/>;default:return<NetworkIcons_1.JsIcon size={12}color={AppColors_1.AppColors.yellow400}/>}};return<react_native_1.Modal visible={t}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={l}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,l,o){o===void 0&&(o=l);var a=Object.getOwnPropertyDescriptor(e,l);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[l]}}),Object.defineProperty(r,o,a)}):(function(r,e,l,o){o===void 0&&(o=l),r[o]=e[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(l){var o=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(o[o.length]=a);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var l={};if(e!=null)for(var o=r(e),a=0;a<o.length;a++)o[a]!=="default"&&__createBinding(l,e,o[a]);return __setModuleDefault(l,e),l}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.GlobalCrashScreenModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),react_native_linear_gradient_1=__importDefault(require("react-native-linear-gradient")),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),NetworkIcons_1=require("../NetworkIcons");exports.GlobalCrashScreenModal=react_1.default.memo(({visible:r,crash:e,onDismiss:l,onOpenInspector:o,onRetry:a})=>{const{t}=(0,i18n_1.useTranslation)(),c=(0,react_1.useMemo)(()=>e?(0,crashHandler_1.exportCrashReport)(e,"markdown"):"",[e]);if(!r||!e)return null;const s=e.isFatal,d=e.type||"js",n=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(i=>i.isAppCode)||e.parsedStack[0]:null,u=()=>{c&&((0,helpers_1.copyToClipboard)(c,t("errors.errorReport","Crash Report")),(0,toast_1.showToast)(t("common.copied","Copied crash diagnostics to clipboard")))},_=()=>{switch(d){case"native":return<NetworkIcons_1.ChipIcon size={12}color={AppColors_1.AppColors.cyan600}/>;case"render":return<NetworkIcons_1.LayoutIcon size={12}color={AppColors_1.AppColors.purple400}/>;case"promise":return<NetworkIcons_1.HourglassIcon size={12}color={AppColors_1.AppColors.amber400}/>;default:return<NetworkIcons_1.JsIcon size={12}color={AppColors_1.AppColors.yellow400}/>}};return<react_native_1.Modal visible={r}transparent={!1}animationType="fade"statusBarTranslucent={!0}onRequestClose={l}>
         <react_native_1.SafeAreaView style={styles.safeArea}>
           <react_native_1.View style={styles.container}>
             
@@ -12,23 +12,23 @@
                   <react_native_1.View style={[styles.crashBadge,s&&styles.crashBadgeFatal]}>
                     {s?<NetworkIcons_1.FlameIcon size={10}color={AppColors_1.AppColors.red500}/>:_()}
                     <react_native_1.Text style={[styles.crashBadgeText,s&&styles.crashBadgeTextFatal]}>
-                      {s?r("crash.fatalBadge","FATAL CRASH"):`${d.toUpperCase()} ERROR`}
+                      {s?t("crash.fatalBadge","FATAL CRASH"):`${d.toUpperCase()} ERROR`}
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   <react_native_1.View style={styles.shieldBadge}>
                     <NetworkIcons_1.ShieldAlertIcon size={10}color={AppColors_1.AppColors.emerald400}/>
                     <react_native_1.Text style={styles.shieldBadgeText}>
-                      {r("errors.protected","SHIELD PROTECTED")}
+                      {t("errors.protected","SHIELD PROTECTED")}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </react_native_1.View>
 
                 <react_native_1.Text style={styles.title}>
-                  {r("errors.rootCauseTitle","Crash Intercepted")}
+                  {t("errors.rootCauseTitle","Crash Intercepted")}
                 </react_native_1.Text>
                 <react_native_1.Text style={styles.subtitle}numberOfLines={1}>
-                  {r("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
+                  {t("errors.rootCauseSubtitle","Native crash prevented \u2022 Diagnostics captured")}
                 </react_native_1.Text>
               </react_native_1.View>
 
@@ -44,11 +44,11 @@
                 <react_native_1.View style={styles.errorBoxHeader}>
                   <NetworkIcons_1.CircleAlertIcon size={14}color={AppColors_1.AppColors.red500}/>
                   <react_native_1.Text style={styles.errorBoxTitle}>
-                    {e.name||r("crash.unknownException","Exception")}
+                    {e.name||t("crash.unknownException","Exception")}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.Text style={styles.errorMessage}selectable={!0}>
-                  {e.message||r("crash.unknownException","Unknown Exception")}
+                  {e.message||t("crash.unknownException","Unknown Exception")}
                 </react_native_1.Text>
               </react_native_1.View>
 
@@ -57,13 +57,13 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.TerminalIcon size={13}color={AppColors_1.AppColors.sky400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("errors.exactLocation","EXACT ROOT CAUSE")}
+                      {t("errors.exactLocation","EXACT ROOT CAUSE")}
                     </react_native_1.Text>
                   </react_native_1.View>
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.file","File:")}
+                      {t("errors.file","File:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValFile}numberOfLines={1}selectable={!0}>
                       {n.file}
@@ -72,7 +72,7 @@
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.lineCol","Line / Col:")}
+                      {t("errors.lineCol","Line / Col:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValNum}>
                       {n.lineNumber}:{n.column}
@@ -81,7 +81,7 @@
 
                   <react_native_1.View style={styles.locRow}>
                     <react_native_1.Text style={styles.locLabel}>
-                      {r("errors.function","Function:")}
+                      {t("errors.function","Function:")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.locValMethod}numberOfLines={1}>
                       {n.method}()
@@ -98,7 +98,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.CodeBracketsIcon size={13}color={AppColors_1.AppColors.purple400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("errors.callStack","CALL STACK")}
+                      {t("errors.callStack","CALL STACK")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.cardHeaderCount}>
                       {e.parsedStack.length} frames
@@ -120,7 +120,7 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                       {i.isAppCode&&<react_native_1.View style={styles.appTag}>
-                          <react_native_1.Text style={styles.appTagText}>APP</react_native_1.Text>
+                          <react_native_1.Text style={styles.appTagText}>{t("modals.appTag","APP")}</react_native_1.Text>
                         </react_native_1.View>}
                     </react_native_1.View>)}
                 </react_native_1.View>}
@@ -130,7 +130,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.LayoutIcon size={13}color={AppColors_1.AppColors.purple400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("crash.componentHierarchy","COMPONENT HIERARCHY")}
+                      {t("crash.componentHierarchy","COMPONENT HIERARCHY")}
                     </react_native_1.Text>
                   </react_native_1.View>
                   <react_native_1.Text style={styles.rawStackText}selectable={!0}>
@@ -143,7 +143,7 @@
                   <react_native_1.View style={styles.cardHeaderRow}>
                     <NetworkIcons_1.RepeatIcon size={13}color={AppColors_1.AppColors.amber400}/>
                     <react_native_1.Text style={styles.cardHeaderTitle}>
-                      {r("crash.breadcrumbTrail","RECENT TRAIL")}
+                      {t("crash.breadcrumbTrail","RECENT TRAIL")}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.cardHeaderCount}>
                       {e.breadcrumbs.length} events
@@ -166,36 +166,36 @@
               
               {e.deviceInfo&&<react_native_1.View style={styles.telemetryCard}>
                   <react_native_1.Text style={styles.telemetryTitle}>
-                    {r("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
+                    {t("crash.deviceDiagnostics","HARDWARE & RUNTIME TELEMETRY")}
                   </react_native_1.Text>
                   <react_native_1.View style={styles.telemetryGrid}>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>OS</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.os","OS")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.platform?.toUpperCase()}{" "}
                         {e.deviceInfo.osVersion}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>RN Version</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.rnVersion","RN Version")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.rnVersion||"N/A"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>Engine</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.engine","Engine")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.isHermes?"Hermes":"JSC"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     <react_native_1.View style={styles.telemetryPill}>
-                      <react_native_1.Text style={styles.telemetryLabel}>Architecture</react_native_1.Text>
+                      <react_native_1.Text style={styles.telemetryLabel}>{t("modals.architecture","Architecture")}</react_native_1.Text>
                       <react_native_1.Text style={styles.telemetryValue}>
                         {e.deviceInfo.isFabric?"Fabric (New)":"Paper"}
                       </react_native_1.Text>
                     </react_native_1.View>
                     {e.memoryInfo&&<react_native_1.View style={styles.telemetryPill}>
-                        <react_native_1.Text style={styles.telemetryLabel}>JS Heap</react_native_1.Text>
+                        <react_native_1.Text style={styles.telemetryLabel}>{t("modals.jsHeap","JS Heap")}</react_native_1.Text>
                         <react_native_1.Text style={styles.telemetryValue}>
                           {e.memoryInfo.usedJSHeapSize} / {e.memoryInfo.totalJSHeapSize} MB
                         </react_native_1.Text>
@@ -209,7 +209,7 @@
               {a&&<TouchableScale_1.default onPress={a}style={styles.retryBtn}>
                   <NetworkIcons_1.RefreshCcwIcon size={14}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.retryBtnText}>
-                    {r("errors.retry","Try Again")}
+                    {t("errors.retry","Try Again")}
                   </react_native_1.Text>
                 </TouchableScale_1.default>}
 
@@ -217,7 +217,7 @@
                 <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={styles.inspectorBtnGradient}>
                   <NetworkIcons_1.ShieldAlertIcon size={14}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.inspectorBtnText}>
-                    {r("crash.openInInspector","Open in Inspector")}
+                    {t("crash.openInInspector","Open in Inspector")}
                   </react_native_1.Text>
                 </react_native_linear_gradient_1.default>
               </TouchableScale_1.default>
@@ -225,7 +225,7 @@
               <TouchableScale_1.default onPress={u}style={styles.copyBtn}>
                 <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.slate200}/>
                 <react_native_1.Text style={styles.copyBtnText}>
-                  {r("errors.copy","Copy")}
+                  {t("errors.copy","Copy")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>

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

@@ -1,16 +1,16 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,l,n,s){s===void 0&&(s=n);var r=Object.getOwnPropertyDescriptor(l,n);(!r||("get"in r?!l.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return l[n]}}),Object.defineProperty(i,s,r)}):(function(i,l,n,s){s===void 0&&(s=n),i[s]=l[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,l){Object.defineProperty(i,"default",{enumerable:!0,value:l})}):function(i,l){i.default=l}),__importStar=this&&this.__importStar||(function(){var i=function(l){return i=Object.getOwnPropertyNames||function(n){var s=[];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(s[s.length]=r);return s},i(l)};return function(l){if(l&&l.__esModule)return l;var n={};if(l!=null)for(var s=i(l),r=0;r<s.length;r++)s[r]!=="default"&&__createBinding(n,l,s[r]);return __setModuleDefault(n,l),n}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};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"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),LanguageSelectorModal_1=require("./LanguageSelectorModal"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:i,language:l}=(0,i18n_1.useTranslation)(),{modalHeightPercent:n,appIcon:s,selected:r,setSelected:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:w,setSelectedReduxSlice:U,selectedReduxAction:y,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:A,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:f,setSettingsPage:z,isAboutOpen:D,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:O,minimizeInspector:ee,detailTitle:te,activeTab:d,environment:P,selectedCrash:p,setSelectedCrash:ie,selectedPush:c,setSelectedPush:re,selectedSocket:o,setSelectedSocket:ae,refreshMediaCount:b,peekMode:I,setPeekMode:oe}=(0,InspectorContext_1.useInspector)(),{width:S}=(0,react_native_1.useWindowDimensions)(),e=S<360,C=S<400,[le,M]=react_1.default.useState(!1),[ne,B]=react_1.default.useState(!1),[se]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),H=(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]),[T,v]=react_1.default.useState(!1),[ue,R]=react_1.default.useState(0),_=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{v(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(T?(R(0),_.current=setInterval(()=>{R(t=>t+1)},1e3)):(_.current&&(clearInterval(_.current),_.current=null),R(0)),()=>{_.current&&clearInterval(_.current)}),[T]);const[L,m]=react_1.default.useState(null),ge=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={id:`screenshot_${t.timestamp}.png`,type:"image",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||`screenshot_${t.timestamp}.png`,sizeBytes:t.sizeBytes,timestamp:t.timestamp,width:t.width,height:t.height};m(a),b?.().catch(()=>{}),(0,helpers_1.showToast)(i("header.screenshotCaptured"))}else(0,helpers_1.showToast)(i("header.screenshotFailed"))}catch{(0,helpers_1.showToast)(i("header.screenshotError"))}},[b,i]),he=react_1.default.useCallback(async()=>{try{if(T){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(v(!1),t){(0,NativeInspector_1.triggerNativeHaptic)("success");const a={id:`video_${t.timestamp}.${t.format}`,type:t.format==="gif"?"gif":"video",format:t.format,uri:t.uri,filename:t.uri.split("/").pop()||`video_${t.timestamp}.${t.format}`,sizeBytes:t.sizeBytes,timestamp:t.timestamp,durationMs:t.durationMs,width:t.width,height:t.height,hasAudio:t.hasAudio};m(a),b?.().catch(()=>{}),(0,helpers_1.showToast)(i("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)(i("header.recordingStarted"))):(0,helpers_1.showToast)(i("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(i("header.recordingError")),v(!1)}},[T,i]),fe=t=>{const a=Math.floor(t/60),$=t%60;return`${a.toString().padStart(2,"0")}:${$.toString().padStart(2,"0")}`},_e=(0,react_1.useMemo)(()=>{const t=(P||(__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}},[P]),x=d==="apis"&&r!=null||d==="analytics"&&u!=null||d==="logs"&&g!=null||d==="redux"&&(w!=null||y!=null)||d==="crash"&&p!=null||d==="push"&&c!=null||d==="socket"&&o!=null,V=f!==null,k=x||V||D,de=(0,react_1.useMemo)(()=>{switch(f){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"}},[f]),F=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?n>=98?S>=390?50:44:0:react_native_1.Platform.OS==="android"&&n>=98?react_native_1.StatusBar.currentHeight||24:0,[n,S]),h=e?25:C?26.5:27,we=e?36:C?38:40;return<>
+"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"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),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:W,selectedEvent:u,setSelectedEvent:N,selectedLog:g,setSelectedLog:q,selectedReduxSlice:b,setSelectedReduxSlice:U,selectedReduxAction:S,setSelectedReduxAction:j,reduxState:G,reduxLastActionMap:K,updateAvailable:z,latestNpmVersion:Q,clearAnim:ce,activePulseAnim:J,unreadPulseAnim:X,runClearAllWithAnimation:pe,settingsPage:w,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:Y,resetToDefaults:Z,closeModal:B,minimizeInspector:ee,detailTitle:te,activeTab:d,environment:P,selectedCrash:p,setSelectedCrash:re,selectedPush:c,setSelectedPush:ie,selectedSocket:o,setSelectedSocket:ae,refreshMediaCount:C,peekMode:M,setPeekMode:oe,previewMediaItem:L,setPreviewMediaItem:m}=(0,InspectorContext_1.useInspector)(),{width:T}=(0,react_native_1.useWindowDimensions)(),e=T<360,y=T<400,[le,R]=react_1.default.useState(!1),[ue,ge]=react_1.default.useState(!1),[ne,$]=react_1.default.useState(!1),[se]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),H=(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,x]=react_1.default.useState(!1),[he,k]=react_1.default.useState(0),_=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{x(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(v?(k(0),_.current=setInterval(()=>{k(t=>t+1)},1e3)):(_.current&&(clearInterval(_.current),_.current=null),k(0)),()=>{_.current&&clearInterval(_.current)}),[v]);const fe=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]),we=react_1.default.useCallback(async()=>{try{if(v){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(x(!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"})?(x(!0),(0,helpers_1.showToast)(r("header.recordingStarted"))):(0,helpers_1.showToast)(r("header.recordingStartFailed"))}catch{(0,helpers_1.showToast)(r("header.recordingError")),x(!1)}},[v,r]),_e=t=>{const a=Math.floor(t/60),f=t%60;return`${a.toString().padStart(2,"0")}:${f.toString().padStart(2,"0")}`},be=(0,react_1.useMemo)(()=>{const t=(P||(__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}},[P]),V=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=w!==null,O=V||A||I,de=(0,react_1.useMemo)(()=>{switch(w){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"}},[w]),F=(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:y?26.5:27,Ce=e?36:y?38:40;return<>
       <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?44:48)+F}]}>
         
         <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:F,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}}>
-              {k&&<TouchableScale_1.default onPress={()=>{if(D){Y(!1);return}if(V){z(f==="main"?null:"main");return}W(null),N(null),q(null),U(null),j(null),ie(null),re(null),ae(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={{flexDirection:"row",alignItems:"center",gap:e?7:8,flex:V?void 0:1,flexShrink:V?0:1,minWidth:0}}>
+              {O&&<TouchableScale_1.default onPress={()=>{if(I){Y(!1);return}if(A){D(w==="main"?null:"main");return}W(null),N(null),q(null),U(null),j(null),re(null),ie(null),ae(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`}}/>
                   <NetworkIcons_1.WhiteBackNavigation/>
                 </TouchableScale_1.default>}
 
-              {D?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
+              {I?<react_native_1.View style={{gap:3,flex:1,minWidth:0,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}>
                       About & Specs
@@ -24,35 +24,33 @@
                   <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}>
                     Package info, runtime specs & diagnostic payload
                   </react_native_1.Text>
-                </react_native_1.View>:V?<react_native_1.View style={{gap:3,flex:1,minWidth:0,justifyContent:"center"}}>
+                </react_native_1.View>:A?<react_native_1.View style={{gap:3,flex:1,minWidth:0,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}>
                       {de}
                     </react_native_1.Text>
-                    {f==="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`}}>
+                    {w==="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`}}>
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?8.5:9.5,lineHeight:12,color:AppColors_1.AppColors.white}}>
                           v{constants_2.LIB_VERSION}
                         </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}>
-                    {f==="main"?"Manage modules and preferences":"Configure module parameters"}
+                    {w==="main"?"Manage modules and preferences":"Configure module parameters"}
                   </react_native_1.Text>
-                </react_native_1.View>:k?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:C?46:48}/>
+                </react_native_1.View>:O?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:y?46:48}/>
                   <react_native_1.View style={{gap:3,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:C?13.5:14.5,lineHeight:e?17:C?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?13:y?13.5:14.5,lineHeight:e?17:y?18:19.5,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}}>
                       
-                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),B(!0)}}hitSlop={6}accessible={!0}accessibilityRole="button"accessibilityLabel={i("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}}>
-                        <react_native_1.Text style={{fontSize:9,lineHeight:11}}>
-                          {H?.flag||"\u{1F310}"}
-                        </react_native_1.Text>
+                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),$(!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={H?.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}>
                           {H?.code?.toUpperCase()||"EN"}
                         </react_native_1.Text>
@@ -68,18 +66,18 @@
                       </react_native_1.View>
 
                       
-                      <react_native_1.Pressable onPress={()=>{A?M(!0):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}}>
+                      <react_native_1.Pressable onPress={()=>{z?R(!0):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}}>
                           v{constants_2.LIB_VERSION}
                         </react_native_1.Text>
-                        {A&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,color:AppColors_1.AppColors.warningAmber}}>
+                        {z&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,color:AppColors_1.AppColors.warningAmber}}>
                             ●
                           </react_native_1.Text>}
                       </react_native_1.Pressable>
 
                       
-                      {A&&<react_native_1.Pressable hitSlop={10}onPress={()=>M(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.warningAmber,borderRadius:5,paddingHorizontal:4.5,paddingVertical:1.5,gap:3,shadowColor:AppColors_1.AppColors.warningAmber,shadowOffset:{width:0,height:1.5},shadowOpacity:.35,shadowRadius:3,elevation:3,flexShrink:0}}>
+                      {z&&<react_native_1.Pressable hitSlop={10}onPress={()=>R(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.warningAmber,borderRadius:5,paddingHorizontal:4.5,paddingVertical:1.5,gap:3,shadowColor:AppColors_1.AppColors.warningAmber,shadowOffset:{width:0,height:1.5},shadowOpacity:.35,shadowRadius:3,elevation:3,flexShrink:0}}>
                           <react_native_1.Animated.View style={{width:4.5,height:4.5,borderRadius:2.25,backgroundColor:AppColors_1.AppColors.white,opacity:J,transform:[{scale:X}]}}/>
                           {!e&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8,lineHeight:10,color:AppColors_1.AppColors.white,letterSpacing:.3}}>
                               UPDATE
@@ -91,12 +89,12 @@
                 </react_native_1.View>}
             </react_native_1.View>
 
-            {x&&<react_native_1.View style={[styles_1.default.headerCenter,{paddingHorizontal:e?2:6}]}>
-                {d==="apis"&&r!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+            {V&&<react_native_1.View style={[styles_1.default.headerCenter,{paddingHorizontal:e?2:6}]}>
+                {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[r.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}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
-                          {r.method}
+                          {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">
@@ -104,22 +102,22 @@
                       </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={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${(0,helpers_1.getStatusColor)(r.status)}26`,borderWidth:1,borderColor:`${(0,helpers_1.getStatusColor)(r.status)}55`}}>
-                        <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:(0,helpers_1.getStatusColor)(r.status),width:e?6:7,height:e?6:7}]}/>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${(0,helpers_1.getStatusColor)(i.status)}26`,borderWidth:1,borderColor:`${(0,helpers_1.getStatusColor)(i.status)}55`}}>
+                        <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:(0,helpers_1.getStatusColor)(i.status),width:e?6:7,height:e?6:7}]}/>
                         <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?10:11}]}>
-                          {r.status===0?"Failed":r.status??"Pending"}
+                          {i.status===0?"Failed":i.status??"Pending"}
                         </react_native_1.Text>
                       </react_native_1.View>
                       <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
                         <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.white}size={e?10:11}/>
                         <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                          {r.duration!=null?`${r.duration}ms`:"\u2014"}
+                          {i.duration!=null?`${i.duration}ms`:"\u2014"}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      {r.response!=null&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
+                      {i.response!=null&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2.5,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
                           <NetworkIcons_1.SizeIcon color={AppColors_1.AppColors.white}size={e?10:11}/>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                            {(0,helpers_1.getSize)(r.response)}
+                            {(0,helpers_1.getSize)(i.response)}
                           </react_native_1.Text>
                         </react_native_1.View>}
                     </react_native_1.View>
@@ -165,7 +163,7 @@
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                  </react_native_1.View>:d==="redux"&&w!=null?(()=>{const t=G?.[w],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,$=(0,helpers_1.getSize)(t),E=K[w];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="redux"&&b!=null?(()=>{const t=G?.[b],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,f=(0,helpers_1.getSize)(t),E=K[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.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
@@ -173,7 +171,7 @@
                             </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">
-                            {w}
+                            {b}
                           </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}}>
@@ -191,7 +189,7 @@
                             •
                           </react_native_1.Text>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                            {$}
+                            {f}
                           </react_native_1.Text>
                           {E?.timestamp&&<>
                               <react_native_1.Text style={[styles_1.default.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
@@ -205,7 +203,7 @@
                               </react_native_1.View>
                             </>}
                         </react_native_1.View>
-                      </react_native_1.View>})():d==="redux"&&y!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                      </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.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
@@ -213,13 +211,13 @@
                         </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">
-                        {y.type}
+                        {S.type}
                       </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: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}]}>
-                        {y.timestamp||"Dispatched"}
+                        {S.timestamp||"Dispatched"}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>:d==="crash"&&p!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
@@ -308,27 +306,27 @@
 
             <react_native_1.View style={[styles_1.default.headerRight,{flexDirection:"row",alignItems:"center",justifyContent:"flex-end",flexShrink:0,gap:e?4:5}]}>
               
-              {V?<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:Z}])}}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}]}>
+              {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:Z}])}}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>:k?null:<>
+                </TouchableScale_1.default>:O?null:<>
                   
-                  <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={I?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),oe(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={M?"Disable peek-through":"Enable peek-through"}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),oe(t=>!t)}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7,backgroundColor:M?"rgba(6, 182, 212, 0.38)":"rgba(6, 182, 212, 0.18)",borderColor:M?"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={()=>D("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}]}>
                     <NetworkIcons_1.SettingsIcon color={AppColors_1.AppColors.white}size={e?12:14}/>
                   </TouchableScale_1.default>
                 </>}
 
               
-              <react_native_1.TouchableOpacity onPress={ee||O}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={i("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 onPress={ee||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:h,height:h,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 onPress={O}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.7}accessibilityRole="button"accessibilityLabel={i("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 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:h,height:h,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>
@@ -337,11 +335,11 @@
       </react_native_1.View>
 
       
-      <UpdateAvailableModal_1.UpdateAvailableModal visible={le}latestVersion={Q}onClose={()=>M(!1)}/>
+      <UpdateAvailableModal_1.UpdateAvailableModal visible={le}latestVersion={Q}onClose={()=>R(!1)}/>
 
       
-      <LanguageSelectorModal_1.LanguageSelectorModal visible={ne}onClose={()=>B(!1)}/>
+      <LanguageSelectorModal_1.LanguageSelectorModal visible={ne}onClose={()=>$(!1)}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={L}visible={!!L}onClose={()=>m(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),b?.().catch(()=>{}),m(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});a&&(b?.().catch(()=>{}),m({id:`anim_${a.timestamp}.gif`,type:"gif",format:"gif",uri:a.uri,filename:a.uri.split("/").pop()||`anim_${a.timestamp}.gif`,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;