react-native-inapp-inspector 2.3.25 → 2.4.1

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

@@ -1,11 +1,11 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,n,r){r===void 0&&(r=n);var l=Object.getOwnPropertyDescriptor(o,n);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(i,r,l)}):(function(i,o,n,r){r===void 0&&(r=n),i[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(n){var r=[];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(r[r.length]=l);return r},i(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=i(o),l=0;l<r.length;l++)r[l]!=="default"&&__createBinding(n,o,r[l]);return __setModuleDefault(n,o),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")),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),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"),toast_1=require("../../helpers/toast"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{modalHeightPercent:o,appIcon:n,selected:r,setSelected:l,selectedEvent:d,setSelectedEvent:L,selectedLog:p,setSelectedLog:E,selectedReduxSlice:w,setSelectedReduxSlice:q,selectedReduxAction:b,setSelectedReduxAction:W,reduxState:N,reduxLastActionMap:j,showHeaderInfo:se,setShowHeaderInfo:de,updateAvailable:V,latestNpmVersion:U,clearAnim:$,activePulseAnim:G,unreadPulseAnim:K,runClearAllWithAnimation:Q,settingsPage:f,setSettingsPage:z,isAboutOpen:I,setIsAboutOpen:H,resetToDefaults:J,closeModal:O,minimizeInspector:X,detailTitle:Y,activeTab:c,environment:B,visible:ce,selectedCrash:s,setSelectedCrash:Z,refreshMediaCount:_}=(0,InspectorContext_1.useInspector)(),{width:m}=(0,react_native_1.useWindowDimensions)(),e=m<360,C=m<400,pe=m>=600,[ee,D]=react_1.default.useState(!1),[te,ue]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[u,T]=react_1.default.useState(!1),[ie,R]=react_1.default.useState(0),g=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{T(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(u?(R(0),g.current=setInterval(()=>{R(t=>t+1)},1e3)):(g.current&&(clearInterval(g.current),g.current=null),R(0)),()=>{g.current&&clearInterval(g.current)}),[u]);const[k,y]=react_1.default.useState(null),re=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};y(a),_?.().catch(()=>{}),(0,toast_1.showToast)(i("header.screenshotCaptured"))}else(0,toast_1.showToast)(i("header.screenshotFailed"))}catch{(0,toast_1.showToast)(i("header.screenshotError"))}},[_,i]),ae=react_1.default.useCallback(async()=>{try{if(u){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(T(!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};y(a),_?.().catch(()=>{}),(0,toast_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"})?(T(!0),(0,toast_1.showToast)(i("header.recordingStarted"))):(0,toast_1.showToast)(i("header.recordingStartFailed"))}catch{(0,toast_1.showToast)(i("header.recordingError")),T(!1)}},[u,i]),oe=t=>{const a=Math.floor(t/60),M=t%60;return`${a.toString().padStart(2,"0")}:${M.toString().padStart(2,"0")}`},v=(0,react_1.useMemo)(()=>{const t=(B||(__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}},[B]),S=c==="apis"&&r!=null||c==="analytics"&&d!=null||c==="logs"&&p!=null||c==="redux"&&(w!=null||b!=null)||c==="crash"&&s!=null,x=f!==null,A=S||x||I,le=(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";default:return"Settings & Modules"}},[f]),P=(0,react_1.useMemo)(()=>react_native_1.Platform.OS==="ios"?o>=98?m>=390?50:44:0:react_native_1.Platform.OS==="android"&&o>=98?react_native_1.StatusBar.currentHeight||24:0,[o,m]),h=e?28:C?30:32,ne=e?42:C?46:50;return<>
-      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?58:62)+P}]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,o,n,r){r===void 0&&(r=n);var l=Object.getOwnPropertyDescriptor(o,n);(!l||("get"in l?!o.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return o[n]}}),Object.defineProperty(i,r,l)}):(function(i,o,n,r){r===void 0&&(r=n),i[r]=o[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,o){Object.defineProperty(i,"default",{enumerable:!0,value:o})}):function(i,o){i.default=o}),__importStar=this&&this.__importStar||(function(){var i=function(o){return i=Object.getOwnPropertyNames||function(n){var r=[];for(var l in n)Object.prototype.hasOwnProperty.call(n,l)&&(r[r.length]=l);return r},i(o)};return function(o){if(o&&o.__esModule)return o;var n={};if(o!=null)for(var r=i(o),l=0;l<r.length;l++)r[l]!=="default"&&__createBinding(n,o,r[l]);return __setModuleDefault(n,o),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")),AppHeaderLogo_1=__importDefault(require("../AppHeaderLogo")),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"),toast_1=require("../../helpers/toast"),UpdateAvailableModal_1=require("./UpdateAvailableModal"),MediaPreviewModal_1=require("./MediaPreviewModal"),NetworkIcons_1=require("../NetworkIcons"),i18n_1=require("../../i18n"),InspectorHeader=react_1.default.memo(()=>{const{t:i}=(0,i18n_1.useTranslation)(),{modalHeightPercent:o,appIcon:n,selected:r,setSelected:l,selectedEvent:p,setSelectedEvent:E,selectedLog:u,setSelectedLog:W,selectedReduxSlice:_,setSelectedReduxSlice:q,selectedReduxAction:C,setSelectedReduxAction:N,reduxState:j,reduxLastActionMap:U,updateAvailable:z,latestNpmVersion:G,clearAnim:k,activePulseAnim:K,unreadPulseAnim:Q,runClearAllWithAnimation:J,settingsPage:f,setSettingsPage:D,isAboutOpen:I,setIsAboutOpen:H,resetToDefaults:X,closeModal:O,minimizeInspector:Y,detailTitle:Z,activeTab:d,environment:P,selectedCrash:c,setSelectedCrash:ee,selectedPush:s,setSelectedPush:te,refreshMediaCount:m}=(0,InspectorContext_1.useInspector)(),{width:y}=(0,react_native_1.useWindowDimensions)(),e=y<360,T=y<400,[ie,R]=react_1.default.useState(!1),[re]=react_1.default.useState(()=>(0,helpers_1.getAppVersionAndBuild)().formatted),[g,S]=react_1.default.useState(!1),[ae,M]=react_1.default.useState(0),w=react_1.default.useRef(null);react_1.default.useEffect(()=>{capture_1.ScreenCapture.isRecording().then(t=>{S(t)}).catch(()=>{})},[]),react_1.default.useEffect(()=>(g?(M(0),w.current=setInterval(()=>{M(t=>t+1)},1e3)):(w.current&&(clearInterval(w.current),w.current=null),M(0)),()=>{w.current&&clearInterval(w.current)}),[g]);const[B,b]=react_1.default.useState(null),oe=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};b(a),m?.().catch(()=>{}),(0,toast_1.showToast)(i("header.screenshotCaptured"))}else(0,toast_1.showToast)(i("header.screenshotFailed"))}catch{(0,toast_1.showToast)(i("header.screenshotError"))}},[m,i]),le=react_1.default.useCallback(async()=>{try{if(g){(0,NativeInspector_1.triggerNativeHaptic)("medium");const t=await capture_1.ScreenCapture.stopRecording();if(S(!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};b(a),m?.().catch(()=>{}),(0,toast_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"})?(S(!0),(0,toast_1.showToast)(i("header.recordingStarted"))):(0,toast_1.showToast)(i("header.recordingStartFailed"))}catch{(0,toast_1.showToast)(i("header.recordingError")),S(!1)}},[g,i]),ne=t=>{const a=Math.floor(t/60),$=t%60;return`${a.toString().padStart(2,"0")}:${$.toString().padStart(2,"0")}`},v=(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"&&p!=null||d==="logs"&&u!=null||d==="redux"&&(_!=null||C!=null)||d==="crash"&&c!=null||d==="push"&&s!=null,A=f!==null,V=x||A||I,se=(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"?o>=98?y>=390?50:44:0:react_native_1.Platform.OS==="android"&&o>=98?react_native_1.StatusBar.currentHeight||24:0,[o,y]),h=e?28:T?30:32,de=e?48:T?52:56;return<>
+      <react_native_1.View style={[styles_1.default.headerGradient,{minHeight:(e?62:66)+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:P,width:"100%"}}>
+        <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?12:16,paddingVertical:e?8:10,minHeight:e?52:56}]}>
-            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:S?void 0:1,flexShrink:S?0:1,minWidth:0}}>
-              {A&&<TouchableScale_1.default onPress={()=>{if(I){H(!1);return}if(x){z(f==="main"?null:"main");return}l(null),L(null),E(null),q(null),W(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={{flexDirection:"row",alignItems:"center",gap:e?8:10,flex:x?void 0:1,flexShrink:x?0:1,minWidth:0}}>
+              {V&&<TouchableScale_1.default onPress={()=>{if(I){H(!1);return}if(A){D(f==="main"?null:"main");return}l(null),E(null),W(null),q(null),N(null),ee(null),te(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>}
@@ -24,10 +24,10 @@
                   <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>:x?<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}>
-                      {le}
+                      {se}
                     </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`}}>
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?8.5:9.5,lineHeight:12,color:AppColors_1.AppColors.white}}>
@@ -38,11 +38,11 @@
                   <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"}
                   </react_native_1.Text>
-                </react_native_1.View>:A?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?10:12,flex:1,minWidth:0,marginRight:4}}>
-                  <AppHeaderLogo_1.default size={ne}customIcon={n}/>
+                </react_native_1.View>:V?null:<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?10:12,flex:1,minWidth:0,marginRight:4}}>
+                  <AppHeaderLogo_1.default size={de}customIcon={n}/>
                   <react_native_1.View style={{gap:4,flex:1,minWidth:0,justifyContent:"center"}}>
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:e?6:7,minWidth:0}}>
-                      <react_native_1.Text style={[styles_1.default.headerTitle,{fontSize:e?15:C?16:17,lineHeight:e?20:C?22:23,flexShrink:1,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
+                      <react_native_1.Text style={[styles_1.default.headerTitle,{fontSize:e?15:T?16:17,lineHeight:e?20:T?22:23,flexShrink:1,paddingBottom:0}]}numberOfLines={1}ellipsizeMode="tail">
                         {(0,helpers_1.getAppName)()}
                       </react_native_1.Text>
                       <react_native_1.View style={[styles_1.default.envBadge,{backgroundColor:v.bg,borderColor:v.border,flexShrink:0,paddingHorizontal:e?6:7,paddingVertical:2.5,borderRadius:6,marginBottom:0}]}>
@@ -50,8 +50,8 @@
                           {v.label}
                         </react_native_1.Text>
                       </react_native_1.View>
-                      {V&&<react_native_1.Pressable hitSlop={10}onPress={()=>D(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.warningAmber,borderRadius:6,paddingHorizontal:e?5:6.5,paddingVertical:2.5,gap:3.5,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:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.white,opacity:G,transform:[{scale:K}]}}/>
+                      {z&&<react_native_1.Pressable hitSlop={10}onPress={()=>R(!0)}style={{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.warningAmber,borderRadius:6,paddingHorizontal:e?5:6.5,paddingVertical:2.5,gap:3.5,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:5,height:5,borderRadius:2.5,backgroundColor:AppColors_1.AppColors.white,opacity:K,transform:[{scale:Q}]}}/>
                           {!e&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,lineHeight:11,color:AppColors_1.AppColors.white,letterSpacing:.3}}>
                               UPDATE
                             </react_native_1.Text>}
@@ -64,16 +64,16 @@
                       <react_native_1.View style={{flexDirection:"row",alignItems:"center",backgroundColor:`${AppColors_1.AppColors.white}1F`,borderRadius:6,paddingHorizontal:e?6:7,paddingVertical:3,gap:4,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={e?9.5:10.5}/>:<NetworkIcons_1.AndroidIcon color={`${AppColors_1.AppColors.white}E6`}size={e?9.5:10.5}/>}
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:e?9:10,lineHeight:13,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}numberOfLines={1}ellipsizeMode="tail">
-                          {te}
+                          {re}
                         </react_native_1.Text>
                       </react_native_1.View>
 
-                      <react_native_1.Pressable onPress={()=>{V?D(!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:6,paddingHorizontal:e?6:7,paddingVertical:3,gap:4,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:6,paddingHorizontal:e?6:7,paddingVertical:3,gap:4,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}2E`,flexShrink:0}}>
                         <NetworkIcons_1.NpmIcon size={e?9.5:10.5}color={AppColors_1.AppColors.npmRedLight}/>
                         <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:e?9:10,lineHeight:13,color:`${AppColors_1.AppColors.white}EB`,letterSpacing:.1}}numberOfLines={1}>
                           v{constants_2.LIB_VERSION}
                         </react_native_1.Text>
-                        {V&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.warningAmber}}>
+                        {z&&<react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.warningAmber}}>
                             ●
                           </react_native_1.Text>}
                       </react_native_1.Pressable>
@@ -82,8 +82,8 @@
                 </react_native_1.View>}
             </react_native_1.View>
 
-            {S&&<react_native_1.View style={[styles_1.default.headerCenter,{paddingHorizontal:e?2:6}]}>
-                {c==="apis"&&r!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+            {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}>
                     <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.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
@@ -91,7 +91,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">
-                        {Y}
+                        {Z}
                       </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}}>
@@ -114,49 +114,49 @@
                           </react_native_1.Text>
                         </react_native_1.View>}
                     </react_native_1.View>
-                  </react_native_1.View>:c==="analytics"&&d!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="analytics"&&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:d.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:p.source==="firebase"?`${AppColors_1.AppColors.firebaseOrange}4D`:`${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}]}>
-                          {d.source==="firebase"?"FB":"MAN"}
+                          {p.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">
-                        #{d.id!=null?d.id+1:1}{" "}
-                        {d.name}
+                        #{p.id!=null?p.id+1:1}{" "}
+                        {p.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:d.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:p.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(d.params).length} param
-                        {Object.keys(d.params).length!==1?"s":""}
+                        {Object.keys(p.params).length} param
+                        {Object.keys(p.params).length!==1?"s":""}
                         {" \xB7 "}
-                        {d.source}
+                        {p.source}
                       </react_native_1.Text>
                     </react_native_1.View>
-                  </react_native_1.View>:c==="logs"&&p!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="logs"&&u!=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.type==="error"?`${AppColors_1.AppColors.errorColor}4D`:p.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:u.type==="error"?`${AppColors_1.AppColors.errorColor}4D`:u.type==="warn"?`${AppColors_1.AppColors.lightOrange}4D`:`${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}]}>
-                          {p.type.toUpperCase()}
+                          {u.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">
-                        #{p.id!=null?p.id+1:1}{" "}
+                        #{u.id!=null?u.id+1:1}{" "}
                         console.
-                        {p.sourceMethod||p.type||"log"}
+                        {u.sourceMethod||u.type||"log"}
                       </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:`${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}]}>
-                          {(0,helpers_1.formatTime)(p.timestamp)}
+                          {(0,helpers_1.formatTime)(u.timestamp)}
                         </react_native_1.Text>
                       </react_native_1.View>
                     </react_native_1.View>
-                  </react_native_1.View>:c==="redux"&&w!=null?(()=>{const t=N?.[w],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,M=(0,helpers_1.getSize)(t),F=j[w];return<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="redux"&&_!=null?(()=>{const t=j?.[_],a=t&&typeof t=="object"?Object.keys(t).length:typeof t<"u"?1:0,$=(0,helpers_1.getSize)(t),L=U[_];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}]}>
@@ -164,7 +164,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}
+                            {_}
                           </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}}>
@@ -182,21 +182,21 @@
                             •
                           </react_native_1.Text>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                            {M}
+                            {$}
                           </react_native_1.Text>
-                          {F?.timestamp&&<>
+                          {L?.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}]}>
-                                  {F.timestamp}
+                                  {L.timestamp}
                                 </react_native_1.Text>
                               </react_native_1.View>
                             </>}
                         </react_native_1.View>
-                      </react_native_1.View>})():c==="redux"&&b!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                      </react_native_1.View>})():d==="redux"&&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}4D`,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
@@ -204,70 +204,93 @@
                         </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">
-                        {b.type}
+                        {C.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}]}>
-                        {b.timestamp||"Dispatched"}
+                        {C.timestamp||"Dispatched"}
                       </react_native_1.Text>
                     </react_native_1.View>
-                  </react_native_1.View>:c==="crash"&&s!=null?<react_native_1.View style={styles_1.default.headerDetailCenter}>
+                  </react_native_1.View>:d==="crash"&&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:s.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:c.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber600,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
                         <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
-                          {s.isFatal?"FATAL":s.type.toUpperCase()}
+                          {c.isFatal?"FATAL":c.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">
-                        {s.name||s.message}
+                        {c.name||c.message}
                       </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:s.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber500,width:e?6:7,height:e?6:7}]}/>
+                      <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:c.isFatal?AppColors_1.AppColors.red600:AppColors_1.AppColors.amber500,width:e?6:7,height:e?6:7}]}/>
                       <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                        {s.timeStr||new Date(s.timestamp).toLocaleTimeString()}
+                        {c.timeStr||new Date(c.timestamp).toLocaleTimeString()}
                       </react_native_1.Text>
-                      {s.deviceInfo?.platform&&<>
+                      {c.deviceInfo?.platform&&<>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{opacity:.6,fontSize:e?10:11}]}>
                             •
                           </react_native_1.Text>
                           <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?10:11}]}>
-                            {s.deviceInfo.platform.toUpperCase()}
+                            {c.deviceInfo.platform.toUpperCase()}
                           </react_native_1.Text>
                         </>}
                     </react_native_1.View>
+                  </react_native_1.View>:d==="push"&&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,paddingHorizontal:e?5:6,paddingVertical:e?2:3}]}>
+                        <react_native_1.Text style={[styles_1.default.headerMethodText,{fontSize:e?9:10}]}>
+                          {(s.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">
+                        {s.title||s.body||"Push Notification"}
+                      </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,maxWidth:"100%"}}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:e?6:8,paddingVertical:2,borderRadius:20,backgroundColor:`${s.appState==="foreground"?AppColors_1.AppColors.greenColor:s.appState==="background"?AppColors_1.AppColors.amber500:AppColors_1.AppColors.brandPurple}26`,borderWidth:1,borderColor:`${s.appState==="foreground"?AppColors_1.AppColors.greenColor:s.appState==="background"?AppColors_1.AppColors.amber500:AppColors_1.AppColors.brandPurple}55`}}>
+                        <react_native_1.View style={[styles_1.default.headerStatusDot,{backgroundColor:s.appState==="foreground"?AppColors_1.AppColors.greenColor:s.appState==="background"?AppColors_1.AppColors.amber500:AppColors_1.AppColors.brandPurple,width:e?6:7,height:e?6:7}]}/>
+                        <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:e?9.5:10.5}]}>
+                          {s.appState?s.appState.toUpperCase():"DELIVERED"}
+                        </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,borderRadius:20,backgroundColor:`${AppColors_1.AppColors.white}29`}}>
+                        <NetworkIcons_1.ClockIcon color={AppColors_1.AppColors.white}size={e?9.5:10.5}/>
+                        <react_native_1.Text style={[styles_1.default.headerSubTitle,{fontSize:e?9.5:10.5}]}>
+                          {(0,helpers_1.formatTimeShort)(s.timestamp)}
+                        </react_native_1.Text>
+                      </react_native_1.View>
+                    </react_native_1.View>
                   </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,gap:e?4:6}]}>
+              
+              <react_native_1.TouchableOpacity onPress={Y||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}]}>
+                <NetworkIcons_1.ChevronDownIcon size={e?14:16}color={AppColors_1.AppColors.white}/>
+              </react_native_1.TouchableOpacity>
 
-              {x&&<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:J}])}}hitSlop={15}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7}]}>
+              
+              {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:X}])}}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>}
-
-              {!A&&<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}]}>
+                </TouchableScale_1.default>:V?null:<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={X||O}hitSlop={{top:12,bottom:12,left:12,right:12}}activeOpacity={.6}accessibilityRole="button"accessibilityLabel={i("common.minimize","Minimize")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7}]}>
-                <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={.6}accessibilityRole="button"accessibilityLabel={i("common.close","Close")}style={[styles_1.default.closeButtonSquare,{width:h,height:h,borderRadius:e?6:7}]}>
+              <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}]}>
                 <NetworkIcons_1.CloseWhite size={e?12:14}/>
               </react_native_1.TouchableOpacity>
             </react_native_1.View>
           </react_native_1.View>
 
           
-          {!A&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:e?10:14,paddingBottom:e?8:10,paddingTop:2,gap:6}}>
+          {!V&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:e?10:14,paddingBottom:e?8:10,paddingTop:2,gap:6}}>
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
               
-              <TouchableScale_1.default onPress={re}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}33`}}>
+              <TouchableScale_1.default onPress={oe}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}33`}}>
                 <NetworkIcons_1.CameraIcon size={e?12:13}color={AppColors_1.AppColors.white}/>
                 <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:AppColors_1.AppColors.white}}>
                   {i("header.photo")}
@@ -275,18 +298,18 @@
               </TouchableScale_1.default>
 
               
-              <TouchableScale_1.default onPress={ae}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:u?`${AppColors_1.AppColors.red500}33`:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:u?AppColors_1.AppColors.red500:`${AppColors_1.AppColors.white}33`}}>
-                {u?<react_native_1.Animated.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.red500}}/>:<NetworkIcons_1.VideoCameraIcon size={e?12:13}color={AppColors_1.AppColors.white}/>}
-                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:u?AppColors_1.AppColors.red300:AppColors_1.AppColors.white}}>
-                  {u?`${i("header.rec")} ${oe(ie)}`:i("header.record")}
+              <TouchableScale_1.default onPress={le}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:g?`${AppColors_1.AppColors.red500}33`:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:g?AppColors_1.AppColors.red500:`${AppColors_1.AppColors.white}33`}}>
+                {g?<react_native_1.Animated.View style={{width:6,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.red500}}/>:<NetworkIcons_1.VideoCameraIcon size={e?12:13}color={AppColors_1.AppColors.white}/>}
+                <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:g?AppColors_1.AppColors.red300:AppColors_1.AppColors.white}}>
+                  {g?`${i("header.rec")} ${ne(ae)}`:i("header.record")}
                 </react_native_1.Text>
               </TouchableScale_1.default>
             </react_native_1.View>
 
             <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
               
-                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={i("common.clearAll")}onPress={()=>{react_native_1.Alert.alert(i("header.clearEverythingTitle"),i("header.clearEverythingMessage"),[{text:i("common.cancel"),style:"cancel"},{text:i("common.clearAll"),onPress:Q,style:"destructive"}])}}hitSlop={10}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}33`}}>
-                  <react_native_1.Animated.View style={{transform:[{rotate:$.interpolate({inputRange:[0,1],outputRange:["0deg","-25deg"]})},{scale:$.interpolate({inputRange:[0,.5,1],outputRange:[1,1.25,1]})}]}}>
+                <TouchableScale_1.default accessible={!0}accessibilityRole="button"accessibilityLabel={i("common.clearAll")}onPress={()=>{react_native_1.Alert.alert(i("header.clearEverythingTitle"),i("header.clearEverythingMessage"),[{text:i("common.cancel"),style:"cancel"},{text:i("common.clearAll"),onPress:J,style:"destructive"}])}}hitSlop={10}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${AppColors_1.AppColors.white}24`,paddingHorizontal:e?9:11,paddingVertical:e?5:6,borderRadius:7,borderWidth:1,borderColor:`${AppColors_1.AppColors.white}33`}}>
+                  <react_native_1.Animated.View style={{transform:[{rotate:k.interpolate({inputRange:[0,1],outputRange:["0deg","-25deg"]})},{scale:k.interpolate({inputRange:[0,.5,1],outputRange:[1,1.25,1]})}]}}>
                     <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.white}size={e?12:13}/>
                   </react_native_1.Animated.View>
                   <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:e?10.5:11.5,lineHeight:e?13:14,color:AppColors_1.AppColors.white}}>
@@ -307,8 +330,8 @@
       </react_native_1.View>
 
       
-      <UpdateAvailableModal_1.UpdateAvailableModal visible={ee}latestVersion={U}onClose={()=>D(!1)}/>
+      <UpdateAvailableModal_1.UpdateAvailableModal visible={ie}latestVersion={G}onClose={()=>R(!1)}/>
 
       
-      <MediaPreviewModal_1.MediaPreviewModal item={k}visible={!!k}onClose={()=>y(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),_?.().catch(()=>{}),y(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});a&&(_?.().catch(()=>{}),y({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={B}visible={!!B}onClose={()=>b(null)}onDelete={async t=>{await capture_1.ScreenCapture.deleteMedia(t.uri),m?.().catch(()=>{}),b(null)}}onConvertToGif={async t=>{const a=await capture_1.ScreenCapture.convertToGif(t.uri,{fps:12,width:480});a&&(m?.().catch(()=>{}),b({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}))}}/>
     </>});exports.default=InspectorHeader;

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

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,i){i===void 0&&(i=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,i,a)}):(function(o,t,l,i){i===void 0&&(i=l),o[i]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var i=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(i[i.length]=a);return i},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var i=o(t),a=0;a<i.length;a++)i[a]!=="default"&&__createBinding(l,t,i[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),i18n_1=require("../../i18n"),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),NetworkIcons_1=require("../NetworkIcons"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),styles_1=__importDefault(require("../../styles")),helpers_1=require("../../helpers"),getRelativeTime=o=>{const l=Date.now()-o,i=Math.floor(l/1e3),a=Math.floor(i/60),C=Math.floor(a/60),b=Math.floor(C/24);return i<60?`${i}s ago`:a<60?`${a}m ago`:C<24?`${C}h ago`:`${b}d ago`},LogDetail=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{selectedLog:t}=(0,InspectorContext_1.useInspector)(),[l,i]=(0,react_1.useState)("output"),[a,C]=(0,react_1.useState)(""),[b,v]=(0,react_1.useState)("raw"),p=(0,react_1.useMemo)(()=>t?(0,helpers_1.getJsonContent)(t.message):null,[t]),[d,h]=(0,react_1.useState)("structured"),[m,V]=(0,react_1.useState)("caller"),[_,k]=(0,react_1.useState)("app"),y=(0,react_1.useMemo)(()=>t?m==="error"&&t.errorStack?t.errorStack:t.stack||t.caller||"":"",[t,m]),s=(0,react_1.useMemo)(()=>y?y.split(`
-`).map(e=>e.trim()).filter(e=>e.length>0).map((e,n)=>(0,helpers_1.parseStackLine)(e,n===0)):[],[y]),u=(0,react_1.useMemo)(()=>s.filter(e=>e.frameType==="app"||!e.isRuntimeNoise),[s]),x=(0,react_1.useMemo)(()=>_==="app"&&u.length>0?u:s,[_,u,s]),r=(0,react_1.useMemo)(()=>t?u.length>0?u[0]:t.caller&&t.caller!=="Unknown"?(0,helpers_1.parseStackLine)(t.caller,!0):s.length>0?s[0]:null:null,[t,u,s]);if(!t)return null;const g=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,f=(()=>{const e=(t.type||"log").toLowerCase(),n=(t.sourceMethod||e).toLowerCase();return e==="error"||n==="error"?{border:AppColors_1.AppColors.red500,badgeBg:AppColors_1.AppColors.red100,badgeText:AppColors_1.AppColors.redErrorText,label:"ERROR",methodBorder:AppColors_1.AppColors.errorBorder,methodBg:AppColors_1.AppColors.red100,methodText:AppColors_1.AppColors.redErrorText}:e==="warn"||n==="warn"?{border:AppColors_1.AppColors.amber500,badgeBg:AppColors_1.AppColors.amber100,badgeText:AppColors_1.AppColors.amber800Warm,label:"WARN",methodBorder:AppColors_1.AppColors.amber200,methodBg:AppColors_1.AppColors.amber100,methodText:AppColors_1.AppColors.amber800Warm}:e==="debug"||n==="debug"?{border:AppColors_1.AppColors.violet500,badgeBg:AppColors_1.AppColors.purple100,badgeText:AppColors_1.AppColors.violet600,label:"DEBUG",methodBorder:AppColors_1.AppColors.purple200,methodBg:AppColors_1.AppColors.purple100,methodText:AppColors_1.AppColors.violet600}:e==="info"||n==="info"?{border:AppColors_1.AppColors.sky500,badgeBg:AppColors_1.AppColors.sky100,badgeText:AppColors_1.AppColors.sky600,label:"INFO",methodBorder:AppColors_1.AppColors.sky400,methodBg:AppColors_1.AppColors.sky100,methodText:AppColors_1.AppColors.sky600}:{border:AppColors_1.AppColors.indigo500,badgeBg:AppColors_1.AppColors.indigo50,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",methodBorder:AppColors_1.AppColors.indigo400,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt}})(),T=t.rawArgs!=null&&t.rawArgs.length>1,S=!!(t.stack&&t.stack.trim().length>0),B=[{key:"output",label:o("console.tabOutput"),icon:e=><NetworkIcons_1.TerminalIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>},...T?[{key:"arguments",label:o("console.tabArgs",{count:t.rawArgs?.length}),icon:e=><NetworkIcons_1.RequestIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],...S?[{key:"stack",label:o("console.tabStack"),icon:e=><NetworkIcons_1.LayersIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],{key:"metadata",label:o("console.tabMetadata"),icon:e=><NetworkIcons_1.InfoCircleIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}];return<react_native_1.View style={{flex:1}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(o,t,l,i){i===void 0&&(i=l);var a=Object.getOwnPropertyDescriptor(t,l);(!a||("get"in a?!t.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return t[l]}}),Object.defineProperty(o,i,a)}):(function(o,t,l,i){i===void 0&&(i=l),o[i]=t[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(o,t){Object.defineProperty(o,"default",{enumerable:!0,value:t})}):function(o,t){o.default=t}),__importStar=this&&this.__importStar||(function(){var o=function(t){return o=Object.getOwnPropertyNames||function(l){var i=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(i[i.length]=a);return i},o(t)};return function(t){if(t&&t.__esModule)return t;var l={};if(t!=null)for(var i=o(t),a=0;a<i.length;a++)i[a]!=="default"&&__createBinding(l,t,i[a]);return __setModuleDefault(l,t),l}})(),__importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),i18n_1=require("../../i18n"),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),ShareButton_1=__importDefault(require("../ShareButton")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),NetworkIcons_1=require("../NetworkIcons"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),styles_1=__importDefault(require("../../styles")),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),getRelativeTime=o=>{const l=Date.now()-o,i=Math.floor(l/1e3),a=Math.floor(i/60),y=Math.floor(a/60),b=Math.floor(y/24);return i<60?`${i}s ago`:a<60?`${a}m ago`:y<24?`${y}h ago`:`${b}d ago`},LogDetail=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{selectedLog:t}=(0,InspectorContext_1.useInspector)(),[l,i]=(0,react_1.useState)("output"),[a,y]=(0,react_1.useState)(""),[b,v]=(0,react_1.useState)("raw"),p=(0,react_1.useMemo)(()=>t?(0,helpers_1.getJsonContent)(t.message):null,[t]),[d,h]=(0,react_1.useState)("structured"),[m,V]=(0,react_1.useState)("caller"),[_,k]=(0,react_1.useState)("app"),C=(0,react_1.useMemo)(()=>t?m==="error"&&t.errorStack?t.errorStack:t.stack||t.caller||"":"",[t,m]),s=(0,react_1.useMemo)(()=>C?C.split(`
+`).map(e=>e.trim()).filter(e=>e.length>0).map((e,n)=>(0,helpers_1.parseStackLine)(e,n===0)):[],[C]),u=(0,react_1.useMemo)(()=>s.filter(e=>e.frameType==="app"||!e.isRuntimeNoise),[s]),x=(0,react_1.useMemo)(()=>_==="app"&&u.length>0?u:s,[_,u,s]),r=(0,react_1.useMemo)(()=>t?u.length>0?u[0]:t.caller&&t.caller!=="Unknown"?(0,helpers_1.parseStackLine)(t.caller,!0):s.length>0?s[0]:null:null,[t,u,s]);if(!t)return null;const g=AppColors_1.AppColors.primaryLight!==AppColors_1.AppColors.white,f=(()=>{const e=(t.type||"log").toLowerCase(),n=(t.sourceMethod||e).toLowerCase();return e==="error"||n==="error"?{border:AppColors_1.AppColors.red500,badgeBg:AppColors_1.AppColors.red100,badgeText:AppColors_1.AppColors.redErrorText,label:"ERROR",methodBorder:AppColors_1.AppColors.errorBorder,methodBg:AppColors_1.AppColors.red100,methodText:AppColors_1.AppColors.redErrorText}:e==="warn"||n==="warn"?{border:AppColors_1.AppColors.amber500,badgeBg:AppColors_1.AppColors.amber100,badgeText:AppColors_1.AppColors.amber800Warm,label:"WARN",methodBorder:AppColors_1.AppColors.amber200,methodBg:AppColors_1.AppColors.amber100,methodText:AppColors_1.AppColors.amber800Warm}:e==="debug"||n==="debug"?{border:AppColors_1.AppColors.violet500,badgeBg:AppColors_1.AppColors.purple100,badgeText:AppColors_1.AppColors.violet600,label:"DEBUG",methodBorder:AppColors_1.AppColors.purple200,methodBg:AppColors_1.AppColors.purple100,methodText:AppColors_1.AppColors.violet600}:e==="info"||n==="info"?{border:AppColors_1.AppColors.sky500,badgeBg:AppColors_1.AppColors.sky100,badgeText:AppColors_1.AppColors.sky600,label:"INFO",methodBorder:AppColors_1.AppColors.sky400,methodBg:AppColors_1.AppColors.sky100,methodText:AppColors_1.AppColors.sky600}:{border:AppColors_1.AppColors.indigo500,badgeBg:AppColors_1.AppColors.indigo50,badgeText:AppColors_1.AppColors.indigo600Alt,label:"LOG",methodBorder:AppColors_1.AppColors.indigo400,methodBg:AppColors_1.AppColors.indigo50,methodText:AppColors_1.AppColors.indigo600Alt}})(),T=t.rawArgs!=null&&t.rawArgs.length>1,S=!!(t.stack&&t.stack.trim().length>0),B=[{key:"output",label:o("console.tabOutput"),icon:e=><NetworkIcons_1.TerminalIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>},...T?[{key:"arguments",label:o("console.tabArgs",{count:t.rawArgs?.length}),icon:e=><NetworkIcons_1.RequestIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],...S?[{key:"stack",label:o("console.tabStack"),icon:e=><NetworkIcons_1.LayersIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}]:[],{key:"metadata",label:o("console.tabMetadata"),icon:e=><NetworkIcons_1.InfoCircleIcon color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextWeak}size={12}/>}];return<react_native_1.View style={{flex:1}}>
       
       <react_native_1.View style={styles_1.default.detailInfoBar}>
         <react_native_1.View style={{flexDirection:"column",gap:10}}>
@@ -45,7 +45,10 @@
             </react_native_1.View>
 
             
-            <CopyButton_1.default value={t.message}label={o("console.logMessage")}/>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
+              <ShareButton_1.default onShare={()=>(0,shareFormatter_1.shareLogReport)(t)}/>
+              <CopyButton_1.default value={t.message}label={o("console.logMessage")}/>
+            </react_native_1.View>
           </react_native_1.View>
 
           
@@ -102,8 +105,8 @@
           <react_native_1.View style={[styles_1.default.detailSearchRow,{marginBottom:0}]}>
             <react_native_1.View style={[styles_1.default.detailSearchBox,{backgroundColor:g?`${AppColors_1.AppColors.brandPurple}10`:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor}]}>
               <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={15}/>
-              <react_native_1.TextInput placeholder="Search in log details..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={C}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-              {a.length>0&&<react_native_1.Pressable onPress={()=>C("")}hitSlop={10}style={{padding:6}}>
+              <react_native_1.TextInput placeholder="Search in log details..."placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={y}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {a.length>0&&<react_native_1.Pressable onPress={()=>y("")}hitSlop={10}style={{padding:6}}>
                   <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={13}/>
                 </react_native_1.Pressable>}
             </react_native_1.View>
@@ -191,7 +194,7 @@
                     </react_native_1.Pressable>
                   </react_native_1.View>
 
-                  <CopyButton_1.default value={y}label={o("console.fullStackTrace")}/>
+                  <CopyButton_1.default value={C}label={o("console.fullStackTrace")}/>
                 </react_native_1.View>
               </react_native_1.View>
 
@@ -259,7 +262,7 @@
                     {o("console.noStackAvailable")}
                   </react_native_1.Text>}
               </react_native_1.View>:<react_native_1.View style={{backgroundColor:AppColors_1.AppColors.primaryLight,padding:12}}>
-                {y.split(`
+                {C.split(`
 `).filter(e=>e.trim().length>0).map((e,n)=><react_native_1.View key={n}style={{flexDirection:"row",alignItems:"flex-start",paddingVertical:2}}>
                     <react_native_1.Text style={{width:28,textAlign:"right",paddingRight:8,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,lineHeight:17}}>
                       {n+1}