react-native-inapp-inspector 2.3.25 → 2.4.1

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

@@ -1,48 +1,86 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,r,a){a===void 0&&(a=r);var i=Object.getOwnPropertyDescriptor(e,r);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[r]}}),Object.defineProperty(t,a,i)}):(function(t,e,r,a){a===void 0&&(a=r),t[a]=e[r]})),__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(r){var a=[];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(a[a.length]=i);return a},t(e)};return function(e){if(e&&e.__esModule)return e;var r={};if(e!=null)for(var a=t(e),i=0;i<a.length;i++)a[i]!=="default"&&__createBinding(r,e,a[i]);return __setModuleDefault(r,e),r}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:t,isMinimized:e,modalAnimationType:r,closeModal:a,modalHeightPercent:i,selected:d,selectedEvent:c,selectedLog:p,selectedReduxSlice:b,selectedReduxAction:_,selectedCrash:g,settingsPage:n,isAboutOpen:l,setIsAboutOpen:y,activeTab:o,isReady:h,enabled:w,useNativeFab:v,hasNavigationContext:m,setNavState:S}=(0,InspectorContext_1.useInspector)(),f=o==="apis"&&d!=null||o==="analytics"&&c!=null||o==="logs"&&p!=null||o==="redux"&&(b!=null||_!=null)||o==="crash"&&g!=null,s=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{n!==null&&(s.setValue(0),react_native_1.Animated.spring(s,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n!==null]);const u=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{l&&(u.setValue(0),react_native_1.Animated.spring(u,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[l]),<>
-      {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&w&&!t&&<FabLauncher_1.default/>}
-      <react_native_1.Modal visible={t}animationType={r}transparent statusBarTranslucent={!0}onRequestClose={a}>
-        <ErrorBoundary_1.default onClose={a}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(a,e,t,o){o===void 0&&(o=t);var l=Object.getOwnPropertyDescriptor(e,t);(!l||("get"in l?!e.__esModule:l.writable||l.configurable))&&(l={enumerable:!0,get:function(){return e[t]}}),Object.defineProperty(a,o,l)}):(function(a,e,t,o){o===void 0&&(o=t),a[o]=e[t]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(a,e){Object.defineProperty(a,"default",{enumerable:!0,value:e})}):function(a,e){a.default=e}),__importStar=this&&this.__importStar||(function(){var a=function(e){return a=Object.getOwnPropertyNames||function(t){var o=[];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(o[o.length]=l);return o},a(e)};return function(e){if(e&&e.__esModule)return e;var t={};if(e!=null)for(var o=a(e),l=0;l<o.length;l++)o[l]!=="default"&&__createBinding(t,e,o[l]);return __setModuleDefault(t,e),t}})(),__importDefault=this&&this.__importDefault||function(a){return a&&a.__esModule?a:{default:a}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),ErrorBoundary_1=__importDefault(require("../ErrorBoundary")),ModuleErrorBoundary_1=__importDefault(require("../ModuleErrorBoundary")),FabLauncher_1=__importDefault(require("./FabLauncher")),InspectorHeader_1=__importDefault(require("./InspectorHeader")),TabBar_1=__importDefault(require("./TabBar")),NetworkTab_1=__importDefault(require("./NetworkTab")),NetworkDetail_1=__importDefault(require("./NetworkDetail")),LogDetail_1=__importDefault(require("./LogDetail")),ConsoleTab_1=__importDefault(require("./ConsoleTab")),AnalyticsTab_1=__importDefault(require("./AnalyticsTab")),AnalyticsDetail_1=__importDefault(require("../AnalyticsDetail")),ReduxTab_1=__importDefault(require("./ReduxTab")),ReduxDetail_1=__importDefault(require("./ReduxDetail")),CrashTab_1=__importDefault(require("./CrashTab")),CrashDetail_1=__importDefault(require("./CrashDetail")),PushTab_1=__importDefault(require("./PushTab")),PushDetail_1=__importDefault(require("./PushDetail")),DeviceInfoTab_1=__importDefault(require("./DeviceInfoTab")),StorageTab_1=__importDefault(require("./StorageTab")),DebuggingTab_1=__importDefault(require("./DebuggingTab")),MediaGalleryTab_1=require("./MediaGalleryTab"),SettingsPanel_1=__importDefault(require("./SettingsPanel")),AboutModal_1=__importDefault(require("./AboutModal")),NpmUpdateToast_1=__importDefault(require("./NpmUpdateToast")),NpmStarPrompt_1=__importDefault(require("./NpmStarPrompt")),Toast_1=__importDefault(require("../Toast")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),NavigationTracker_1=__importDefault(require("./NavigationTracker")),helpers_1=require("../../helpers"),MainScreen=()=>{const{visible:a,modalAnimationType:e,closeModal:t,modalHeightPercent:o,selected:l,selectedEvent:s,selectedLog:f,selectedReduxSlice:m,selectedReduxAction:_,selectedCrash:p,selectedPush:c,setSelectedPush:y,settingsPage:i,isAboutOpen:n,setIsAboutOpen:b,activeTab:r,isReady:h,enabled:w,hasNavigationContext:S,setNavState:C}=(0,InspectorContext_1.useInspector)(),g=r==="apis"&&l!=null||r==="analytics"&&s!=null||r==="logs"&&f!=null||r==="redux"&&(m!=null||_!=null)||r==="crash"&&p!=null||r==="push"&&c!=null,u=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;(0,react_1.useEffect)(()=>{i!==null&&(u.setValue(0),react_native_1.Animated.spring(u,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[i!==null]);const d=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current;return(0,react_1.useEffect)(()=>{n&&(d.setValue(0),react_native_1.Animated.spring(d,{toValue:1,friction:8,tension:65,useNativeDriver:!1}).start())},[n]),<>
+      {(react_native_1.Platform.OS==="ios"||react_native_1.Platform.OS==="android")&&w&&!a&&<FabLauncher_1.default/>}
+      <react_native_1.Modal visible={a}animationType={e}transparent statusBarTranslucent={!0}onRequestClose={t}>
+        <ErrorBoundary_1.default onClose={t}>
           <react_native_1.View style={styles_1.default.modalBackdrop}>
-            <react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={a}/>
-            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${i}%`,borderTopLeftRadius:i>=100?0:20,borderTopRightRadius:i>=100?0:20}]}>
+            <react_native_1.Pressable style={styles_1.default.modalBackdropPressable}onPress={t}/>
+            <react_native_1.View style={[styles_1.default.modalContentCard,{height:`${o}%`,borderTopLeftRadius:o>=100?0:20,borderTopRightRadius:o>=100?0:20}]}>
               <react_native_1.StatusBar translucent backgroundColor="transparent"barStyle="light-content"/>
 
               <InspectorHeader_1.default/>
 
               <react_native_1.View style={{flex:1}}>
                 
-                <react_native_1.View style={{flex:1}}pointerEvents={f||n!==null||l?"none":"auto"}>
+                <react_native_1.View style={{flex:1}}pointerEvents={g||i!==null||n?"none":"auto"}>
                   <TabBar_1.default/>
                   {h?<react_native_1.View style={{flex:1}}>
-                      {o==="apis"&&<NetworkTab_1.default/>}
-                      {o==="logs"&&<ConsoleTab_1.default/>}
-                      {o==="analytics"&&<AnalyticsTab_1.default/>}
-                      {o==="redux"&&<ReduxTab_1.default/>}
-                      {o==="crash"&&<CrashTab_1.default/>}
-                      {o==="device"&&<DeviceInfoTab_1.default/>}
-                      {o==="storage"&&<StorageTab_1.default/>}
-                      {o==="media"&&<MediaGalleryTab_1.MediaGalleryTab/>}
-                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&o==="debugging"&&<DebuggingTab_1.default/>}
+                      {r==="apis"&&<ModuleErrorBoundary_1.default moduleName="Network API Monitor">
+                          <NetworkTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="logs"&&<ModuleErrorBoundary_1.default moduleName="Console Logs Monitor">
+                          <ConsoleTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="analytics"&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Tracker">
+                          <AnalyticsTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux State Inspector">
+                          <ReduxTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="crash"&&<ModuleErrorBoundary_1.default moduleName="Crash Reporter">
+                          <CrashTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="push"&&<ModuleErrorBoundary_1.default moduleName="Push Notifications">
+                          <PushTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="device"&&<ModuleErrorBoundary_1.default moduleName="Device Diagnostics">
+                          <DeviceInfoTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="storage"&&<ModuleErrorBoundary_1.default moduleName="Storage Inspector">
+                          <StorageTab_1.default/>
+                        </ModuleErrorBoundary_1.default>}
+                      {r==="media"&&<ModuleErrorBoundary_1.default moduleName="Media Gallery">
+                          <MediaGalleryTab_1.MediaGalleryTab/>
+                        </ModuleErrorBoundary_1.default>}
+                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&r==="debugging"&&<ModuleErrorBoundary_1.default moduleName="Debugging Utilities">
+                            <DebuggingTab_1.default/>
+                          </ModuleErrorBoundary_1.default>}
                     </react_native_1.View>:<MainScreenSkeleton/>}
                 </react_native_1.View>
 
                 
-                {f&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
-                    {o==="apis"&&d!=null&&<NetworkDetail_1.default/>}
-                    {o==="analytics"&&c!=null&&<AnalyticsDetail_1.default event={c}/>}
-                    {o==="logs"&&p!=null&&<LogDetail_1.default/>}
-                    {o==="redux"&&<ReduxDetail_1.default/>}
-                    {o==="crash"&&g!=null&&<CrashDetail_1.default/>}
+                {g&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
+                    {r==="apis"&&l!=null&&<ModuleErrorBoundary_1.default moduleName="Network Request Details">
+                        <NetworkDetail_1.default/>
+                      </ModuleErrorBoundary_1.default>}
+                    {r==="analytics"&&s!=null&&<ModuleErrorBoundary_1.default moduleName="Analytics Event Details">
+                        <AnalyticsDetail_1.default event={s}/>
+                      </ModuleErrorBoundary_1.default>}
+                    {r==="logs"&&f!=null&&<ModuleErrorBoundary_1.default moduleName="Console Log Details">
+                        <LogDetail_1.default/>
+                      </ModuleErrorBoundary_1.default>}
+                    {r==="redux"&&<ModuleErrorBoundary_1.default moduleName="Redux Action & State Details">
+                        <ReduxDetail_1.default/>
+                      </ModuleErrorBoundary_1.default>}
+                    {r==="crash"&&p!=null&&<ModuleErrorBoundary_1.default moduleName="Crash Log Details">
+                        <CrashDetail_1.default/>
+                      </ModuleErrorBoundary_1.default>}
+                    {r==="push"&&c!=null&&<ModuleErrorBoundary_1.default moduleName="Push Notification Details">
+                        <PushDetail_1.default item={c}onClose={()=>y(null)}/>
+                      </ModuleErrorBoundary_1.default>}
                   </react_native_1.View>}
 
                 
-                {n!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:s,transform:[{translateY:s.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
-                    <SettingsPanel_1.default/>
+                {i!==null&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.grayBackground,opacity:u,transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                    <ModuleErrorBoundary_1.default moduleName="Settings Panel">
+                      <SettingsPanel_1.default/>
+                    </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
 
                 
-                {l&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:u,transform:[{translateY:u.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
-                    <AboutModal_1.default onClose={()=>y(!1)}/>
+                {n&&<react_native_1.Animated.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.primaryLight,opacity:d,transform:[{translateY:d.interpolate({inputRange:[0,1],outputRange:[24,0]})}]}]}>
+                    <ModuleErrorBoundary_1.default moduleName="About & Diagnostics">
+                      <AboutModal_1.default onClose={()=>b(!1)}/>
+                    </ModuleErrorBoundary_1.default>
                   </react_native_1.Animated.View>}
               </react_native_1.View>
 
@@ -57,9 +95,9 @@
             </react_native_1.View>
           </react_native_1.View>
         </ErrorBoundary_1.default>
-      {m&&<NavigationTracker_1.default onStateChange={S}/>}
+      {S&&<NavigationTracker_1.default onStateChange={C}/>}
     </react_native_1.Modal>
-    </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const r=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return r.start(),()=>r.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
+    </>},MainScreenSkeleton=react_1.default.memo(function(){const e=(0,react_1.useRef)(new react_native_1.Animated.Value(.35)).current;return(0,react_1.useEffect)(()=>{const t=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(e,{toValue:.85,duration:750,useNativeDriver:!1}),react_native_1.Animated.timing(e,{toValue:.35,duration:750,useNativeDriver:!1})]));return t.start(),()=>t.stop()},[e]),<react_native_1.View style={skeletonStyles.container}>
       
       <react_native_1.View style={skeletonStyles.toolbarSkeleton}>
         <react_native_1.Animated.View style={[skeletonStyles.searchBarSkeleton,{opacity:e}]}/>
@@ -78,7 +116,7 @@
       </react_native_1.View>
 
       
-      {[0,1,2,3].map(r=><react_native_1.Animated.View key={`skeleton_card_${r}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
+      {[0,1,2,3].map(t=><react_native_1.Animated.View key={`skeleton_card_${t}`}style={[skeletonStyles.cardSkeleton,{opacity:e}]}>
           <react_native_1.View style={skeletonStyles.cardTopRow}>
             <react_native_1.View style={skeletonStyles.badgeGroup}>
               <react_native_1.View style={skeletonStyles.statusBadgeSkeleton}/>

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

@@ -1,10 +1,10 @@
-"use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),i18n_1=require("../../i18n"),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),MetaAccordion_1=__importDefault(require("../MetaAccordion")),HeadersSection_1=__importDefault(require("../HeadersSection")),SourcePageCard_1=__importDefault(require("../SourcePageCard")),SectionHeader_1=__importDefault(require("../SectionHeader")),JsonViewer_1=__importDefault(require("../JsonViewer")),DiffViewer_1=__importDefault(require("../DiffViewer")),CopyButton_1=__importDefault(require("../CopyButton")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),NetworkDetail=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{selected:e,detailDisplayUrl:r,apiDetailActiveTab:p,setApiDetailActiveTab:A,detailSearch:a,setDetailSearch:s,reqExpanded:c,setReqExpanded:h,resExpanded:d,setResExpanded:w,showReqDiff:g,setShowReqDiff:m,showResDiff:C,setShowResDiff:V,prevRequestData:x,prevResponseData:T,logRouteMapRef:S}=(0,InspectorContext_1.useInspector)(),b=()=>{react_native_1.Alert.alert(o("common.openInBrowser")||"Open in Browser",`${o("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
+"use strict";var __importDefault=this&&this.__importDefault||function(o){return o&&o.__esModule?o:{default:o}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importDefault(require("react")),i18n_1=require("../../i18n"),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),MetaAccordion_1=__importDefault(require("../MetaAccordion")),HeadersSection_1=__importDefault(require("../HeadersSection")),SourcePageCard_1=__importDefault(require("../SourcePageCard")),SectionHeader_1=__importDefault(require("../SectionHeader")),JsonViewer_1=__importDefault(require("../JsonViewer")),DiffViewer_1=__importDefault(require("../DiffViewer")),CopyButton_1=__importDefault(require("../CopyButton")),ShareButton_1=__importDefault(require("../ShareButton")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),NetworkIcons_1=require("../NetworkIcons"),NetworkDetail=react_1.default.memo(()=>{const{t:o}=(0,i18n_1.useTranslation)(),{selected:e,detailDisplayUrl:a,apiDetailActiveTab:n,setApiDetailActiveTab:_,detailSearch:r,setDetailSearch:l,reqExpanded:s,setReqExpanded:u,resExpanded:i,setResExpanded:f,showReqDiff:c,setShowReqDiff:h,showResDiff:d,setShowResDiff:w,prevRequestData:C,prevResponseData:y,logRouteMapRef:x}=(0,InspectorContext_1.useInspector)(),g=()=>{react_native_1.Alert.alert(o("common.openInBrowser")||"Open in Browser",`${o("common.openInBrowserPrompt")||"Are you sure you want to open this URL in your external browser?"}
 
-${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(r).then(t=>{t?react_native_1.Linking.openURL(r):react_native_1.Linking.openURL(r).catch(()=>{})}).catch(()=>{})}}])};return e?<react_native_1.View style={{flex:1}}>
+${a}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")||"Open",onPress:()=>{react_native_1.Linking.canOpenURL(a).then(t=>{t?react_native_1.Linking.openURL(a):react_native_1.Linking.openURL(a).catch(()=>{})}).catch(()=>{})}}])};return e?<react_native_1.View style={{flex:1}}>
       
       <react_native_1.View style={{paddingHorizontal:8,paddingTop:4}}>
         <react_native_1.View style={styles_1.default.detailInfoBar}>
-          {(()=>{let t="",u="",i=r,v="";try{const f=r.indexOf("?");let l=r;f!==-1&&(i=r.substring(0,f),v=r.substring(f),l=i);const y=l.indexOf("://");if(y!==-1){t=l.substring(0,y+3);const n=l.substring(y+3),_=n.indexOf("/");_!==-1?(u=n.substring(0,_),i=n.substring(_)):(u=n,i="/")}else{const n=l.indexOf("/");n!==-1?(u=l.substring(0,n),i=l.substring(n)):l&&(u=l,i="/")}}catch{}return<>
+          {(()=>{const t=a.indexOf("://"),p=t!==-1?a.substring(0,t+3):"";return<>
                 
                 <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"wrap",gap:6,paddingBottom:8,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flexWrap:"wrap",flex:1}}>
@@ -53,9 +53,9 @@ ${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")
                   
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",flexWrap:"nowrap",gap:6}}>
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1,minWidth:0}}>
-                      {t?<react_native_1.View style={{backgroundColor:t.startsWith("https")?`${AppColors_1.AppColors.green600}18`:`${AppColors_1.AppColors.amber500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:4}}>
-                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:t.startsWith("https")?AppColors_1.AppColors.green600:AppColors_1.AppColors.amber500}}>
-                            {t.replace("://","").toUpperCase()}
+                      {p?<react_native_1.View style={{backgroundColor:p.startsWith("https")?`${AppColors_1.AppColors.green600}18`:`${AppColors_1.AppColors.amber500}18`,paddingHorizontal:6,paddingVertical:2,borderRadius:4}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:p.startsWith("https")?AppColors_1.AppColors.green600:AppColors_1.AppColors.amber500}}>
+                            {p.replace("://","").toUpperCase()}
                           </react_native_1.Text>
                         </react_native_1.View>:null}
 
@@ -67,18 +67,19 @@ ${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")
                     
                     <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:5,flexShrink:0}}>
                       <CopyButton_1.default value={(0,helpers_1.getCurlCommand)(e)}label="cURL"iconType="terminal"/>
+                      <ShareButton_1.default onShare={()=>(0,shareFormatter_1.shareApiReport)(e)}/>
                       <CopyButton_1.default value={(0,helpers_1.getFetchCommand)(e)}label="fetch()"iconType="fetch"/>
-                      <CopyButton_1.default value={r}label="URL"iconType="copy"/>
-                      <TouchableScale_1.default style={[styles_1.default.iconSquareBtn,{backgroundColor:`${AppColors_1.AppColors.sky600}15`,borderColor:`${AppColors_1.AppColors.sky600}35`}]}onPress={b}hitSlop={10}accessibilityLabel="Open in Browser">
+                      <CopyButton_1.default value={a}label="URL"iconType="copy"/>
+                      <TouchableScale_1.default style={[styles_1.default.iconSquareBtn,{backgroundColor:`${AppColors_1.AppColors.sky600}15`,borderColor:`${AppColors_1.AppColors.sky600}35`}]}onPress={g}hitSlop={10}accessibilityLabel="Open in Browser">
                         <NetworkIcons_1.ExternalLinkIcon color={AppColors_1.AppColors.sky600}size={13}/>
                       </TouchableScale_1.default>
                     </react_native_1.View>
                   </react_native_1.View>
 
                   
-                  <react_native_1.Pressable onPress={b}>
+                  <react_native_1.Pressable onPress={g}>
                     <react_native_1.Text selectable={!0}style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12.5,color:AppColors_1.AppColors.skyBlue,textDecorationLine:"underline",lineHeight:18}}>
-                      {r}
+                      {a}
                     </react_native_1.Text>
                   </react_native_1.Pressable>
                 </react_native_1.View>
@@ -87,14 +88,14 @@ ${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")
       </react_native_1.View>
 
       
-      <SegmentedTabs_1.default tabs={[{key:"metadata",label:o("network.detailTabs.metadata"),icon:t=><NetworkIcons_1.StatusIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"headers",label:o("network.detailTabs.headers"),icon:t=><NetworkIcons_1.HeadersIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},...e.request!=null?[{key:"request",label:o("network.detailTabs.request"),icon:t=><NetworkIcons_1.RequestIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}]:[],{key:"response",label:o("network.detailTabs.response"),icon:t=><NetworkIcons_1.ResponseIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}]}activeKey={p}onChange={t=>{(0,InspectorContext_1.animateNextLayout)(),A(t)}}style={{marginHorizontal:6,marginBottom:10,marginTop:6}}/>
+      <SegmentedTabs_1.default tabs={[{key:"metadata",label:o("network.detailTabs.metadata"),icon:t=><NetworkIcons_1.StatusIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"headers",label:o("network.detailTabs.headers"),icon:t=><NetworkIcons_1.HeadersIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},...e.request!=null?[{key:"request",label:o("network.detailTabs.request"),icon:t=><NetworkIcons_1.RequestIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}]:[],{key:"response",label:o("network.detailTabs.response"),icon:t=><NetworkIcons_1.ResponseIcon color={t?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}]}activeKey={n}onChange={t=>{(0,InspectorContext_1.animateNextLayout)(),_(t)}}style={{marginHorizontal:6,marginBottom:10,marginTop:6}}/>
 
       
       <react_native_1.ScrollView style={styles_1.default.detailScroll}contentContainerStyle={{paddingHorizontal:6,paddingBottom:24}}showsVerticalScrollIndicator={!0}>
-        {p==="metadata"&&<>
+        {n==="metadata"&&<>
             <MetaAccordion_1.default status={e.status}statusColor={(0,helpers_1.getStatusColor)(e.status)}duration={e.duration}size={(0,helpers_1.getSize)(e.response)}triggeredAt={(0,helpers_1.formatDateTime)(e.startTime)}method={e.method}contentType={e.responseHeaders?.["content-type"]||e.responseHeaders?.["Content-Type"]}url={e.url}/>
 
-            {(()=>{const t=S.current.get(e.id)||e?.routeInfo;return!t||!t.path||t.path==="Navigators"?null:<SourcePageCard_1.default routeInfo={t}/>})()}
+            {(()=>{const t=x.current.get(e.id)||e?.routeInfo;return!t||!t.path||t.path==="Navigators"?null:<SourcePageCard_1.default routeInfo={t}/>})()}
 
             {(e.responseHeaders?.["content-type"]||e.responseHeaders?.["Content-Type"])?.includes("image/")?<react_native_1.View style={styles_1.default.imagePreviewWrapper}>
                     <react_native_1.Image source={{uri:e.url}}style={styles_1.default.imagePreview}resizeMode="contain"/>
@@ -104,33 +105,33 @@ ${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")
                   </react_native_1.View>:null}
           </>}
 
-        {p==="headers"&&<>
+        {n==="headers"&&<>
             <react_native_1.View style={styles_1.default.detailSearchRow}>
               <react_native_1.View style={styles_1.default.detailSearchBox}>
-                <react_native_1.TextInput placeholder={o("network.searchHeaders")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={s}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                {a.length>0&&<react_native_1.Pressable onPress={()=>s("")}hitSlop={10}style={{padding:8}}>
+                <react_native_1.TextInput placeholder={o("network.searchHeaders")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={r}onChangeText={l}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {r.length>0&&<react_native_1.Pressable onPress={()=>l("")}hitSlop={10}style={{padding:8}}>
                     <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
                   </react_native_1.Pressable>}
               </react_native_1.View>
             </react_native_1.View>
 
-            <HeadersSection_1.default title="Request Headers"headers={e.requestHeaders}search={a}resetKey={e.id}/>
-            <HeadersSection_1.default title="Response Headers"headers={e.responseHeaders}search={a}resetKey={e.id}/>
+            <HeadersSection_1.default title="Request Headers"headers={e.requestHeaders}search={r}resetKey={e.id}/>
+            <HeadersSection_1.default title="Response Headers"headers={e.responseHeaders}search={r}resetKey={e.id}/>
           </>}
 
-        {p==="request"&&e.request!=null&&<>
+        {n==="request"&&e.request!=null&&<>
               <react_native_1.View style={styles_1.default.detailSearchRow}>
                 <react_native_1.View style={styles_1.default.detailSearchBox}>
-                  <react_native_1.TextInput placeholder={o("network.searchRequest")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={s}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                  {a.length>0&&<react_native_1.Pressable onPress={()=>s("")}hitSlop={10}style={{padding:8}}>
+                  <react_native_1.TextInput placeholder={o("network.searchRequest")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={r}onChangeText={l}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                  {r.length>0&&<react_native_1.Pressable onPress={()=>l("")}hitSlop={10}style={{padding:8}}>
                       <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
                     </react_native_1.Pressable>}
                 </react_native_1.View>
               </react_native_1.View>
 
               <react_native_1.View style={styles_1.default.sectionContainer}>
-                <SectionHeader_1.default title={o("network.requestTitle")}value={e.request}expanded={c}onToggleExpand={()=>h(t=>!t)}showDiff={x!=null}isDiffing={g}onToggleDiff={()=>{m(t=>!t),!c&&!g&&h(!0)}}/>
-                {g?<DiffViewer_1.default oldData={x}newData={e.request}forceOpen={c}/>:c?<JsonViewer_1.default data={e.request}search={a}/>:<react_native_1.View style={styles_1.default.codeBlock}>
+                <SectionHeader_1.default title={o("network.requestTitle")}value={e.request}expanded={s}onToggleExpand={()=>u(t=>!t)}showDiff={C!=null}isDiffing={c}onToggleDiff={()=>{h(t=>!t),!s&&!c&&u(!0)}}/>
+                {c?<DiffViewer_1.default oldData={C}newData={e.request}forceOpen={s}/>:s?<JsonViewer_1.default data={e.request}search={r}/>:<react_native_1.View style={styles_1.default.codeBlock}>
                     <react_native_1.Text style={[styles_1.default.codeText,{color:AppColors_1.AppColors.grayTextWeak}]}>
                       {o("network.bodyHidden")}
                     </react_native_1.Text>
@@ -138,19 +139,19 @@ ${r}`,[{text:o("common.cancel")||"Cancel",style:"cancel"},{text:o("common.open")
               </react_native_1.View>
             </>}
 
-        {p==="response"&&<>
+        {n==="response"&&<>
             <react_native_1.View style={styles_1.default.detailSearchRow}>
               <react_native_1.View style={styles_1.default.detailSearchBox}>
-                <react_native_1.TextInput placeholder={o("network.searchResponse")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={a}onChangeText={s}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
-                {a.length>0&&<react_native_1.Pressable onPress={()=>s("")}hitSlop={10}style={{padding:8}}>
+                <react_native_1.TextInput placeholder={o("network.searchResponse")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={r}onChangeText={l}style={styles_1.default.detailSearchInput}autoCorrect={!1}autoCapitalize="none"/>
+                {r.length>0&&<react_native_1.Pressable onPress={()=>l("")}hitSlop={10}style={{padding:8}}>
                     <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
                   </react_native_1.Pressable>}
               </react_native_1.View>
             </react_native_1.View>
 
             <react_native_1.View style={styles_1.default.sectionContainer}>
-              <SectionHeader_1.default title={o("network.responseTitle")}value={e.response}expanded={d}onToggleExpand={()=>w(t=>!t)}showDiff={T!=null}isDiffing={C}onToggleDiff={()=>{V(t=>!t),!d&&!C&&w(!0)}}/>
-              {C?<DiffViewer_1.default oldData={T}newData={e.response}forceOpen={d}/>:d?<JsonViewer_1.default data={e.response}search={a}wrap/>:<react_native_1.View style={styles_1.default.codeBlock}>
+              <SectionHeader_1.default title={o("network.responseTitle")}value={e.response}expanded={i}onToggleExpand={()=>f(t=>!t)}showDiff={y!=null}isDiffing={d}onToggleDiff={()=>{w(t=>!t),!i&&!d&&f(!0)}}/>
+              {d?<DiffViewer_1.default oldData={y}newData={e.response}forceOpen={i}/>:i?<JsonViewer_1.default data={e.response}search={r}wrap/>:<react_native_1.View style={styles_1.default.codeBlock}>
                   <react_native_1.Text style={[styles_1.default.codeText,{color:AppColors_1.AppColors.grayTextWeak}]}>
                     {o("network.bodyHidden")}
                   </react_native_1.Text>

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(h,x,f,b){b===void 0&&(b=f);var T=Object.getOwnPropertyDescriptor(x,f);(!T||("get"in T?!x.__esModule:T.writable||T.configurable))&&(T={enumerable:!0,get:function(){return x[f]}}),Object.defineProperty(h,b,T)}):(function(h,x,f,b){b===void 0&&(b=f),h[b]=x[f]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(h,x){Object.defineProperty(h,"default",{enumerable:!0,value:x})}):function(h,x){h.default=x}),__importStar=this&&this.__importStar||(function(){var h=function(x){return h=Object.getOwnPropertyNames||function(f){var b=[];for(var T in f)Object.prototype.hasOwnProperty.call(f,T)&&(b[b.length]=T);return b},h(x)};return function(x){if(x&&x.__esModule)return x;var f={};if(x!=null)for(var b=h(x),T=0;T<b.length;T++)b[T]!=="default"&&__createBinding(f,x,b[T]);return __setModuleDefault(f,x),f}})(),__importDefault=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NetworkFilterModal=exports.isNetworkFiltersDefault=exports.DEFAULT_NETWORK_FILTERS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),i18n_1=require("../../i18n"),constants_1=require("../../constants"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale"));exports.DEFAULT_NETWORK_FILTERS={statusCodes:new Set(["all"]),methods:new Set(["all"]),latency:"all",protocol:"all",sortBy:"time_desc"};const isNetworkFiltersDefault=h=>(h.statusCodes.has("all")||h.statusCodes.size===0)&&(h.methods.has("all")||h.methods.size===0)&&h.latency==="all"&&h.protocol==="all"&&h.sortBy==="time_desc";exports.isNetworkFiltersDefault=isNetworkFiltersDefault;const NetworkFilterModal=({visible:h,onClose:x,filters:f,onApply:b,searchQuery:T=""})=>{const{t:L}=(0,i18n_1.useTranslation)(),{logs:S}=(0,InspectorContext_1.useInspector)(),[o,k]=(0,react_1.useState)(()=>({...f,statusCodes:new Set(f.statusCodes),methods:new Set(f.methods)}));(0,react_1.useEffect)(()=>{h&&k({...f,statusCodes:new Set(f.statusCodes),methods:new Set(f.methods)})},[h,f]);const g=(0,react_1.useMemo)(()=>{const e={all:S.length,"2xx":0,"3xx":0,"4xx":0,"5xx":0,failed:0},t={all:S.length};let C=0,_=0,w=0,F=0,B=0;for(const A of S){const v=typeof A.status=="number"?A.status:parseInt(String(A.status),10);A.status===0||A.status==null?e.failed=(e.failed||0)+1:isNaN(v)||(v>=200&&v<300?e["2xx"]=(e["2xx"]||0)+1:v>=300&&v<400?e["3xx"]=(e["3xx"]||0)+1:v>=400&&v<500?e["4xx"]=(e["4xx"]||0)+1:v>=500&&(e["5xx"]=(e["5xx"]||0)+1));const P=(A.method||"GET").toUpperCase();t[P]=(t[P]||0)+1;const I=A.duration||0;I<200?C++:I<=500?_++:w++,(A.url||"").toLowerCase().startsWith("https")?F++:B++}return{statusMap:e,methodMap:t,fastCount:C,normalCount:_,slowCount:w,httpsCount:F,httpCount:B}},[S]),m=(0,react_1.useMemo)(()=>S.filter(e=>{if(!o.statusCodes.has("all")&&o.statusCodes.size>0){const _=typeof e.status=="number"?e.status:parseInt(String(e.status),10);let w=!1;if(o.statusCodes.has("failed")&&(e.status===0||e.status==null)&&(w=!0),o.statusCodes.has("2xx")&&!isNaN(_)&&_>=200&&_<300&&(w=!0),o.statusCodes.has("3xx")&&!isNaN(_)&&_>=300&&_<400&&(w=!0),o.statusCodes.has("4xx")&&!isNaN(_)&&_>=400&&_<500&&(w=!0),o.statusCodes.has("5xx")&&!isNaN(_)&&_>=500&&(w=!0),!w)return!1}if(!o.methods.has("all")&&o.methods.size>0){const _=(e.method||"GET").toUpperCase();if(!o.methods.has(_))return!1}const t=e.duration||0;if(o.latency==="fast"&&t>=200||o.latency==="normal"&&(t<200||t>500)||o.latency==="slow"&&t<=500)return!1;const C=(e.url||"").toLowerCase().startsWith("https");if(o.protocol==="https"&&!C||o.protocol==="http"&&C)return!1;if(T.trim().length>0){const _=T.toLowerCase();if(!(e.url||"").toLowerCase().includes(_))return!1}return!0}).length,[S,o,T]),z=e=>{k(t=>{const C=new Set(t.statusCodes);return e==="all"?{...t,statusCodes:new Set(["all"])}:(C.delete("all"),C.has(e)?(C.delete(e),C.size===0&&C.add("all")):C.add(e),{...t,statusCodes:C})})},V=e=>{k(t=>{const C=new Set(t.methods);return e==="all"?{...t,methods:new Set(["all"])}:(C.delete("all"),C.has(e)?(C.delete(e),C.size===0&&C.add("all")):C.add(e),{...t,methods:C})})},M=()=>{k({statusCodes:new Set(["all"]),methods:new Set(["all"]),latency:"all",protocol:"all",sortBy:"time_desc"})},R=()=>{b(o),x()},O=(0,react_1.useMemo)(()=>{let e=0;return!o.statusCodes.has("all")&&o.statusCodes.size>0&&(e+=o.statusCodes.size),!o.methods.has("all")&&o.methods.size>0&&(e+=o.methods.size),o.latency!=="all"&&e++,o.protocol!=="all"&&e++,o.sortBy!=="time_desc"&&e++,e},[o]);return<react_native_1.Modal visible={h}transparent animationType="fade"onRequestClose={x}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(h,x,f,b){b===void 0&&(b=f);var T=Object.getOwnPropertyDescriptor(x,f);(!T||("get"in T?!x.__esModule:T.writable||T.configurable))&&(T={enumerable:!0,get:function(){return x[f]}}),Object.defineProperty(h,b,T)}):(function(h,x,f,b){b===void 0&&(b=f),h[b]=x[f]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(h,x){Object.defineProperty(h,"default",{enumerable:!0,value:x})}):function(h,x){h.default=x}),__importStar=this&&this.__importStar||(function(){var h=function(x){return h=Object.getOwnPropertyNames||function(f){var b=[];for(var T in f)Object.prototype.hasOwnProperty.call(f,T)&&(b[b.length]=T);return b},h(x)};return function(x){if(x&&x.__esModule)return x;var f={};if(x!=null)for(var b=h(x),T=0;T<b.length;T++)b[T]!=="default"&&__createBinding(f,x,b[T]);return __setModuleDefault(f,x),f}})(),__importDefault=this&&this.__importDefault||function(h){return h&&h.__esModule?h:{default:h}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.NetworkFilterModal=exports.isNetworkFiltersDefault=exports.DEFAULT_NETWORK_FILTERS=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),constants_1=require("../../constants"),NetworkIcons_1=require("../NetworkIcons"),TouchableScale_1=__importDefault(require("../TouchableScale"));exports.DEFAULT_NETWORK_FILTERS={statusCodes:new Set(["all"]),methods:new Set(["all"]),latency:"all",protocol:"all",sortBy:"time_desc"};const isNetworkFiltersDefault=h=>(h.statusCodes.has("all")||h.statusCodes.size===0)&&(h.methods.has("all")||h.methods.size===0)&&h.latency==="all"&&h.protocol==="all"&&h.sortBy==="time_desc";exports.isNetworkFiltersDefault=isNetworkFiltersDefault;const NetworkFilterModal=({visible:h,onClose:x,filters:f,onApply:b,searchQuery:T=""})=>{const{logs:S}=(0,InspectorContext_1.useInspector)(),[o,k]=(0,react_1.useState)(()=>({...f,statusCodes:new Set(f.statusCodes),methods:new Set(f.methods)}));(0,react_1.useEffect)(()=>{h&&k({...f,statusCodes:new Set(f.statusCodes),methods:new Set(f.methods)})},[h,f]);const g=(0,react_1.useMemo)(()=>{const e={all:S.length,"2xx":0,"3xx":0,"4xx":0,"5xx":0,failed:0},t={all:S.length};let C=0,_=0,w=0,F=0,B=0;for(const A of S){const v=typeof A.status=="number"?A.status:parseInt(String(A.status),10);A.status===0||A.status==null?e.failed=(e.failed||0)+1:isNaN(v)||(v>=200&&v<300?e["2xx"]=(e["2xx"]||0)+1:v>=300&&v<400?e["3xx"]=(e["3xx"]||0)+1:v>=400&&v<500?e["4xx"]=(e["4xx"]||0)+1:v>=500&&(e["5xx"]=(e["5xx"]||0)+1));const P=(A.method||"GET").toUpperCase();t[P]=(t[P]||0)+1;const I=A.duration||0;I<200?C++:I<=500?_++:w++,(A.url||"").toLowerCase().startsWith("https")?F++:B++}return{statusMap:e,methodMap:t,fastCount:C,normalCount:_,slowCount:w,httpsCount:F,httpCount:B}},[S]),m=(0,react_1.useMemo)(()=>S.filter(e=>{if(!o.statusCodes.has("all")&&o.statusCodes.size>0){const _=typeof e.status=="number"?e.status:parseInt(String(e.status),10);let w=!1;if(o.statusCodes.has("failed")&&(e.status===0||e.status==null)&&(w=!0),o.statusCodes.has("2xx")&&!isNaN(_)&&_>=200&&_<300&&(w=!0),o.statusCodes.has("3xx")&&!isNaN(_)&&_>=300&&_<400&&(w=!0),o.statusCodes.has("4xx")&&!isNaN(_)&&_>=400&&_<500&&(w=!0),o.statusCodes.has("5xx")&&!isNaN(_)&&_>=500&&(w=!0),!w)return!1}if(!o.methods.has("all")&&o.methods.size>0){const _=(e.method||"GET").toUpperCase();if(!o.methods.has(_))return!1}const t=e.duration||0;if(o.latency==="fast"&&t>=200||o.latency==="normal"&&(t<200||t>500)||o.latency==="slow"&&t<=500)return!1;const C=(e.url||"").toLowerCase().startsWith("https");if(o.protocol==="https"&&!C||o.protocol==="http"&&C)return!1;if(T.trim().length>0){const _=T.toLowerCase();if(!(e.url||"").toLowerCase().includes(_))return!1}return!0}).length,[S,o,T]),z=e=>{k(t=>{const C=new Set(t.statusCodes);return e==="all"?{...t,statusCodes:new Set(["all"])}:(C.delete("all"),C.has(e)?(C.delete(e),C.size===0&&C.add("all")):C.add(e),{...t,statusCodes:C})})},V=e=>{k(t=>{const C=new Set(t.methods);return e==="all"?{...t,methods:new Set(["all"])}:(C.delete("all"),C.has(e)?(C.delete(e),C.size===0&&C.add("all")):C.add(e),{...t,methods:C})})},M=()=>{k({statusCodes:new Set(["all"]),methods:new Set(["all"]),latency:"all",protocol:"all",sortBy:"time_desc"})},R=()=>{b(o),x()},O=(0,react_1.useMemo)(()=>{let e=0;return!o.statusCodes.has("all")&&o.statusCodes.size>0&&(e+=o.statusCodes.size),!o.methods.has("all")&&o.methods.size>0&&(e+=o.methods.size),o.latency!=="all"&&e++,o.protocol!=="all"&&e++,o.sortBy!=="time_desc"&&e++,e},[o]);return<react_native_1.Modal visible={h}transparent animationType="fade"onRequestClose={x}>
       <react_native_1.Pressable style={styles.overlay}onPress={x}>
         <react_native_1.Pressable style={styles.modalCard}onPress={e=>e.stopPropagation()}>