react-native-inapp-inspector 2.4.0 → 2.4.1

package/dist/esm/components/Inspector/AnalyticsTab.js

@@ -1,60 +1,60 @@
-import de,{useCallback as R,useState as U,useMemo as X,useRef as me}from"react";import{FlatList as Ce,Platform as we,Pressable as Se,ScrollView as Ie,Text as O,TextInput as Te,TouchableOpacity as Y,View as C}from"react-native";import{animateNextLayout as ve,useInspector as xe}from"./InspectorContext";import Ae from"../AnalyticsEventCard";import Fe from"./AnalyticsFilterModal";import Le from"../EndOfListFooter";import Pe from"../EmptyState";import I from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as $}from"../../styles/AppFonts";import{useTranslation as Re}from"../../i18n";import Ve from"../TouchableScale";import{getEventCategory as Be}from"../../helpers";import{LayersIcon as Ee,SearchIcon as Ne,ClearIcon as Me,TrashIcon as _e,FilterIcon as Oe,CartIcon as $e,GlobeIcon as De,BoltIcon as He,SparkleIcon as We}from"../NetworkIcons";const Ge=de.memo(()=>{const{t:D}=Re(),{analyticsEvents:H,filteredAnalyticsEvents:a,analyticsSearch:w,setAnalyticsSearch:V,analyticsFilters:B,setAnalyticsFilters:W,handleDelete:Z,selectedEvent:ee,setSelectedEvent:G,newEventIds:j,logRouteMapRef:J,isAnalyticsLayoutReady:te,setIsAnalyticsLayoutReady:oe,isAnalyticsFilterApplied:E}=xe(),re=me(null),[ae,Q]=U(!1),[q,le]=U(100),N=X(()=>a.slice(0,q),[a,q]),v=X(()=>{let e=0,o=0,t=0,S=0;for(const L of H){const F=Be(L.name),T=L.count||1;F==="ecommerce"?e+=T:F==="page_view"?o+=T:F==="system"?t+=T:S+=T}const A=e+o+t+S;return{ecommerce:e,page_view:o,system:t,custom:S,totalCount:A}},[H]),ne=R(e=>{ve(),W(o=>{if(e==="all")return{...o,categories:new Set(["all"])};const t=new Set(o.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...o,categories:new Set(["all"])};return{...o,categories:t}})},[W]),se=R((e,o)=>e?.id?.toString()??o.toString(),[]),ie=R(({item:e,index:o})=>{const t=a[o+1],S=a[o-1],A=t?e.timestamp-t.timestamp:void 0,L=Math.floor(e.timestamp/6e4),F=S?Math.floor(S.timestamp/6e4):-1,T=o===0||L!==F;return<Ae event={e}onPress={()=>{G(e)}}isNew={j.has(e.id)}searchStr={w}isFirst={o===0}isLast={o===a.length-1}msSincePrev={A}showTimestamp={T}computedScreenName={(()=>{if(!e)return"";const P=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let M=typeof P=="string"?P:P?JSON.stringify(P):"";const _=J.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const K=_.path.split(" \u2794 ");M=K[K.length-1]}return M})()}/>},[a,w,j,G,J]),ce=R((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
+import X,{useCallback as F,useState as Y,useMemo as Z,useRef as Fe}from"react";import{FlatList as Pe,Platform as Re,Pressable as Ve,ScrollView as Be,Text as N,TextInput as Me,TouchableOpacity as Ce,View as C}from"react-native";import{animateNextLayout as _e,useInspector as Ne}from"./InspectorContext";import Oe from"../AnalyticsEventCard";import $e from"./AnalyticsFilterModal";import De from"../EndOfListFooter";import He from"../EmptyState";import I from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as O}from"../../styles/AppFonts";import{useTranslation as We}from"../../i18n";import Ge from"../TouchableScale";import{getEventCategory as je}from"../../helpers";import{LayersIcon as Je,SearchIcon as Qe,ClearIcon as Ke,TrashIcon as Ue,FilterIcon as Xe,CartIcon as Ye,GlobeIcon as Ze,BoltIcon as et,SparkleIcon as tt}from"../NetworkIcons";const Se=10,ot=X.memo(()=>{const{t:$}=We(),{analyticsEvents:D,filteredAnalyticsEvents:a,analyticsSearch:S,setAnalyticsSearch:P,analyticsFilters:A,setAnalyticsFilters:H,handleDelete:we,selectedEvent:Ie,setSelectedEvent:W,newEventIds:G,logRouteMapRef:j,isAnalyticsLayoutReady:Te,setIsAnalyticsLayoutReady:ve,isAnalyticsFilterApplied:R,maxAnalyticsEventsLimit:V}=Ne(),xe=V||100,J=Fe(null),[Le,Q]=Y(!1),[q,K]=Y(xe);X.useEffect(()=>{K(V||100),J.current?.scrollToOffset({offset:0,animated:!1})},[S,A,V]);const B=Z(()=>a.slice(0,q),[a,q]),v=Z(()=>{let e=0,o=0,t=0,w=0;for(const E of D){const k=je(E.name),T=E.count||1;k==="ecommerce"?e+=T:k==="page_view"?o+=T:k==="system"?t+=T:w+=T}const L=e+o+t+w;return{ecommerce:e,page_view:o,system:t,custom:w,totalCount:L}},[D]),ke=F(e=>{_e(),H(o=>{if(e==="all")return{...o,categories:new Set(["all"])};const t=new Set(o.categories);if(t.has("all"))t.delete("all"),t.add(e);else if(t.has(e))t.delete(e),t.size===0&&t.add("all");else if(t.add(e),t.has("ecommerce")&&t.has("page_view")&&t.has("system")&&t.has("custom"))return{...o,categories:new Set(["all"])};return{...o,categories:t}})},[H]),Ae=F((e,o)=>e?.id?.toString()??o.toString(),[]),Ee=F(({item:e,index:o})=>{const t=a[o+1],w=a[o-1],L=t?e.timestamp-t.timestamp:void 0,E=Math.floor(e.timestamp/6e4),k=w?Math.floor(w.timestamp/6e4):-1,T=o===0||E!==k;return<Oe event={e}onPress={()=>{W(e)}}isNew={G.has(e.id)}searchStr={S}isFirst={o===0}isLast={o===a.length-1}msSincePrev={L}showTimestamp={T}computedScreenName={(()=>{if(!e)return"";const z=e.screenName||e.screenClass||e.pageTitle||e.pageLocation||e.params?.firebase_screen||e.params?.screen_name||e.params?.firebase_screen_class||e.params?.screen_class;let M=typeof z=="string"?z:z?JSON.stringify(z):"";const _=j.current.get(e.id+1e6);if(!M&&_&&_.path!=="Navigators"){const U=_.path.split(" \u2794 ");M=U[U.length-1]}return M})()}/>},[a,S,G,W,j]),ze=F((e,o)=>({length:86,offset:86*o,index:o}),[]);return<>
       
-      {ee==null&&<C style={{backgroundColor:r.white,borderBottomWidth:1,borderBottomColor:r.dividerColor,paddingBottom:6}}>
+      {Ie==null&&<C style={{backgroundColor:r.white,borderBottomWidth:1,borderBottomColor:r.dividerColor,paddingBottom:6}}>
           <C style={[I.toolbarRow,{marginTop:12,marginBottom:8}]}>
             <C style={I.searchContainer}>
-              <Ne color={r.grayTextWeak}size={16}/>
-              <Te placeholder={D("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={w}onChangeText={V}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-              {w.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
+              <Qe color={r.grayTextWeak}size={16}/>
+              <Me placeholder={$("analytics.searchPlaceholder","Search events...")}placeholderTextColor={r.grayTextWeak}value={S}onChangeText={P}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+              {S.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                   <C style={{backgroundColor:`${r.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
-                    <O style={{color:r.purple,fontSize:9.5,fontFamily:$.interBold}}>
+                    <N style={{color:r.purple,fontSize:9.5,fontFamily:O.interBold}}>
                       {a.length}
-                    </O>
+                    </N>
                   </C>
-                  <Se onPress={()=>V("")}hitSlop={10}style={I.clearBtn}>
-                    <Me color={r.grayTextWeak}size={13}/>
-                  </Se>
+                  <Ve onPress={()=>P("")}hitSlop={10}style={I.clearBtn}>
+                    <Ke color={r.grayTextWeak}size={13}/>
+                  </Ve>
                 </C>}
             </C>
             <C style={I.toolbarRight}>
               
-              <Y style={[I.toolbarBtn,E&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
-                <Oe color={E?r.brandPurple:r.grayTextStrong}size={15}/>
-                {E&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:r.darkOrange,borderWidth:1,borderColor:r.white}}/>}
-              </Y>
+              <Ce style={[I.toolbarBtn,R&&{borderColor:`${r.brandPurple}60`,backgroundColor:`${r.brandPurple}15`}]}onPress={()=>Q(!0)}hitSlop={6}>
+                <Xe color={R?r.brandPurple:r.grayTextStrong}size={15}/>
+                {R&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:r.darkOrange,borderWidth:1,borderColor:r.white}}/>}
+              </Ce>
 
-              <Y style={[I.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={Z}hitSlop={6}>
-                <_e color={r.errorColor}size={15}/>
-              </Y>
+              <Ce style={[I.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={we}hitSlop={6}>
+                <Ue color={r.errorColor}size={15}/>
+              </Ce>
             </C>
           </C>
 
           
           <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-            <Ie horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-              {[{id:"all",label:D("common.all","All"),count:v.totalCount,color:r.purple,Icon:Ee},{id:"ecommerce",label:"Ecommerce",count:v.ecommerce,color:r.amber600,Icon:$e},{id:"page_view",label:"Screens",count:v.page_view,color:r.sky600,Icon:De},{id:"system",label:"System",count:v.system,color:r.violet600,Icon:He},{id:"custom",label:"Custom",count:v.custom,color:r.teal600,Icon:We}].map(e=>{const o=e.id==="all"?B.categories.has("all"):!B.categories.has("all")&&B.categories.has(e.id),t=e.color||r.purple,S=o?r.white:t,A=e.Icon;return<Ve key={e.id}onPress={()=>ne(e.id)}>
+            <Be horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+              {[{id:"all",label:$("common.all","All"),count:v.totalCount,color:r.purple,Icon:Je},{id:"ecommerce",label:"Ecommerce",count:v.ecommerce,color:r.amber600,Icon:Ye},{id:"page_view",label:"Screens",count:v.page_view,color:r.sky600,Icon:Ze},{id:"system",label:"System",count:v.system,color:r.violet600,Icon:et},{id:"custom",label:"Custom",count:v.custom,color:r.teal600,Icon:tt}].map(e=>{const o=e.id==="all"?A.categories.has("all"):!A.categories.has("all")&&A.categories.has(e.id),t=e.color||r.purple,w=o?r.white:t,L=e.Icon;return<Ge key={e.id}onPress={()=>ke(e.id)}>
                     <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?t:`${t}12`,borderWidth:1,borderColor:o?t:`${t}30`,gap:5}}>
-                      <A size={11}color={S}/>
-                      <O style={{fontFamily:$.interBold,fontSize:10.5,color:o?r.white:r.primaryBlack}}>
+                      <L size={11}color={w}/>
+                      <N style={{fontFamily:O.interBold,fontSize:10.5,color:o?r.white:r.primaryBlack}}>
                         {e.label}
-                      </O>
+                      </N>
                       <C style={{backgroundColor:o?"rgba(255,255,255,0.25)":`${t}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
-                        <O style={{fontFamily:$.interBold,fontSize:9.5,color:o?r.white:t}}>
+                        <N style={{fontFamily:O.interBold,fontSize:9.5,color:o?r.white:t}}>
                           {e.count}
-                        </O>
+                        </N>
                       </C>
                     </C>
-                  </Ve>})}
-            </Ie>
+                  </Ge>})}
+            </Be>
           </C>
         </C>}
 
       
-      <Fe visible={ae}onClose={()=>Q(!1)}/>
+      <$e visible={Le}onClose={()=>Q(!1)}/>
 
-      <C style={{flex:1}}onLayout={()=>oe(!0)}>
-        {te?<>
-            <Ce ref={re}data={N}keyExtractor={se}renderItem={ie}getItemLayout={ce}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={we.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Pe isSearch={w.length>0}searchQuery={w}customTitle={w.length>0?"No matching analytics events":"No analytics events yet"}customSub={w.length>0?`No events matched "${w}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>V("")}/>}ListFooterComponent={a.length>0?<Le count={N.length}totalCount={a.length}label="events"hasMore={N.length<a.length}onLoadMore={()=>le(e=>e+10)}/>:null}contentContainerStyle={[I.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <C style={{flex:1}}onLayout={()=>ve(!0)}>
+        {Te?<>
+            <Pe ref={J}data={B}keyExtractor={Ae}renderItem={Ee}getItemLayout={ze}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={Re.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<He isSearch={S.length>0}searchQuery={S}customTitle={S.length>0?"No matching analytics events":"No analytics events yet"}customSub={S.length>0?`No events matched "${S}"`:"Call setupAnalyticsLogger(analytics()) at app start."}onClearSearch={()=>P("")}/>}ListFooterComponent={a.length>0?<De count={B.length}totalCount={a.length}label="events"loadMoreStep={Se}hasMore={B.length<a.length}onLoadMore={()=>K(e=>e+Se)}/>:null}contentContainerStyle={[I.listContent,a.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
           </>:null}
       </C>
-    </>});export default Ge;
+    </>});export default ot;

package/dist/esm/components/Inspector/ConsoleTab.js

@@ -1,58 +1,58 @@
-import W,{useCallback as $,useMemo as k,useRef as oo}from"react";import{FlatList as So,Platform as fo,Pressable as Co,ScrollView as D,Text as L,TextInput as Io,View as S}from"react-native";import{useInspector as To}from"./InspectorContext";import{useTranslation as xo}from"../../i18n";import E from"../TouchableScale";import Ao from"../AnimatedEntrance";import{ConsoleLogCard as Lo}from"../ConsoleLogCard";import Vo from"../EmptyState";import Bo from"../EndOfListFooter";import T from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Fo,ClearIcon as Eo,SortArrowIcon as Ho,TrashIcon as Po,LayersIcon as Ro,UserIcon as Wo,InfoCircleIcon as $o,WarningTriangleIcon as No,ErrorCircleIcon as Oo,AnalyticsIcon as Uo}from"../NetworkIcons";const Do=W.memo(()=>{const{t:w}=xo(),{logSearch:f,setLogSearch:B,logSortOrder:G,setLogSortOrder:v,handleDelete:M,logFilters:b,setLogFilters:H,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:N}=To(),_=oo(null),[O,Q]=W.useState(100),P=k(()=>C.slice(0,O),[C,O]),Y=$(({item:o,index:t})=><Ao index={t}distance={8}>
-        <Lo item={o}searchStr={f}/>
-      </Ao>,[f]),K=$((o,t)=>({length:148,offset:148*t,index:t}),[]),X=$((o,t)=>o?.id?.toString()??t.toString(),[]),j=k(()=>{const o=N.length,t=C.length;if(b.has("all")||!Array.from(b).some(F=>F!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+import F,{useCallback as $,useMemo as k,useRef as lo}from"react";import{FlatList as So,Platform as ho,Pressable as Co,ScrollView as _,Text as L,TextInput as To,View as S}from"react-native";import{useInspector as Io}from"./InspectorContext";import{useTranslation as xo}from"../../i18n";import H from"../TouchableScale";import Ao from"../AnimatedEntrance";import{ConsoleLogCard as Lo}from"../ConsoleLogCard";import Vo from"../EmptyState";import Eo from"../EndOfListFooter";import I from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Bo,ClearIcon as Fo,SortArrowIcon as Ho,TrashIcon as Po,LayersIcon as Ro,UserIcon as Oo,InfoCircleIcon as Wo,WarningTriangleIcon as $o,ErrorCircleIcon as Do,AnalyticsIcon as No}from"../NetworkIcons";const Q=10,Uo=F.memo(()=>{const{t:b}=xo(),{logSearch:h,setLogSearch:E,logSortOrder:Y,setLogSortOrder:K,handleDelete:X,logFilters:C,setLogFilters:P,logCounts:x,filteredConsoleLogs:w,visibleConsoleLogs:D,maxConsoleLogs:R}=Io(),j=R||100,N=lo(null),[U,G]=F.useState(j);F.useEffect(()=>{G(R||100),N.current?.scrollToOffset({offset:0,animated:!1})},[h,C,R]);const O=k(()=>w.slice(0,U),[w,U]),q=$(({item:o,index:t})=><Ao index={t}distance={8}>
+        <Lo item={o}searchStr={h}/>
+      </Ao>,[h]),J=$((o,t)=>({length:148,offset:148*t,index:t}),[]),Z=$((o,t)=>o?.id?.toString()??t.toString(),[]),oo=k(()=>{const o=D.length,t=w.length;if(C.has("all")||!Array.from(C).some(B=>B!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
             {t===o?`Showing ${o} logs`:`Showing ${t} of ${o} logs`}
           </L>
-        </S>;{const F=Array.from(b).filter(I=>I!=="all").map(I=>I==="user-log"?"Log":I==="analytics"?"Analytics":I.charAt(0).toUpperCase()+I.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+        </S>;{const B=Array.from(C).filter(T=>T!=="all").map(T=>T==="user-log"?"Log":T==="analytics"?"Analytics":T.charAt(0).toUpperCase()+T.slice(1));return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <L style={{fontFamily:z.interMedium,fontSize:11,color:e.grayTextWeak,letterSpacing:.2}}>
-            Filtered by {F.join(", ")} ({t} of {o} logs)
+            Filtered by {B.join(", ")} ({t} of {o} logs)
           </L>
-        </S>}},[N.length,C.length,b]),[R,U]=W.useState(!1),q=k(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),J=k(()=>[{id:V.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:e.purple,Icon:Ro},{id:V.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:e.teal600,Icon:Wo},{id:V.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:e.sky600,Icon:$o},{id:V.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:e.amber600,Icon:No},{id:V.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:e.errorColor,Icon:Oo},{id:V.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:e.violet600,Icon:Uo}],[x,w]);return<S style={{flex:1}}>
+        </S>}},[D.length,w.length,C]),[W,M]=F.useState(!1),eo=k(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),to=k(()=>[{id:V.All,label:b("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:e.purple,Icon:Ro},{id:V.UserLog,label:b("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:e.teal600,Icon:Oo},{id:V.Info,label:b("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:e.sky600,Icon:Wo},{id:V.Warn,label:b("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:e.amber600,Icon:$o},{id:V.Error,label:b("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:e.errorColor,Icon:Do},{id:V.Analytics,label:b("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:e.violet600,Icon:No}],[x,b]);return<S style={{flex:1}}>
       <S style={{backgroundColor:e.white,borderBottomWidth:1,borderBottomColor:e.dividerColor,paddingBottom:6}}>
-        <S style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <S style={[T.searchContainer,R&&{borderColor:e.purple,borderWidth:1.5}]}>
-            <Fo color={R?e.purple:e.grayTextWeak}size={16}/>
-            <Io placeholder={w("console.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}value={f}onChangeText={B}onFocus={()=>U(!0)}onBlur={()=>U(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {f.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
+        <S style={[I.toolbarRow,{marginTop:12,marginBottom:8}]}>
+          <S style={[I.searchContainer,W&&{borderColor:e.purple,borderWidth:1.5}]}>
+            <Bo color={W?e.purple:e.grayTextWeak}size={16}/>
+            <To placeholder={b("console.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}value={h}onChangeText={E}onFocus={()=>M(!0)}onBlur={()=>M(!1)}style={I.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {h.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <S style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <L style={{color:e.purple,fontSize:10,fontFamily:z.interBold}}>
-                    {C.length}
+                    {w.length}
                   </L>
                 </S>
-                <Co onPress={()=>B("")}hitSlop={10}style={T.clearBtn}>
-                  <Eo color={e.grayTextWeak}size={14}/>
+                <Co onPress={()=>E("")}hitSlop={10}style={I.clearBtn}>
+                  <Fo color={e.grayTextWeak}size={14}/>
                 </Co>
               </S>}
           </S>
 
-          <S style={T.toolbarRight}>
-            <E style={T.toolbarBtn}onPress={()=>v(o=>o==="newest"?"oldest":"newest")}hitSlop={10}>
-              <Ho color={e.grayTextStrong}size={18}direction={G==="newest"?"down":"up"}/>
-            </E>
-            <E style={[T.toolbarBtn,{borderColor:`${e.errorColor}38`,backgroundColor:`${e.errorColor}0F`}]}onPress={M}hitSlop={6}>
+          <S style={I.toolbarRight}>
+            <H style={I.toolbarBtn}onPress={()=>K(o=>o==="newest"?"oldest":"newest")}hitSlop={10}>
+              <Ho color={e.grayTextStrong}size={18}direction={Y==="newest"?"down":"up"}/>
+            </H>
+            <H style={[I.toolbarBtn,{borderColor:`${e.errorColor}38`,backgroundColor:`${e.errorColor}0F`}]}onPress={X}hitSlop={6}>
               <Po color={e.errorColor}size={15}/>
-            </E>
+            </H>
           </S>
         </S>
 
         
-        {(R||f.length>0)&&<D horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {q.map(o=>{const t=f.includes(o);return<E key={o}onPress={()=>{B(t?r=>r.replace(o,"").trim():r=>r?`${r} ${o}`.trim():o)}}>
+        {(W||h.length>0)&&<_ horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
+            {eo.map(o=>{const t=h.includes(o);return<H key={o}onPress={()=>{E(t?r=>r.replace(o,"").trim():r=>r?`${r} ${o}`.trim():o)}}>
                   <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?e.purple:`${e.purple}14`,borderWidth:1,borderColor:t?e.purple:`${e.purple}30`}}>
                     <L style={{fontFamily:z.interBold,fontSize:10,color:t?e.white:e.purple}}>
                       {o}
                     </L>
                   </S>
-                </E>})}
-          </D>}
+                </H>})}
+          </_>}
 
         
         <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-          <D horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {J.map(o=>{const t=o.id==="all"?b.has("all"):b.has(o.id)&&!b.has("all"),r=o.color||e.purple,F=t?e.white:r,I=o.Icon;return<E key={o.id}onPress={()=>{o.id==="all"?H(new Set(["all"])):H(Z=>{const A=new Set(Z);return A.delete("all"),A.has(o.id)?A.delete(o.id):A.add(o.id),A.size===0&&A.add("all"),A})}}>
+          <_ horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {to.map(o=>{const t=o.id==="all"?C.has("all"):C.has(o.id)&&!C.has("all"),r=o.color||e.purple,B=t?e.white:r,T=o.Icon;return<H key={o.id}onPress={()=>{o.id==="all"?P(new Set(["all"])):P(ro=>{const A=new Set(ro);return A.delete("all"),A.has(o.id)?A.delete(o.id):A.add(o.id),A.size===0&&A.add("all"),A})}}>
                   <S style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:t?r:`${r}12`,borderWidth:1,borderColor:t?r:`${r}30`,gap:5}}>
-                    <I size={11}color={F}/>
+                    <T size={11}color={B}/>
                     <L style={{fontFamily:z.interBold,fontSize:10.5,color:t?e.white:e.primaryBlack}}>
                       {o.label}
                     </L>
@@ -62,10 +62,10 @@ import W,{useCallback as $,useMemo as k,useRef as oo}from"react";import{FlatList
                       </L>
                     </S>
                   </S>
-                </E>})}
-          </D>
+                </H>})}
+          </_>
         </S>
       </S>
 
-      <So ref={_}data={P}keyExtractor={X}ListHeaderComponent={j}renderItem={Y}getItemLayout={K}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={fo.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Vo isSearch={f.length>0||!b.has("all")}searchQuery={f}customTitle={f.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),H(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Bo count={P.length}totalCount={C.length}label="logs"hasMore={P.length<C.length}onLoadMore={()=>Q(o=>o+10)}/>:null}contentContainerStyle={[T.listContent,C.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
-    </S>});export default Do;
+      <So ref={N}data={O}keyExtractor={Z}ListHeaderComponent={oo}renderItem={q}getItemLayout={J}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={ho.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<Vo isSearch={h.length>0||!C.has("all")}searchQuery={h}customTitle={h.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{E(""),P(new Set(["all"]))}}/>}ListFooterComponent={w.length>0?<Eo count={O.length}totalCount={w.length}label="logs"loadMoreStep={Q}hasMore={O.length<w.length}onLoadMore={()=>G(o=>o+Q)}/>:null}contentContainerStyle={[I.listContent,w.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+    </S>});export default Uo;

package/dist/esm/components/Inspector/CrashTab.js

@@ -1,5 +1,5 @@
-import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";import{Alert as te,FlatList as Ce,Platform as be,ScrollView as N,StyleSheet as Te,Text as T,TextInput as Se,TouchableOpacity as Ie,View as C}from"react-native";import{useTranslation as Be}from"../../i18n";import{useInspector as Ve}from"./InspectorContext";import A from"../TouchableScale";import Fe from"../AnimatedEntrance";import Re from"../EndOfListFooter";import He from"./FeatureUnderDevNotice";import Pe from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as Le}from"../../customHooks/crashHandler";import We,{DEFAULT_CRASH_FILTERS as _,isCrashFiltersDefault as L}from"./CrashFilterModal";import{SearchIcon as $e,ClearIcon as De,TrashIcon as Ae,TerminalIcon as Me,LayersIcon as je,ClockIcon as Oe,ShieldAlertIcon as Ne,FlameIcon as Ee,JsIcon as Je,HourglassIcon as Ue,SkullIcon as Qe,LayoutIcon as _e,ChipIcon as qe,AppleIcon as Ge,AndroidIcon as Ke,RepeatIcon as Xe,CodeBracketsIcon as Ye,FilterIcon as Ze,ForwardChevronIcon as Ct}from"../NetworkIcons";const bt=S=>{const R=Date.now(),M=Math.max(0,R-S),W=Math.floor(M/1e3),v=Math.floor(W/60),$=Math.floor(v/60),B=Math.floor($/24);return W<60?`${W}s ago`:v<60?`${v}m ago`:$<24?`${$}h ago`:`${B}d ago`},Tt=Y.memo(()=>{const{t:S}=Be(),{crashRecords:R,setSelectedCrash:M}=Ve(),W=ee(null),[v,$]=D(100),[B,O]=D(""),[z,E]=D("all"),[w,J]=D(_),[q,U]=D(!1),V=Q(()=>{const r=R.length;let o=0,x=0,F=0,I=0,j=0;return R.forEach(P=>{P.isFatal&&o++,P.type==="js"?x++:P.type==="promise"?F++:P.type==="render"?I++:P.type==="native"&&j++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:j}},[R]),H=Q(()=>{let r=R.filter(o=>{if(z==="fatal"&&!o.isFatal||z==="js"&&o.type!=="js"||z==="promise"&&o.type!=="promise"||z==="render"&&o.type!=="render"||z==="native"&&o.type!=="native"||w.types.size>0&&!w.types.has("all")&&!(w.types.has("fatal")&&o.isFatal||w.types.has("js")&&o.type==="js"||w.types.has("promise")&&o.type==="promise"||w.types.has("render")&&o.type==="render"||w.types.has("native")&&o.type==="native"))return!1;if(w.timeWindow!=="all"){const x=Date.now(),F=w.timeWindow==="15m"?x-900*1e3:w.timeWindow==="1h"?x-3600*1e3:w.timeWindow==="24h"?x-1440*60*1e3:x-10080*60*1e3;if(o.timestamp<F)return!1}if(w.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==w.platform)return!1;if(w.engine!=="all"){const x=o.deviceInfo?.isHermes;if(w.engine==="hermes"&&x!==!0||w.engine==="jsc"&&x===!0)return!1}if(B.trim().length>0){const x=B.trim().toLowerCase().split(/\s+/).filter(Boolean),F=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return x.every(I=>F.includes(I))}return!0});return w.sortBy==="time_asc"&&(r=[...r].sort((o,x)=>o.timestamp-x.timestamp)),r},[R,z,B,w]),G=()=>{te.alert(S("crash.clearTitle"),S("crash.clearMessage"),[{text:S("crash.clearCancel"),style:"cancel"},{text:S("crash.clearConfirm"),style:"destructive",onPress:()=>Le()}])},K=Z(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(X=>X.isAppCode)||r.parsedStack[0]:null,j=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,P=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Fe index={o}distance={8}>
-          <A onPress={()=>{M(r)}}style={[t.cardContainer,x&&t.fatalCardBorder]}>
+import te,{useCallback as re,useEffect as oe,useMemo as q,useRef as ae,useState as A}from"react";import{Alert as le,FlatList as Ce,Platform as be,ScrollView as N,StyleSheet as Te,Text as T,TextInput as Se,TouchableOpacity as Ie,View as C}from"react-native";import{useTranslation as Be}from"../../i18n";import{useInspector as Ve}from"./InspectorContext";import M from"../TouchableScale";import Fe from"../AnimatedEntrance";import Re from"../EndOfListFooter";import He from"./FeatureUnderDevNotice";import Pe from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as Le}from"../../customHooks/crashHandler";import We,{DEFAULT_CRASH_FILTERS as G,isCrashFiltersDefault as W}from"./CrashFilterModal";import{SearchIcon as $e,ClearIcon as De,TrashIcon as Ae,TerminalIcon as Me,LayersIcon as je,ClockIcon as Oe,ShieldAlertIcon as Ee,FlameIcon as Ne,JsIcon as Je,HourglassIcon as _e,SkullIcon as Ue,LayoutIcon as Qe,ChipIcon as qe,AppleIcon as Ge,AndroidIcon as Ke,RepeatIcon as Xe,CodeBracketsIcon as Ye,FilterIcon as Ze,ForwardChevronIcon as Ct}from"../NetworkIcons";const bt=S=>{const R=Date.now(),j=Math.max(0,R-S),v=Math.floor(j/1e3),$=Math.floor(v/60),L=Math.floor($/60),D=Math.floor(L/24);return v<60?`${v}s ago`:$<60?`${$}m ago`:L<24?`${L}h ago`:`${D}d ago`},K=10,Tt=te.memo(()=>{const{t:S}=Be(),{crashRecords:R,setSelectedCrash:j,maxCrashLogs:v}=Ve(),$=v||50,L=ae(null),[D,J]=A($),[B,E]=A(""),[z,_]=A("all"),[w,U]=A(G),[X,Q]=A(!1);oe(()=>{J(v||50),L.current?.scrollToOffset({offset:0,animated:!1})},[B,z,w,v]);const V=q(()=>{const r=R.length;let o=0,x=0,F=0,I=0,O=0;return R.forEach(P=>{P.isFatal&&o++,P.type==="js"?x++:P.type==="promise"?F++:P.type==="render"?I++:P.type==="native"&&O++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:O}},[R]),H=q(()=>{let r=R.filter(o=>{if(z==="fatal"&&!o.isFatal||z==="js"&&o.type!=="js"||z==="promise"&&o.type!=="promise"||z==="render"&&o.type!=="render"||z==="native"&&o.type!=="native"||w.types.size>0&&!w.types.has("all")&&!(w.types.has("fatal")&&o.isFatal||w.types.has("js")&&o.type==="js"||w.types.has("promise")&&o.type==="promise"||w.types.has("render")&&o.type==="render"||w.types.has("native")&&o.type==="native"))return!1;if(w.timeWindow!=="all"){const x=Date.now(),F=w.timeWindow==="15m"?x-900*1e3:w.timeWindow==="1h"?x-3600*1e3:w.timeWindow==="24h"?x-1440*60*1e3:x-10080*60*1e3;if(o.timestamp<F)return!1}if(w.platform!=="all"&&(o.deviceInfo?.platform||"").toLowerCase()!==w.platform)return!1;if(w.engine!=="all"){const x=o.deviceInfo?.isHermes;if(w.engine==="hermes"&&x!==!0||w.engine==="jsc"&&x===!0)return!1}if(B.trim().length>0){const x=B.trim().toLowerCase().split(/\s+/).filter(Boolean),F=[o.message||"",o.name||"",o.stack||"",o.type||"",o.deviceInfo?.platform||"",...(o.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return x.every(I=>F.includes(I))}return!0});return w.sortBy==="time_asc"&&(r=[...r].sort((o,x)=>o.timestamp-x.timestamp)),r},[R,z,B,w]),Y=()=>{le.alert(S("crash.clearTitle"),S("crash.clearMessage"),[{text:S("crash.clearCancel"),style:"cancel"},{text:S("crash.clearConfirm"),style:"destructive",onPress:()=>Le()}])},Z=re(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(ee=>ee.isAppCode)||r.parsedStack[0]:null,O=r.type==="native"?`${e.errorColor}22`:r.type==="render"?`${e.purple}22`:r.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,P=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Fe index={o}distance={8}>
+          <M onPress={()=>{j(r)}}style={[t.cardContainer,x&&t.fatalCardBorder]}>
             
             <C style={t.cardHeader}>
               <C style={t.badgeRow}>
@@ -8,13 +8,13 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                 </C>
 
                 {x?<C style={t.fatalBadge}>
-                    <Ee size={10}color={e.white}/>
+                    <Ne size={10}color={e.white}/>
                     <T style={t.fatalBadgeText}>{S("crash.fatalBadge")}</T>
                   </C>:<C style={t.caughtBadge}>
                     <T style={t.caughtBadgeText}>{S("crash.handledBadge")}</T>
                   </C>}
 
-                <C style={[t.typeBadge,{backgroundColor:j}]}>
+                <C style={[t.typeBadge,{backgroundColor:O}]}>
                   <T style={[t.typeBadgeText,{color:P}]}>
                     {F}
                   </T>
@@ -83,8 +83,8 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                   </C>}
               </C>
             </C>
-          </A>
-        </Fe>},[B,M]);return<C style={t.container}>
+          </M>
+        </Fe>},[B,j]);return<C style={t.container}>
       {R.length>0&&<>
           
           <C style={t.statsBar}>
@@ -136,29 +136,29 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
             <C style={t.searchRow}>
               <C style={t.searchInputWrapper}>
                 <$e color={e.grayTextWeak}size={14}/>
-                <Se value={B}onChangeText={O}placeholder={S("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
+                <Se value={B}onChangeText={E}placeholder={S("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={t.searchInput}autoCapitalize="none"autoCorrect={!1}/>
                 {B.length>0&&<C style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <C style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                       <T style={{color:e.purple,fontSize:9.5,fontFamily:k.interBold}}>
                         {H.length}
                       </T>
                     </C>
-                    <Ie onPress={()=>O("")}hitSlop={8}>
+                    <Ie onPress={()=>E("")}hitSlop={8}>
                       <De color={e.grayTextWeak}size={14}/>
                     </Ie>
                   </C>}
               </C>
 
               
-              <A onPress={()=>U(!0)}style={[t.filterButton,!L(w)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
-                <Ze size={14}color={L(w)?e.grayTextStrong:e.brandPurple}/>
-                {!L(w)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
-              </A>
+              <M onPress={()=>Q(!0)}style={[t.filterButton,!W(w)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
+                <Ze size={14}color={W(w)?e.grayTextStrong:e.brandPurple}/>
+                {!W(w)&&<C style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
+              </M>
 
               
-              <A onPress={G}style={t.clearButton}>
+              <M onPress={Y}style={t.clearButton}>
                 <Ae size={14}color={e.errorColor}/>
-              </A>
+              </M>
             </C>
 
             <He featureName="Crash & Exception Sentinel"/>
@@ -166,7 +166,7 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
             
             <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
               <N horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-                {[{key:"all",label:S("crash.filterAll"),Icon:je,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:Qe,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Je,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:Ue,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:_e,count:V.renderCount,themeColor:e.violet600},{key:"native",label:S("crash.filterNative"),Icon:qe,count:V.nativeCount,themeColor:e.cyan600}].map(r=>{const o=z===r.key,x=r.themeColor||e.purple,F=o?e.white:x,I=r.Icon;return<A key={r.key}onPress={()=>E(r.key)}>
+                {[{key:"all",label:S("crash.filterAll"),Icon:je,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:Ue,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Je,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:_e,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:Qe,count:V.renderCount,themeColor:e.violet600},{key:"native",label:S("crash.filterNative"),Icon:qe,count:V.nativeCount,themeColor:e.cyan600}].map(r=>{const o=z===r.key,x=r.themeColor||e.purple,F=o?e.white:x,I=r.Icon;return<M key={r.key}onPress={()=>_(r.key)}>
                       <C style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:o?x:`${x}12`,borderWidth:1,borderColor:o?x:`${x}30`,gap:5}}>
                         <I size={11}color={F}/>
                         <T style={{fontFamily:k.interBold,fontSize:10.5,color:o?e.white:e.primaryBlack}}>
@@ -178,7 +178,7 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
                           </T>
                         </C>
                       </C>
-                    </A>})}
+                    </M>})}
               </N>
             </C>
           </C>
@@ -187,23 +187,23 @@ import Y,{useCallback as Z,useMemo as Q,useRef as ee,useState as D}from"react";i
       
       {H.length===0?<N contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
           <C style={t.emptyIconCircle}>
-            <Ne size={38}color={e.greenColor}/>
+            <Ee size={38}color={e.greenColor}/>
           </C>
           <T style={t.emptyTitle}>
-            {B.length>0?"No matching crash entries":z!=="all"||!L(w)?"No crashes match filters":S("crash.emptyTitle")}
+            {B.length>0?"No matching crash entries":z!=="all"||!W(w)?"No crashes match filters":S("crash.emptyTitle")}
           </T>
           <T style={t.emptySub}>
-            {B?`No crash entries matched "${B}"`:z!=="all"||!L(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
+            {B?`No crash entries matched "${B}"`:z!=="all"||!W(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
           </T>
-          {(B.length>0||z!=="all"||!L(w))&&<A onPress={()=>{O(""),E("all"),J(_)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
+          {(B.length>0||z!=="all"||!W(w))&&<M onPress={()=>{E(""),_("all"),U(G)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
               <T style={{fontFamily:k.interBold,fontSize:11.5,color:e.white}}>
                 Clear Search & Filters
               </T>
-            </A>}
+            </M>}
         </N>:<>
-          <Ce ref={W}data={H.slice(0,v)}keyExtractor={r=>r.id}renderItem={K}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={be.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Re count={Math.min(v,H.length)}totalCount={H.length}label="crashes"hasMore={H.length>v}onLoadMore={()=>$(r=>r+10)}/>:null}/>
+          <Ce ref={L}data={H.slice(0,D)}keyExtractor={r=>r.id}renderItem={Z}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={be.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Re count={Math.min(D,H.length)}totalCount={H.length}label="crashes"loadMoreStep={K}hasMore={H.length>D}onLoadMore={()=>J(r=>r+K)}/>:null}/>
         </>}
 
       
-      <We visible={q}onClose={()=>U(!1)}filters={w}onApply={J}searchQuery={B}/>
+      <We visible={X}onClose={()=>Q(!1)}filters={w}onApply={U}searchQuery={B}/>
     </C>});export default Tt;const t=Te.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:e.purpleShade50,borderWidth:1,borderColor:`${e.purple}14`},statChipActive:{backgroundColor:`${e.purple}14`,borderColor:`${e.purple}33`},statChipValue:{fontFamily:k.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:k.interMedium,fontSize:11,color:e.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:e.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:k.interRegular,fontSize:13,color:e.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.errorColor}14`,borderWidth:1,borderColor:`${e.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${e.brandPurple}0F`,borderWidth:1,borderColor:`${e.brandPurple}30`,alignItems:"center",justifyContent:"center"},filterScrollContent:{paddingVertical:10,gap:6},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:12,paddingVertical:6,borderRadius:8,backgroundColor:e.primaryLight,borderWidth:1,borderColor:e.grayBorderSecondary},filterChipActive:{backgroundColor:e.purple,borderColor:e.purple},filterChipText:{fontFamily:k.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:k.interBold,color:e.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:14,shadowColor:e.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${e.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:e.grayBackground,borderWidth:1,borderColor:e.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:k.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:k.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:k.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:k.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:k.interBold,fontSize:13.5,color:e.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:e.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:k.interRegular,fontSize:11,color:e.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:e.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:e.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:k.interMedium,fontSize:10,color:e.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${e.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:k.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:k.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});

package/dist/esm/components/Inspector/NetworkTab.js

@@ -1,18 +1,18 @@
-import X,{useCallback as de,useMemo as J,useRef as Oe}from"react";import{FlatList as $e,Platform as qe,Pressable as Ne,ScrollView as He,Text as R,TextInput as Ae,View as C}from"react-native";import{useInspector as De}from"./InspectorContext";import O from"../TouchableScale";import Ce from"../AnimatedEntrance";import Me from"../DomainHeader";import Ee from"../LogCard";import We from"../EmptyState";import Ge from"../EndOfListFooter";import Qe from"./NetworkFilterModal";import b from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{METHOD_COLORS as Se}from"../../constants";import{useTranslation as _e}from"../../i18n";import{SearchIcon as Ue,ClearIcon as Ke,TrashIcon as Xe,SortArrowIcon as Je,FilterIcon as Te,ChevronIcon as Ye,CheckIcon as Ze,CircleCheckIcon as Co,CircleXIcon as So,LayersIcon as To,ClockIcon as Vo,RequestIcon as Io,ResponseIcon as Ro,AtomIcon as Fo}from"../NetworkIcons";const Lo=X.memo(()=>{const{groupedData:Y,loadMoreSection:Z,search:F,setSearch:M,setSearchScope:xe,quickFilter:G,setQuickFilter:j,handleDelete:Ve,selectedLogs:E,sortOrder:Q,setSortOrder:v,statusFilters:x,setStatusFilters:q,methodFilters:V,setMethodFilters:N,filteredLogs:$,logs:H,toggleSectionFilter:ee,toggleSectionCollapse:oe,minStart:te,totalRange:re,newLogIds:le,toggleSelect:ie,setSelected:se}=De(),{t:_}=_e(),Ie=Oe(null),[Re,U]=X.useState(!1),[ae,ne]=X.useState(!1),ke=J(()=>({statusCodes:x.size>0?new Set(x):new Set(["all"]),methods:V.size>0?new Set(V):new Set(["all"]),latency:"all",protocol:"all",sortBy:Q==="newest"?"time_desc":"time_asc"}),[x,V,Q]),Fe=de(o=>{o.statusCodes.has("all")||o.statusCodes.size===0?q(new Set):q(new Set(o.statusCodes)),o.methods.has("all")||o.methods.size===0?N(new Set):N(new Set([...o.methods].map(z=>z))),o.sortBy==="time_asc"?v("oldest"):v("newest")},[q,N,v]),L=J(()=>{let o=0,z=0,T=0,I=0,A=0,W=0;return H.forEach(S=>{const P=typeof S.status=="number"?S.status:parseInt(String(S.status),10);S.status===0||S.status==null||!isNaN(P)&&P>=400?o++:!isNaN(P)&&P>=200&&P<400&&z++,(S.duration||0)>=500&&T++;const B=(S.method||"").toUpperCase();B==="POST"&&I++,B==="GET"&&A++;const K=(S.url||"").toLowerCase(),D=(S.client||"").toLowerCase();(K.includes("graphql")||D.includes("graphql")||D.includes("apollo"))&&W++}),{all:H.length,errors:o,success:z,slow:T,post:I,get:A,graphql:W}},[H]),Le=J(()=>[{id:"all",label:"All",count:L.all,color:e.purple},{id:"errors",label:"Errors",count:L.errors,color:e.errorColor},{id:"success",label:"2xx OK",count:L.success,color:e.greenColor},{id:"slow",label:"Slow >500ms",count:L.slow,color:e.warningIconGold},{id:"POST",label:"POST",count:L.post,color:Se.POST||"#3B82F6"},{id:"GET",label:"GET",count:L.get,color:Se.GET||"#10B981"},{id:"graphql",label:"GraphQL",count:L.graphql,color:e.graphqlPink}],[L]),Be=de(({item:o,index:z})=>{if(o.type==="header")return<Ce index={z}distance={8}>
+import X,{useCallback as de,useMemo as J,useRef as Oe}from"react";import{FlatList as $e,Platform as qe,Pressable as Ne,ScrollView as He,Text as R,TextInput as Ae,View as C}from"react-native";import{useInspector as De}from"./InspectorContext";import O from"../TouchableScale";import Ce from"../AnimatedEntrance";import Me from"../DomainHeader";import Ee from"../LogCard";import We from"../EmptyState";import Ge from"../EndOfListFooter";import Qe from"./NetworkFilterModal";import b from"../../styles";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{METHOD_COLORS as Se}from"../../constants";import{useTranslation as _e}from"../../i18n";import{SearchIcon as Ue,ClearIcon as Ke,TrashIcon as Xe,SortArrowIcon as Je,FilterIcon as Te,ChevronIcon as Ye,CheckIcon as Ze,CircleCheckIcon as Co,CircleXIcon as So,LayersIcon as To,ClockIcon as Vo,RequestIcon as Io,ResponseIcon as Ro,AtomIcon as Fo}from"../NetworkIcons";const Lo=X.memo(()=>{const{groupedData:Y,loadMoreSection:Z,search:F,setSearch:M,setSearchScope:xe,quickFilter:G,setQuickFilter:j,handleDelete:Ve,selectedLogs:E,sortOrder:Q,setSortOrder:v,statusFilters:x,setStatusFilters:N,methodFilters:V,setMethodFilters:H,filteredLogs:$,logs:A,toggleSectionFilter:ee,toggleSectionCollapse:oe,minStart:te,totalRange:re,newLogIds:le,toggleSelect:ie,setSelected:se}=De(),{t:_}=_e(),Ie=Oe(null),[Re,U]=X.useState(!1),[ae,ne]=X.useState(!1),ke=J(()=>({statusCodes:x.size>0?new Set(x):new Set(["all"]),methods:V.size>0?new Set(V):new Set(["all"]),latency:"all",protocol:"all",sortBy:Q==="newest"?"time_desc":"time_asc"}),[x,V,Q]),Fe=de(o=>{o.statusCodes.has("all")||o.statusCodes.size===0?N(new Set):N(new Set(o.statusCodes)),o.methods.has("all")||o.methods.size===0?H(new Set):H(new Set([...o.methods].map(z=>z))),o.sortBy==="time_asc"?v("oldest"):v("newest")},[N,H,v]),L=J(()=>{let o=0,z=0,T=0,I=0,D=0,W=0;return A.forEach(S=>{const P=typeof S.status=="number"?S.status:parseInt(String(S.status),10);S.status===0||S.status==null||!isNaN(P)&&P>=400?o++:!isNaN(P)&&P>=200&&P<400&&z++,(S.duration||0)>=500&&T++;const B=(S.method||"").toUpperCase();B==="POST"&&I++,B==="GET"&&D++;const K=(S.url||"").toLowerCase(),q=(S.client||"").toLowerCase();(K.includes("graphql")||q.includes("graphql")||q.includes("apollo"))&&W++}),{all:A.length,errors:o,success:z,slow:T,post:I,get:D,graphql:W}},[A]),Le=J(()=>[{id:"all",label:"All",count:L.all,color:e.purple},{id:"errors",label:"Errors",count:L.errors,color:e.errorColor},{id:"success",label:"2xx OK",count:L.success,color:e.greenColor},{id:"slow",label:"Slow >500ms",count:L.slow,color:e.warningIconGold},{id:"POST",label:"POST",count:L.post,color:Se.POST||"#3B82F6"},{id:"GET",label:"GET",count:L.get,color:Se.GET||"#10B981"},{id:"graphql",label:"GraphQL",count:L.graphql,color:e.graphqlPink}],[L]),Be=de(({item:o,index:z})=>{if(o.type==="header")return<Ce index={z}distance={8}>
             <Me pageName={o.pageName}color={o.color}stats={o.stats}activeFilters={o.activeFilters}onToggleFilter={ee}isCollapsed={o.isCollapsed}onToggleCollapse={oe}isFirst={o.isFirst}timestamp={o.timestamp}/>
-          </Ce>;if(o.type==="loadMore"){const{pageName:W,color:S,remainingCount:P,totalCount:B,loadedCount:K,loadMoreStep:D,hasMore:Pe}=o;return<C style={[b.treeNodeRow,b.treeNodeRowLast]}>
+          </Ce>;if(o.type==="loadMore"){const{pageName:W,color:S,remainingCount:P,totalCount:B,loadedCount:K,loadMoreStep:q,hasMore:Pe}=o;return<C style={[b.treeNodeRow,b.treeNodeRowLast]}>
             <C style={b.treeLines}>
               <C style={[b.modernTreeLine,{borderColor:S},b.modernTreeLineLast]}/>
             </C>
             <C style={b.treeCardWrapper}>
-              {Pe?<O onPress={()=>Z(W,50)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${S}14`,borderWidth:1.5,borderColor:`${S}40`,shadowColor:S,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
+              {Pe?<O onPress={()=>Z(W,q||10)}hitSlop={6}style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingVertical:9,paddingHorizontal:12,marginVertical:3,marginRight:2,borderRadius:10,backgroundColor:`${S}14`,borderWidth:1.5,borderColor:`${S}40`,shadowColor:S,shadowOffset:{width:0,height:1.5},shadowOpacity:.1,shadowRadius:3,elevation:2}}>
                   <C style={{flexDirection:"row",alignItems:"center",gap:8}}>
                     <C style={{width:22,height:22,borderRadius:11,backgroundColor:S,alignItems:"center",justifyContent:"center",shadowColor:S,shadowOffset:{width:0,height:1},shadowOpacity:.25,shadowRadius:2,elevation:1}}>
                       <Ye color={e.white}size={9}direction="down"/>
                     </C>
                     <C>
                       <R style={{fontFamily:k.interBold,fontSize:12,color:S}}>
-                        {_("footer.loadMoreRequests",{count:D,defaultValue:`Load ${D} More Requests`})}
+                        {_("footer.loadMoreRequests",{count:q,defaultValue:`Load ${q} More Requests`})}
                       </R>
                       <R style={{fontFamily:k.interRegular,fontSize:9.5,color:e.grayTextWeak,marginTop:1}}>
                         Showing {K} of {B} requests
@@ -45,10 +45,10 @@ import X,{useCallback as de,useMemo as J,useRef as Oe}from"react";import{FlatLis
                   </C>
                 </C>}
             </C>
-          </C>}const{log:T,isLast:I,color:A}=o;return<Ce index={z}distance={8}style={[b.treeNodeRow,I&&b.treeNodeRowLast]}>
+          </C>}const{log:T,isLast:I,color:D}=o;return<Ce index={z}distance={8}style={[b.treeNodeRow,I&&b.treeNodeRowLast]}>
           <C style={b.treeLines}>
-            <C style={[b.modernTreeLine,{borderColor:A},I&&b.modernTreeLineLast]}/>
-            {!I&&<C style={[b.modernTreeBranch,{borderColor:A}]}/>}
+            <C style={[b.modernTreeLine,{borderColor:D},I&&b.modernTreeLineLast]}/>
+            {!I&&<C style={[b.modernTreeBranch,{borderColor:D}]}/>}
           </C>
           <C style={b.treeCardWrapper}>
             <Ee item={T}isSelected={E.has(T.id)}onToggleSelect={ie}onPress={()=>{se(T)}}timelineMinStart={te}timelineTotalRange={re}isNew={le.has(T.id)}searchStr={F}/>
@@ -134,11 +134,11 @@ import X,{useCallback as de,useMemo as J,useRef as Oe}from"react";import{FlatLis
             </C>
 
             
-            {(G!=="all"||F.trim().length>0||x.size>0||V.size>0||$.length!==H.length)&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:12,marginBottom:8,paddingHorizontal:10,paddingVertical:5.5,backgroundColor:`${e.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${e.purple}25`}}>
+            {(G!=="all"||F.trim().length>0||x.size>0||V.size>0||$.length!==A.length)&&<C style={{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginHorizontal:12,marginBottom:8,paddingHorizontal:10,paddingVertical:5.5,backgroundColor:`${e.purple}10`,borderRadius:8,borderWidth:1,borderColor:`${e.purple}25`}}>
                 <R style={{fontFamily:k.interMedium,fontSize:10.5,color:e.purple}}>
-                  Showing {$.length} of {H.length} requests
+                  Showing {$.length} of {A.length} requests
                 </R>
-                <O onPress={()=>{M(""),j("all"),q(new Set),N(new Set)}}>
+                <O onPress={()=>{M(""),j("all"),N(new Set),H(new Set)}}>
                   <R style={{fontFamily:k.interBold,fontSize:10.5,color:e.errorColor}}>
                     Clear All Filters
                   </R>
@@ -146,7 +146,7 @@ import X,{useCallback as de,useMemo as J,useRef as Oe}from"react";import{FlatLis
               </C>}
           </C>
 
-        <$e ref={Ie}data={Y}keyExtractor={o=>o?.id?.toString()}renderItem={Be}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={qe.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<We isSearch={F.length>0||x.size>0||V.size>0||G!=="all"}searchQuery={F}customTitle={F.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{M(""),q(new Set),N(new Set),j("all"),xe("all")}}/>}ListFooterComponent={Y.length>0?<Ge count={$.length}totalCount={$.length}label="requests"/>:null}contentContainerStyle={[b.listContent,$.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+        <$e ref={Ie}data={Y}keyExtractor={o=>o?.id?.toString()}renderItem={Be}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={qe.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<We isSearch={F.length>0||x.size>0||V.size>0||G!=="all"}searchQuery={F}customTitle={F.length>0?"No matching API requests":"No network activity"}onClearSearch={()=>{M(""),N(new Set),H(new Set),j("all"),xe("all")}}/>}ListFooterComponent={Y.length>0?<Ge count={$.length}totalCount={$.length}label="requests"/>:null}contentContainerStyle={[b.listContent,$.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
 
       
       <Qe visible={Re}onClose={()=>U(!1)}filters={ke}onApply={Fe}searchQuery={F}/>

package/dist/esm/components/Inspector/PushTab.js

@@ -1,45 +1,45 @@
-import J,{useCallback as R,useMemo as H,useRef as X,useState as Y}from"react";import{FlatList as Z,Platform as M,Pressable as Co,ScrollView as So,StyleSheet as Po,Text as To,TextInput as Io,View as C}from"react-native";import{useInspector as zo}from"./InspectorContext";import Bo from"./PushCard";import V from"../TouchableScale";import Ro from"../AnimatedEntrance";import Vo from"../EmptyState";import Eo from"../EndOfListFooter";import S from"../../styles";import{AppColors as r}from"../../styles/AppColors";import{AppFonts as N}from"../../styles/AppFonts";import{ClearIcon as Fo,SearchIcon as Lo,TrashIcon as Ao,BellIcon as Wo,SunIcon as Oo,MoonIcon as $o,ExternalLinkIcon as Ho,CloudPushIcon as Mo,BoltIcon as No}from"../NetworkIcons";const Q=J.memo(()=>{const{pushRecords:w,filteredPushRecords:I,pushSearch:t,setPushSearch:z,pushQuickFilter:T,setPushQuickFilter:E,setSelectedPush:F,clearAllPushLogs:j,simulatePush:L}=zo(),_=X(null),[A,q]=Y(0),W=["salesforce","fcm","apns","deeplink","rich_media"],D=R(()=>{const o=W[A%W.length];L(o),q(e=>e+1)},[A,L]),v=H(()=>{let o=0,e=0,x=0;const P={};return w.forEach(B=>{const O=(B.appState||"").toLowerCase();O==="foreground"&&o++,O==="background"&&e++,B.action==="opened"&&x++;const $=(B.source||"other").toLowerCase();P[$]=(P[$]||0)+1}),{all:w.length,foreground:o,background:e,opened:x,sources:P}},[w]),K=H(()=>{const o=[{id:"all",label:"All",color:r.purple,icon:e=><Wo size={12}color={e}/>},{id:"foreground",label:"Foreground",color:r.greenColor,icon:e=><Oo size={12}color={e}/>},{id:"background",label:"Background",color:r.darkOrange,icon:e=><$o size={12}color={e}/>},{id:"opened",label:"Opened",color:r.brandPurple,icon:e=><Ho size={12}color={e}/>}];return Object.entries(v.sources).forEach(([e,x])=>{x>0&&e!=="all"&&o.push({id:`source:${e}`,label:e.toUpperCase(),color:e==="salesforce"?r.sky600:r.brandPurple,icon:P=><Mo size={12}color={P}/>})}),o},[v]),U=R(({item:o,index:e})=><Ro index={e}distance={8}>
-        <Bo item={o}searchStr={t}onPress={()=>F(o)}/>
-      </Ro>,[t,F]),G=R(o=>o.id||`push_${o.timestamp}`,[]);return<C style={{flex:1}}>
+import j,{useCallback as V,useMemo as E,useRef as le,useState as q}from"react";import{FlatList as Ce,Platform as K,Pressable as Se,ScrollView as Pe,StyleSheet as Te,Text as Ie,TextInput as Be,View as C}from"react-native";import{useInspector as Re}from"./InspectorContext";import Le from"./PushCard";import F from"../TouchableScale";import Ve from"../AnimatedEntrance";import Ee from"../EmptyState";import Fe from"../EndOfListFooter";import S from"../../styles";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as U}from"../../styles/AppFonts";import{ClearIcon as Ae,SearchIcon as Me,TrashIcon as Oe,BellIcon as We,SunIcon as $e,MoonIcon as He,ExternalLinkIcon as Ne,CloudPushIcon as _e,BoltIcon as De}from"../NetworkIcons";const G=10,J=j.memo(()=>{const{pushRecords:x,filteredPushRecords:P,pushSearch:r,setPushSearch:z,pushQuickFilter:T,setPushQuickFilter:A,setSelectedPush:M,clearAllPushLogs:X,simulatePush:O,maxPushLogs:B}=Re(),Y=B||50,W=le(null),[v,Z]=q(0),[$,H]=q(Y);j.useEffect(()=>{H(B||50),W.current?.scrollToOffset({offset:0,animated:!1})},[r,T,B]);const R=E(()=>P.slice(0,$),[P,$]),N=["salesforce","fcm","apns","deeplink","rich_media"],ee=V(()=>{const e=N[v%N.length];O(e),Z(o=>o+1)},[v,O]),_=E(()=>{let e=0,o=0,I=0;const k={};return x.forEach(L=>{const D=(L.appState||"").toLowerCase();D==="foreground"&&e++,D==="background"&&o++,L.action==="opened"&&I++;const Q=(L.source||"other").toLowerCase();k[Q]=(k[Q]||0)+1}),{all:x.length,foreground:e,background:o,opened:I,sources:k}},[x]),oe=E(()=>{const e=[{id:"all",label:"All",color:t.purple,icon:o=><We size={12}color={o}/>},{id:"foreground",label:"Foreground",color:t.greenColor,icon:o=><$e size={12}color={o}/>},{id:"background",label:"Background",color:t.darkOrange,icon:o=><He size={12}color={o}/>},{id:"opened",label:"Opened",color:t.brandPurple,icon:o=><Ne size={12}color={o}/>}];return Object.entries(_.sources).forEach(([o,I])=>{I>0&&o!=="all"&&e.push({id:`source:${o}`,label:o.toUpperCase(),color:o==="salesforce"?t.sky600:t.brandPurple,icon:k=><_e size={12}color={k}/>})}),e},[_]),te=V(({item:e,index:o})=><Ve index={o}distance={8}>
+        <Le item={e}searchStr={r}onPress={()=>M(e)}/>
+      </Ve>,[r,M]),re=V(e=>e.id||`push_${e.timestamp}`,[]);return<C style={{flex:1}}>
       
       <C style={{marginTop:6}}>
         <C style={S.toolbarRow}>
           <C style={[S.searchContainer,{flex:1,marginRight:8,height:38}]}>
             <C style={S.searchIcon}>
-              <Lo color={r.grayTextWeak}size={15}/>
+              <Me color={t.grayTextWeak}size={15}/>
             </C>
-            <Io style={[S.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={r.grayTextWeak}value={t}onChangeText={z}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
-            {t.length>0&&M.OS==="android"&&<C style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
-                <Co onPress={()=>z("")}hitSlop={10}style={S.clearBtn}>
-                  <Fo color={r.grayTextWeak}size={13}/>
-                </Co>
+            <Be style={[S.searchInput,{paddingVertical:0}]}placeholder="Search notifications..."placeholderTextColor={t.grayTextWeak}value={r}onChangeText={z}autoCapitalize="none"autoCorrect={!1}returnKeyType="search"clearButtonMode="while-editing"/>
+            {r.length>0&&K.OS==="android"&&<C style={{position:"absolute",right:8,top:0,bottom:0,justifyContent:"center"}}>
+                <Se onPress={()=>z("")}hitSlop={10}style={S.clearBtn}>
+                  <Ae color={t.grayTextWeak}size={13}/>
+                </Se>
               </C>}
           </C>
 
           <C style={S.toolbarRight}>
-            <V style={[S.toolbarBtn,{backgroundColor:`${r.brandPurple}14`,borderColor:`${r.brandPurple}30`}]}onPress={D}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
-              <No color={r.brandPurple}size={15}/>
-            </V>
+            <F style={[S.toolbarBtn,{backgroundColor:`${t.brandPurple}14`,borderColor:`${t.brandPurple}30`}]}onPress={ee}hitSlop={6}accessibilityRole="button"accessibilityLabel="Simulate incoming push notification">
+              <De color={t.brandPurple}size={15}/>
+            </F>
 
-            {w.length>0&&<V style={[S.toolbarBtn,{borderColor:`${r.errorColor}38`,backgroundColor:`${r.errorColor}0F`}]}onPress={j}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
-                <Ao color={r.errorColor}size={15}/>
-              </V>}
+            {x.length>0&&<F style={[S.toolbarBtn,{borderColor:`${t.errorColor}38`,backgroundColor:`${t.errorColor}0F`}]}onPress={X}hitSlop={6}accessibilityRole="button"accessibilityLabel="Clear all push notification history">
+                <Oe color={t.errorColor}size={15}/>
+              </F>}
           </C>
         </C>
       </C>
 
       
-      <C style={k.carouselWrapper}>
-        <So horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={k.carouselContent}>
-          {K.map(o=>{const e=T===o.id;return<V key={o.id}onPress={()=>E(o.id)}style={[k.filterPill,e&&{backgroundColor:o.color,borderColor:o.color}]}>
-                {o.icon?o.icon(e?r.white:o.color):null}
-                <To style={[k.filterPillText,e&&{color:r.white}]}>
-                  {o.label}
-                </To>
-              </V>})}
-        </So>
+      <C style={w.carouselWrapper}>
+        <Pe horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={w.carouselContent}>
+          {oe.map(e=>{const o=T===e.id;return<F key={e.id}onPress={()=>A(e.id)}style={[w.filterPill,o&&{backgroundColor:e.color,borderColor:e.color}]}>
+                {e.icon?e.icon(o?t.white:e.color):null}
+                <Ie style={[w.filterPillText,o&&{color:t.white}]}>
+                  {e.label}
+                </Ie>
+              </F>})}
+        </Pe>
       </C>
 
       
-      <Z ref={_}data={I}renderItem={U}keyExtractor={G}contentContainerStyle={k.listContent}initialNumToRender={15}maxToRenderPerBatch={20}windowSize={11}removeClippedSubviews={M.OS==="android"}ListEmptyComponent={<Vo isSearch={!!(t||T!=="all")}searchQuery={t}customTitle={t||T!=="all"?"No matching push notifications":"No push notifications captured yet"}customSub={t||T!=="all"?"Try adjusting your search query or filter chips.":"Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically."}onClearSearch={()=>{z(""),E("all")}}showReload={!1}/>}ListFooterComponent={I.length>0?<Eo totalCount={I.length}label="End of push notification history"/>:null}/>
-    </C>}),k=Po.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:r.dividerColor,backgroundColor:r.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:r.grayBackground,borderWidth:1,borderColor:r.dividerColor},filterPillText:{fontSize:11,fontFamily:N.interMedium,color:r.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:N.interBold},listContent:{padding:8,paddingBottom:24}});Q.displayName="PushTab";export default Q;
+      <Ce ref={W}data={R}renderItem={te}keyExtractor={re}contentContainerStyle={w.listContent}initialNumToRender={15}maxToRenderPerBatch={20}windowSize={11}removeClippedSubviews={K.OS==="android"}ListEmptyComponent={<Ee isSearch={!!(r||T!=="all")}searchQuery={r}customTitle={r||T!=="all"?"No matching push notifications":"No push notifications captured yet"}customSub={r||T!=="all"?"Try adjusting your search query or filter chips.":"Incoming or opened push payloads from any domain (Salesforce, FCM, APNs, etc.) will appear here automatically."}onClearSearch={()=>{z(""),A("all")}}showReload={!1}/>}ListFooterComponent={P.length>0?<Fe count={R.length}totalCount={P.length}label="push notifications"loadMoreStep={G}hasMore={R.length<P.length}onLoadMore={()=>H(e=>e+G)}/>:null}/>
+    </C>}),w=Te.create({carouselWrapper:{paddingVertical:6,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:t.white},carouselContent:{paddingHorizontal:8,gap:6,flexDirection:"row",alignItems:"center"},filterPill:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:9,paddingVertical:4.5,borderRadius:20,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},filterPillText:{fontSize:11,fontFamily:U.interMedium,color:t.primaryBlack},countBadge:{paddingHorizontal:5,paddingVertical:1,borderRadius:10},countBadgeText:{fontSize:9.5,fontFamily:U.interBold},listContent:{padding:8,paddingBottom:24}});J.displayName="PushTab";export default J;