react-native-inapp-inspector 2.3.24 → 2.4.0

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

@@ -1,50 +1,86 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,e,a,o){o===void 0&&(o=a);var i=Object.getOwnPropertyDescriptor(e,a);(!i||("get"in i?!e.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(r,o,i)}):(function(r,e,a,o){o===void 0&&(o=a),r[o]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,e){Object.defineProperty(r,"default",{enumerable:!0,value:e})}):function(r,e){r.default=e}),__importStar=this&&this.__importStar||(function(){var r=function(e){return r=Object.getOwnPropertyNames||function(a){var o=[];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(o[o.length]=i);return o},r(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var o=r(e),i=0;i<o.length;i++)o[i]!=="default"&&__createBinding(a,e,o[i]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),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")),BundleTab_1=__importDefault(require("./BundleTab")),PerformanceTab_1=__importDefault(require("./PerformanceTab")),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:r,isMinimized:e,modalAnimationType:a,closeModal:o,modalHeightPercent:i,selected:d,selectedEvent:c,selectedLog:p,selectedReduxSlice:b,selectedReduxAction:_,selectedCrash:f,settingsPage:n,isAboutOpen:l,setIsAboutOpen:y,activeTab:t,isReady:h,enabled:w,useNativeFab:v,hasNavigationContext:m,setNavState:S}=(0,InspectorContext_1.useInspector)(),g=t==="apis"&&d!=null||t==="analytics"&&c!=null||t==="logs"&&p!=null||t==="redux"&&(b!=null||_!=null)||t==="crash"&&f!=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&&!r&&<FabLauncher_1.default/>}
-      <react_native_1.Modal visible={r}animationType={a}transparent statusBarTranslucent={!0}onRequestClose={o}>
-        <ErrorBoundary_1.default onClose={o}>
+"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={o}/>
-            <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={g||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}}>
-                      {t==="apis"&&<NetworkTab_1.default/>}
-                      {t==="logs"&&<ConsoleTab_1.default/>}
-                      {t==="analytics"&&<AnalyticsTab_1.default/>}
-                      {t==="redux"&&<ReduxTab_1.default/>}
-                      {t==="bundle"&&<BundleTab_1.default/>}
-                      {t==="performance"&&<PerformanceTab_1.default/>}
-                      {t==="crash"&&<CrashTab_1.default/>}
-                      {t==="device"&&<DeviceInfoTab_1.default/>}
-                      {t==="storage"&&<StorageTab_1.default/>}
-                      {t==="media"&&<MediaGalleryTab_1.MediaGalleryTab/>}
-                      {react_native_1.Platform.OS==="android"&&(0,helpers_1.isLocalDebugEnvironment)()&&t==="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>
 
                 
                 {g&&<react_native_1.View style={[react_native_1.StyleSheet.absoluteFill,{backgroundColor:AppColors_1.AppColors.contentBg,zIndex:10}]}>
-                    {t==="apis"&&d!=null&&<NetworkDetail_1.default/>}
-                    {t==="analytics"&&c!=null&&<AnalyticsDetail_1.default event={c}/>}
-                    {t==="logs"&&p!=null&&<LogDetail_1.default/>}
-                    {t==="redux"&&<ReduxDetail_1.default/>}
-                    {t==="crash"&&f!=null&&<CrashDetail_1.default/>}
+                    {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>
 
@@ -59,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 a=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 a.start(),()=>a.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}]}/>
@@ -80,7 +116,7 @@
       </react_native_1.View>
 
       
-      {[0,1,2,3].map(a=><react_native_1.Animated.View key={`skeleton_card_${a}`}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/MediaGalleryTab.js

@@ -162,4 +162,4 @@
 
       
       <MediaPreviewModal_1.MediaPreviewModal item={f}visible={!!f}onClose={()=>b(null)}onDelete={A}onConvertToGif={M}/>
-    </react_native_1.View>};exports.MediaGalleryTab=MediaGalleryTab;const{width:WINDOW_WIDTH}=react_native_1.Dimensions.get("window"),CARD_WIDTH=(WINDOW_WIDTH-36)/2,galleryStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.slate850},filterBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},chipGroup:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},chip:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},chipActive:{backgroundColor:`${AppColors_1.AppColors.sky400}2E`,borderColor:AppColors_1.AppColors.sky400},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},chipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky400},subBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.slate900}99`,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},resultCountWrapper:{flexDirection:"row",alignItems:"center",flexShrink:1},resultCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},resultCountTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky400},actionsGroup:{flexDirection:"row",alignItems:"center",gap:6},viewToggleContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderRadius:6,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},viewToggleBtn:{paddingHorizontal:7,paddingVertical:4,borderRadius:4,alignItems:"center",justifyContent:"center"},viewToggleBtnActive:{backgroundColor:`${AppColors_1.AppColors.violet600}80`},deleteBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}26`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}80`},deleteBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.red500},clearBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}1F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},clearBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.red500},listContent:{padding:12,gap:10},columnWrapper:{gap:12},card:{width:CARD_WIDTH,backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,overflow:"hidden"},cardSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5},thumbnailContainer:{width:"100%",height:110,backgroundColor:AppColors_1.AppColors.slate850,position:"relative"},thumbnail:{width:"100%",height:"100%"},thumbnailFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},checkbox:{position:"absolute",top:6,left:6,width:22,height:22,borderRadius:5,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center",zIndex:10},checkboxSelected:{backgroundColor:AppColors_1.AppColors.violet600,borderColor:AppColors_1.AppColors.violet600},miniPlayCircle:{position:"absolute",top:"50%",left:"50%",width:32,height:32,marginTop:-16,marginLeft:-16,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:2,shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},typeBadge:{position:"absolute",top:6,right:6,flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.slate200},cardInfo:{padding:8,gap:3},cardTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.white},cardMetaRow:{flexDirection:"row",alignItems:"center",gap:4},cardMeta:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400},cardMetaDot:{fontSize:10,color:AppColors_1.AppColors.whiteAlpha30},listRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,padding:8,gap:10},listRowSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`},listCheckbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center"},listThumbContainer:{width:46,height:46,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate850,overflow:"hidden",position:"relative"},listThumb:{width:"100%",height:"100%"},listThumbFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},listMiniPlay:{position:"absolute",top:"50%",left:"50%",width:20,height:20,marginTop:-10,marginLeft:-10,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:1},listInfo:{flex:1,gap:4,minWidth:0},listTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},listMetaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},listBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:4,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},listBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate200},gridCopyBtn:{padding:3,borderRadius:4,backgroundColor:AppColors_1.AppColors.whiteAlpha08},listActionsRow:{flexDirection:"row",alignItems:"center",gap:6},listCopyBtn:{padding:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},listShareBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}40`},listDeleteBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}33`},copySelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},copySelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.slate200},shareSelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`},shareSelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.sky400}});
+    </react_native_1.View>};exports.MediaGalleryTab=MediaGalleryTab;const{width:WINDOW_WIDTH}=react_native_1.Dimensions.get("window"),CARD_WIDTH=(WINDOW_WIDTH-36)/2,galleryStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.slate850},filterBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:9,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},chipGroup:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},chip:{flexDirection:"row",alignItems:"center",gap:4.5,paddingHorizontal:8,paddingVertical:4.5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},chipActive:{backgroundColor:`${AppColors_1.AppColors.sky400}2E`,borderColor:AppColors_1.AppColors.sky400},chipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},chipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.sky400},subBar:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:12,paddingVertical:7,backgroundColor:`${AppColors_1.AppColors.slate900}99`,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,gap:8},resultCountWrapper:{flexDirection:"row",alignItems:"center",flexShrink:1},resultCountText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.slate400},resultCountTextSelected:{fontFamily:AppFonts_1.AppFonts.interSemiBold,color:AppColors_1.AppColors.sky400},actionsGroup:{flexDirection:"row",alignItems:"center",gap:6},viewToggleContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha06,borderRadius:6,padding:2,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha10},viewToggleBtn:{paddingHorizontal:7,paddingVertical:4,borderRadius:4,alignItems:"center",justifyContent:"center"},viewToggleBtnActive:{backgroundColor:`${AppColors_1.AppColors.violet600}80`},deleteBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}26`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}80`},deleteBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.red500},clearBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}1F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}4D`},clearBtnText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.red500},listContent:{padding:12,gap:10},columnWrapper:{gap:12},card:{width:CARD_WIDTH,backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,overflow:"hidden"},cardSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5},thumbnailContainer:{width:"100%",height:110,backgroundColor:AppColors_1.AppColors.slate850,position:"relative"},thumbnail:{width:"100%",height:"100%"},thumbnailFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},checkbox:{position:"absolute",top:6,left:6,width:22,height:22,borderRadius:5,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center",zIndex:10},checkboxSelected:{backgroundColor:AppColors_1.AppColors.violet600,borderColor:AppColors_1.AppColors.violet600},miniPlayCircle:{position:"absolute",top:"50%",left:"50%",width:32,height:32,marginTop:-16,marginLeft:-16,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:2,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:2},shadowOpacity:.4,shadowRadius:4,elevation:4},typeBadge:{position:"absolute",top:6,right:6,flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.slate200},cardInfo:{padding:8,gap:3},cardTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11.5,color:AppColors_1.AppColors.white},cardMetaRow:{flexDirection:"row",alignItems:"center",gap:4},cardMeta:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.slate400},cardMetaDot:{fontSize:10,color:AppColors_1.AppColors.whiteAlpha30},listRow:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.slate800,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,padding:8,gap:10},listRowSelected:{borderColor:AppColors_1.AppColors.violet600,borderWidth:1.5,backgroundColor:`${AppColors_1.AppColors.violet600}14`},listCheckbox:{width:20,height:20,borderRadius:4,borderWidth:1.5,borderColor:"rgba(255, 255, 255, 0.65)",backgroundColor:"rgba(15, 23, 42, 0.65)",alignItems:"center",justifyContent:"center"},listThumbContainer:{width:46,height:46,borderRadius:6,backgroundColor:AppColors_1.AppColors.slate850,overflow:"hidden",position:"relative"},listThumb:{width:"100%",height:"100%"},listThumbFallback:{width:"100%",height:"100%",alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.slate900},listMiniPlay:{position:"absolute",top:"50%",left:"50%",width:20,height:20,marginTop:-10,marginLeft:-10,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.sky400}D9`,alignItems:"center",justifyContent:"center",paddingLeft:1},listInfo:{flex:1,gap:4,minWidth:0},listTitle:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white},listMetaRow:{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"},listBadge:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:AppColors_1.AppColors.badgeGlassDark,paddingHorizontal:4,paddingVertical:1.5,borderRadius:4,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassMedium},listBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5,color:AppColors_1.AppColors.slate200},gridCopyBtn:{padding:3,borderRadius:4,backgroundColor:AppColors_1.AppColors.whiteAlpha08},listActionsRow:{flexDirection:"row",alignItems:"center",gap:6},listCopyBtn:{padding:6,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},listShareBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}40`},listDeleteBtn:{padding:6,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.red500}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}33`},copySelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha10,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},copySelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:10.5,color:AppColors_1.AppColors.slate200},shareSelectedBtn:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`},shareSelectedBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.sky400}});

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,i){i===void 0&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}):(function(e,t,a,i){i===void 0&&(i=a),e[i]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var i=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(i[i.length]=r);return i},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var i=e(t),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(a,t,i[r]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),MediaPreviewModal=({item:e,visible:t,onClose:a,onDelete:i,onConvertToGif:r})=>{const{t:o}=(0,i18n_1.useTranslation)(),[y,b]=(0,react_1.useState)(!1),[v,g]=(0,react_1.useState)(!1),[n,T]=(0,react_1.useState)(!1),[C,f]=(0,react_1.useState)(!1),[A,x]=(0,react_1.useState)("1.0x"),[c,S]=(0,react_1.useState)(!0),[h,k]=(0,react_1.useState)(.4);if(!e)return null;const u=()=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},w=async()=>{try{f(!0),await capture_1.ScreenCapture.playVideo(e.uri)}catch{(0,toast_1.showToast)(o("mediaGallery.playError","Unable to play video"))}finally{f(!1)}},I=()=>{react_native_1.Alert.alert(o("mediaGallery.deleteTitle"),o("mediaGallery.deleteMessage",{filename:e.filename}),[{text:o("common.cancel"),style:"cancel"},{text:o("mediaGallery.delete"),style:"destructive",onPress:()=>{i(e),a()}}])},P=async()=>{if(r){b(!0);try{await r(e),(0,toast_1.showToast)(o("mediaGallery.convertedSuccess"))}catch{(0,toast_1.showToast)(o("mediaGallery.convertFailed"))}finally{b(!1)}}},_=async()=>{try{const l=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`,V=react_native_1.Platform.select({ios:{url:l,title:e.filename},default:{title:e.filename,message:e.filename,url:l}});(await react_native_1.Share.share(V)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(o("mediaGallery.shareSuccess","Shared successfully"))}catch(l){l?.message!=="User did not share"&&(0,toast_1.showToast)(o("mediaGallery.shareUnavailable","Sharing not available on this device"))}},s=e.type==="video",d=e.type==="gif",p=e.durationMs?(e.durationMs/1e3).toFixed(1):null,F=p?`00:${Number(p)<10?"0":""}${p}`:"00:05.0",m=!0;return<react_native_1.Modal visible={t}transparent={!0}animationType="fade"onRequestClose={a}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(e,t,a,i){i===void 0&&(i=a);var r=Object.getOwnPropertyDescriptor(t,a);(!r||("get"in r?!t.__esModule:r.writable||r.configurable))&&(r={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(e,i,r)}):(function(e,t,a,i){i===void 0&&(i=a),e[i]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}):function(e,t){e.default=t}),__importStar=this&&this.__importStar||(function(){var e=function(t){return e=Object.getOwnPropertyNames||function(a){var i=[];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(i[i.length]=r);return i},e(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var i=e(t),r=0;r<i.length;r++)i[r]!=="default"&&__createBinding(a,t,i[r]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.MediaPreviewModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),TouchableScale_1=__importDefault(require("../TouchableScale")),NetworkIcons_1=require("../NetworkIcons"),capture_1=require("../../capture"),helpers_1=require("../../helpers"),toast_1=require("../../helpers/toast"),i18n_1=require("../../i18n"),MediaPreviewModal=({item:e,visible:t,onClose:a,onDelete:i,onConvertToGif:r})=>{const{t:o}=(0,i18n_1.useTranslation)(),[y,b]=(0,react_1.useState)(!1),[v,g]=(0,react_1.useState)(!1),[n,T]=(0,react_1.useState)(!1),[C,f]=(0,react_1.useState)(!1),[A,x]=(0,react_1.useState)("1.0x"),[c,S]=(0,react_1.useState)(!0),[h,k]=(0,react_1.useState)(.4);if(!e)return null;const u=()=>{e?.uri&&(0,helpers_1.copyImageOrMediaToClipboard)(e.uri,e.type==="image"?"Image":"Media")},w=async()=>{try{f(!0),await capture_1.ScreenCapture.playVideo(e.uri)}catch{(0,toast_1.showToast)(o("mediaGallery.playError","Unable to play video"))}finally{f(!1)}},I=()=>{react_native_1.Alert.alert(o("mediaGallery.deleteTitle"),o("mediaGallery.deleteMessage",{filename:e.filename}),[{text:o("common.cancel"),style:"cancel"},{text:o("mediaGallery.delete"),style:"destructive",onPress:()=>{i(e),a()}}])},P=async()=>{if(r){b(!0);try{await r(e),(0,toast_1.showToast)(o("mediaGallery.convertedSuccess"))}catch{(0,toast_1.showToast)(o("mediaGallery.convertFailed"))}finally{b(!1)}}},_=async()=>{try{const l=e.uri.startsWith("file://")||e.uri.startsWith("content://")||e.uri.startsWith("http")?e.uri:`file://${e.uri}`,F=react_native_1.Platform.select({ios:{url:l,title:e.filename},default:{title:e.filename,message:e.filename,url:l}});(await react_native_1.Share.share(F)).action===react_native_1.Share.sharedAction&&(0,toast_1.showToast)(o("mediaGallery.shareSuccess","Shared successfully"))}catch(l){l?.message!=="User did not share"&&(0,toast_1.showToast)(o("mediaGallery.shareUnavailable","Sharing not available on this device"))}},s=e.type==="video",d=e.type==="gif",p=e.durationMs?(e.durationMs/1e3).toFixed(1):null,V=p?`00:${Number(p)<10?"0":""}${p}`:"00:05.0",m=!0;return<react_native_1.Modal visible={t}transparent={!0}animationType="fade"onRequestClose={a}>
       <react_native_1.View style={previewStyles.overlay}>
         
         <react_native_1.View style={previewStyles.header}>
@@ -107,7 +107,7 @@
                 <react_native_1.View style={[previewStyles.progressFill,{width:`${Math.max(10,Math.min(100,h*100))}%`}]}/>
                 <react_native_1.View style={[previewStyles.scrubberThumb,{left:`${Math.max(8,Math.min(96,h*100))}%`}]}/>
               </react_native_1.TouchableOpacity>
-              <react_native_1.Text style={previewStyles.timeLabel}>{F}</react_native_1.Text>
+              <react_native_1.Text style={previewStyles.timeLabel}>{V}</react_native_1.Text>
             </react_native_1.View>
 
             
@@ -163,4 +163,4 @@
             </TouchableScale_1.default>
           </react_native_1.View>}
       </react_native_1.View>
-    </react_native_1.Modal>};exports.MediaPreviewModal=MediaPreviewModal;const previewStyles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:"#090D16FA",justifyContent:"space-between"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingTop:react_native_1.Platform.OS==="ios"?52:20,paddingBottom:14,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,backgroundColor:AppColors_1.AppColors.headerGlassDark},headerLeft:{flexDirection:"row",alignItems:"center",gap:10,flex:1,minWidth:0,marginRight:10},headerRight:{flexDirection:"row",alignItems:"center",gap:8},badge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},badgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,letterSpacing:.4},title:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13.5,color:AppColors_1.AppColors.white},subtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.whiteAlpha60,marginTop:1},headerActionBtn:{width:32,height:32,borderRadius:16,backgroundColor:AppColors_1.AppColors.whiteAlpha12,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20,alignItems:"center",justifyContent:"center"},headerShareBtn:{width:32,height:32,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`,alignItems:"center",justifyContent:"center"},headerDeleteBtn:{width:32,height:32,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.red500}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}60`,alignItems:"center",justifyContent:"center"},headerIconBtn:{width:32,height:32,borderRadius:16,backgroundColor:AppColors_1.AppColors.whiteAlpha12,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20,alignItems:"center",justifyContent:"center"},stage:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:10,paddingTop:10,paddingBottom:10},stageExpanded:{paddingHorizontal:0,paddingTop:0,paddingBottom:0},previewCard:{flex:1,width:"100%",borderRadius:14,overflow:"hidden",backgroundColor:"#05070D",borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,alignItems:"center",justifyContent:"center",position:"relative"},previewCardExpanded:{borderRadius:0,borderWidth:0},image:{width:"100%",height:"100%"},videoImageOverlay:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:"rgba(5, 7, 13, 0.25)"},videoFallbackBackdrop:{flex:1,width:"100%",backgroundColor:"#070C18",alignItems:"center",justifyContent:"center",gap:8},videoFallbackGlow:{position:"absolute",width:140,height:140,borderRadius:70,backgroundColor:`${AppColors_1.AppColors.sky400}18`},videoFallbackTitle:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:15,color:AppColors_1.AppColors.white,marginTop:8},videoFallbackSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.whiteAlpha60},centerPlayOverlay:{position:"absolute",alignItems:"center",justifyContent:"center",gap:8},centerPlayCircle:{width:64,height:64,borderRadius:32,backgroundColor:`${AppColors_1.AppColors.sky400}E0`,alignItems:"center",justifyContent:"center",paddingLeft:3,shadowColor:AppColors_1.AppColors.sky400,shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:10,elevation:8},centerPlayText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13,color:AppColors_1.AppColors.white,letterSpacing:.3,textShadowColor:"rgba(0,0,0,0.7)",textShadowOffset:{width:0,height:1},textShadowRadius:3},videoBadgeOverlay:{position:"absolute",bottom:12,left:12},playPill:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${AppColors_1.AppColors.slate900}D9`,paddingHorizontal:10,paddingVertical:5,borderRadius:16,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},playPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.3},floatingMetaBadge:{position:"absolute",bottom:10,backgroundColor:`${AppColors_1.AppColors.slate900}D9`,paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15,alignItems:"center",justifyContent:"center"},floatingMetaText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.slate200,letterSpacing:.2},videoControlsPanel:{paddingHorizontal:16,paddingTop:8,paddingBottom:6,backgroundColor:AppColors_1.AppColors.headerGlassDark,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.borderGlassLight,gap:8},progressSection:{flexDirection:"row",alignItems:"center",gap:10},timeLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.whiteAlpha60,minWidth:42},progressTrack:{flex:1,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.whiteAlpha15,justifyContent:"center",position:"relative"},progressFill:{height:"100%",borderRadius:3,backgroundColor:AppColors_1.AppColors.sky400},scrubberThumb:{position:"absolute",width:12,height:12,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:2,borderColor:AppColors_1.AppColors.sky400,top:-3,marginLeft:-6},controlsRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:2},controlActionPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}50`},controlActionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11.5},speedGroup:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha12,padding:2,gap:2},speedBtn:{paddingHorizontal:7,paddingVertical:3,borderRadius:4},speedBtnActive:{backgroundColor:`${AppColors_1.AppColors.sky400}30`},speedText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.whiteAlpha60},speedTextActive:{color:AppColors_1.AppColors.sky400,fontFamily:AppFonts_1.AppFonts.interBold},loopPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha12},loopPillActive:{backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderColor:`${AppColors_1.AppColors.sky400}50`},loopText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.whiteAlpha60},loopTextActive:{color:AppColors_1.AppColors.sky400,fontFamily:AppFonts_1.AppFonts.interSemiBold},footer:{flexDirection:"row",alignItems:"center",justifyContent:"center",flexWrap:"wrap",gap:8,paddingHorizontal:16,paddingTop:8,paddingBottom:react_native_1.Platform.OS==="ios"?34:16,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.borderGlassLight,backgroundColor:AppColors_1.AppColors.headerGlassDark},actionBtn:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:16,paddingVertical:9,borderRadius:8,backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},actionText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white}});
+    </react_native_1.Modal>};exports.MediaPreviewModal=MediaPreviewModal;const previewStyles=react_native_1.StyleSheet.create({overlay:{flex:1,backgroundColor:AppColors_1.AppColors.mediaModalBg,justifyContent:"space-between"},header:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:16,paddingTop:react_native_1.Platform.OS==="ios"?52:20,paddingBottom:14,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.borderGlassLight,backgroundColor:AppColors_1.AppColors.headerGlassDark},headerLeft:{flexDirection:"row",alignItems:"center",gap:10,flex:1,minWidth:0,marginRight:10},headerRight:{flexDirection:"row",alignItems:"center",gap:8},badge:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:4,borderRadius:6,borderWidth:1},badgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,letterSpacing:.4},title:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13.5,color:AppColors_1.AppColors.white},subtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.whiteAlpha60,marginTop:1},headerActionBtn:{width:32,height:32,borderRadius:16,backgroundColor:AppColors_1.AppColors.whiteAlpha12,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20,alignItems:"center",justifyContent:"center"},headerShareBtn:{width:32,height:32,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.sky400}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}60`,alignItems:"center",justifyContent:"center"},headerDeleteBtn:{width:32,height:32,borderRadius:16,backgroundColor:`${AppColors_1.AppColors.red500}20`,borderWidth:1,borderColor:`${AppColors_1.AppColors.red500}60`,alignItems:"center",justifyContent:"center"},headerIconBtn:{width:32,height:32,borderRadius:16,backgroundColor:AppColors_1.AppColors.whiteAlpha12,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20,alignItems:"center",justifyContent:"center"},stage:{flex:1,alignItems:"center",justifyContent:"center",paddingHorizontal:10,paddingTop:10,paddingBottom:10},stageExpanded:{paddingHorizontal:0,paddingTop:0,paddingBottom:0},previewCard:{flex:1,width:"100%",borderRadius:14,overflow:"hidden",backgroundColor:AppColors_1.AppColors.mediaDarkTile,borderWidth:1,borderColor:AppColors_1.AppColors.borderGlassLight,alignItems:"center",justifyContent:"center",position:"relative"},previewCardExpanded:{borderRadius:0,borderWidth:0},image:{width:"100%",height:"100%"},videoImageOverlay:{...react_native_1.StyleSheet.absoluteFillObject,backgroundColor:"rgba(5, 7, 13, 0.25)"},videoFallbackBackdrop:{flex:1,width:"100%",backgroundColor:AppColors_1.AppColors.mediaPlayerBg,alignItems:"center",justifyContent:"center",gap:8},videoFallbackGlow:{position:"absolute",width:140,height:140,borderRadius:70,backgroundColor:`${AppColors_1.AppColors.sky400}18`},videoFallbackTitle:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:15,color:AppColors_1.AppColors.white,marginTop:8},videoFallbackSubtitle:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.whiteAlpha60},centerPlayOverlay:{position:"absolute",alignItems:"center",justifyContent:"center",gap:8},centerPlayCircle:{width:64,height:64,borderRadius:32,backgroundColor:`${AppColors_1.AppColors.sky400}E0`,alignItems:"center",justifyContent:"center",paddingLeft:3,shadowColor:AppColors_1.AppColors.sky400,shadowOffset:{width:0,height:4},shadowOpacity:.5,shadowRadius:10,elevation:8},centerPlayText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:13,color:AppColors_1.AppColors.white,letterSpacing:.3,textShadowColor:"rgba(0,0,0,0.7)",textShadowOffset:{width:0,height:1},textShadowRadius:3},videoBadgeOverlay:{position:"absolute",bottom:12,left:12},playPill:{flexDirection:"row",alignItems:"center",gap:6,backgroundColor:`${AppColors_1.AppColors.slate900}D9`,paddingHorizontal:10,paddingVertical:5,borderRadius:16,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha20},playPillText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11,color:AppColors_1.AppColors.white,letterSpacing:.3},floatingMetaBadge:{position:"absolute",bottom:10,backgroundColor:`${AppColors_1.AppColors.slate900}D9`,paddingHorizontal:10,paddingVertical:4.5,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15,alignItems:"center",justifyContent:"center"},floatingMetaText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.slate200,letterSpacing:.2},videoControlsPanel:{paddingHorizontal:16,paddingTop:8,paddingBottom:6,backgroundColor:AppColors_1.AppColors.headerGlassDark,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.borderGlassLight,gap:8},progressSection:{flexDirection:"row",alignItems:"center",gap:10},timeLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.whiteAlpha60,minWidth:42},progressTrack:{flex:1,height:6,borderRadius:3,backgroundColor:AppColors_1.AppColors.whiteAlpha15,justifyContent:"center",position:"relative"},progressFill:{height:"100%",borderRadius:3,backgroundColor:AppColors_1.AppColors.sky400},scrubberThumb:{position:"absolute",width:12,height:12,borderRadius:6,backgroundColor:AppColors_1.AppColors.white,borderWidth:2,borderColor:AppColors_1.AppColors.sky400,top:-3,marginLeft:-6},controlsRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:2},controlActionPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:6,backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderWidth:1,borderColor:`${AppColors_1.AppColors.sky400}50`},controlActionText:{fontFamily:AppFonts_1.AppFonts.interSemiBold,fontSize:11.5},speedGroup:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha12,padding:2,gap:2},speedBtn:{paddingHorizontal:7,paddingVertical:3,borderRadius:4},speedBtnActive:{backgroundColor:`${AppColors_1.AppColors.sky400}30`},speedText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.whiteAlpha60},speedTextActive:{color:AppColors_1.AppColors.sky400,fontFamily:AppFonts_1.AppFonts.interBold},loopPill:{flexDirection:"row",alignItems:"center",gap:4,paddingHorizontal:8,paddingVertical:5,borderRadius:6,backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha12},loopPillActive:{backgroundColor:`${AppColors_1.AppColors.sky400}18`,borderColor:`${AppColors_1.AppColors.sky400}50`},loopText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10.5,color:AppColors_1.AppColors.whiteAlpha60},loopTextActive:{color:AppColors_1.AppColors.sky400,fontFamily:AppFonts_1.AppFonts.interSemiBold},footer:{flexDirection:"row",alignItems:"center",justifyContent:"center",flexWrap:"wrap",gap:8,paddingHorizontal:16,paddingTop:8,paddingBottom:react_native_1.Platform.OS==="ios"?34:16,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.borderGlassLight,backgroundColor:AppColors_1.AppColors.headerGlassDark},actionBtn:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:16,paddingVertical:9,borderRadius:8,backgroundColor:AppColors_1.AppColors.whiteAlpha08,borderWidth:1,borderColor:AppColors_1.AppColors.whiteAlpha15},actionText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.white}});

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()}>