react-native-inapp-inspector 2.4.1 → 2.5.0

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

@@ -1,209 +1,244 @@
-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]}>
+import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState as A}from"react";import{FlatList as We,ScrollView as _,StyleSheet as De,Text as C,TextInput as Ae,TouchableOpacity as Me,View as T}from"react-native";import{useTranslation as je}from"../../i18n";import{useInspector as Ee}from"./InspectorContext";import H from"../TouchableScale";import Ne from"../AnimatedEntrance";import Oe from"../EndOfListFooter";import Je from"./FeatureUnderDevNotice";import Ge from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as Ue,simulateTestCrash as J}from"../../customHooks/crashHandler";import _e,{DEFAULT_CRASH_FILTERS as Z,isCrashFiltersDefault as M}from"./CrashFilterModal";import{ConfirmationModal as Qe}from"./ConfirmationModal";import{SearchIcon as Ke,ClearIcon as Xe,TrashIcon as Ye,TerminalIcon as Ze,LayersIcon as er,ClockIcon as Cr,ShieldAlertIcon as Tr,FlameIcon as Sr,JsIcon as Ce,HourglassIcon as Te,SkullIcon as kr,LayoutIcon as Se,ChipIcon as Be,AppleIcon as Br,AndroidIcon as Ir,RepeatIcon as Vr,CodeBracketsIcon as Fr,FilterIcon as Rr,ForwardChevronIcon as Hr}from"../NetworkIcons";const Pr=B=>{const P=Date.now(),N=Math.max(0,P-B),$=Math.floor(N/1e3),j=Math.floor($/60),D=Math.floor(j/60),E=Math.floor(D/24);return $<60?`${$}s ago`:j<60?`${j}m ago`:D<24?`${D}h ago`:`${E}d ago`},Ie=10,$r=He.memo(()=>{const{t:B}=je(),{crashRecords:P,setSelectedCrash:N,maxCrashLogs:$}=Ee(),j=$||50,D=Le(null),[E,Q]=A(j),[z,G]=A(""),[F,q]=A("all"),[S,K]=A(Z),[ze,X]=A(!1),[Ve,U]=A(!1);$e(()=>{Q($||50),D.current?.scrollToOffset({offset:0,animated:!1})},[z,F,S,$]);const V=Y(()=>{const t=P.length;let x=0,w=0,R=0,I=0,O=0;return P.forEach(W=>{W.isFatal&&x++,W.type==="js"?w++:W.type==="promise"?R++:W.type==="render"?I++:W.type==="native"&&O++}),{total:t,fatalCount:x,jsCount:w,promiseCount:R,renderCount:I,nativeCount:O}},[P]),L=Y(()=>{let t=P.filter(x=>{if(F==="fatal"&&!x.isFatal||F==="js"&&x.type!=="js"||F==="promise"&&x.type!=="promise"||F==="render"&&x.type!=="render"||F==="native"&&x.type!=="native"||S.types.size>0&&!S.types.has("all")&&!(S.types.has("fatal")&&x.isFatal||S.types.has("js")&&x.type==="js"||S.types.has("promise")&&x.type==="promise"||S.types.has("render")&&x.type==="render"||S.types.has("native")&&x.type==="native"))return!1;if(S.timeWindow!=="all"){const w=Date.now(),R=S.timeWindow==="15m"?w-900*1e3:S.timeWindow==="1h"?w-3600*1e3:S.timeWindow==="24h"?w-1440*60*1e3:w-10080*60*1e3;if(x.timestamp<R)return!1}if(S.platform!=="all"&&(x.deviceInfo?.platform||"").toLowerCase()!==S.platform)return!1;if(S.engine!=="all"){const w=x.deviceInfo?.isHermes;if(S.engine==="hermes"&&w!==!0||S.engine==="jsc"&&w===!0)return!1}if(z.trim().length>0){const w=z.trim().toLowerCase().split(/\s+/).filter(Boolean),R=[x.message||"",x.name||"",x.stack||"",x.type||"",x.deviceInfo?.platform||"",...(x.breadcrumbs||[]).map(I=>`${I.type||""} ${I.message||""}`)].join(" ").toLowerCase();return w.every(I=>R.includes(I))}return!0});return S.sortBy==="time_asc"&&(t=[...t].sort((x,w)=>x.timestamp-w.timestamp)),t},[P,F,z,S]),Fe=()=>{U(!0)},Re=Pe(({item:t,index:x})=>{const w=t.isFatal,R=t.type.toUpperCase(),I=t.parsedStack&&t.parsedStack.length>0?t.parsedStack.find(ve=>ve.isAppCode)||t.parsedStack[0]:null,O=t.type==="native"?`${e.errorColor}22`:t.type==="render"?`${e.purple}22`:t.type==="promise"?`${e.darkOrange}22`:`${e.offerPurple}22`,W=t.type==="native"?e.errorColor:t.type==="render"?e.purple:t.type==="promise"?e.darkOrange:e.offerPurple;return<Ne index={x}distance={8}>
+          <H onPress={()=>{N(t)}}style={[r.cardContainer,w&&r.fatalCardBorder]}>
             
-            <C style={t.cardHeader}>
-              <C style={t.badgeRow}>
-                <C style={t.sNoBadge}>
-                  <T style={t.sNoBadgeText}>#{o+1}</T>
-                </C>
-
-                {x?<C style={t.fatalBadge}>
-                    <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:O}]}>
-                  <T style={[t.typeBadgeText,{color:P}]}>
-                    {F}
-                  </T>
-                </C>
-              </C>
-
-              <C style={t.timeRow}>
-                <Oe size={11}color={e.grayTextWeak}/>
-                <T style={t.timestampText}>
-                  {r.timeStr||new Date(r.timestamp).toLocaleTimeString()}
+            <T style={r.cardHeader}>
+              <T style={r.badgeRow}>
+                <T style={r.sNoBadge}>
+                  <C style={r.sNoBadgeText}>#{x+1}</C>
                 </T>
-                <T style={t.relativeTimeText}>
-                  {bt(r.timestamp)}
+
+                {w?<T style={r.fatalBadge}>
+                    <Sr size={10}color={e.white}/>
+                    <C style={r.fatalBadgeText}>{B("crash.fatalBadge")}</C>
+                  </T>:<T style={r.caughtBadge}>
+                    <C style={r.caughtBadgeText}>{B("crash.handledBadge")}</C>
+                  </T>}
+
+                <T style={[r.typeBadge,{backgroundColor:O}]}>
+                  <C style={[r.typeBadgeText,{color:W}]}>
+                    {R}
+                  </C>
                 </T>
-                <Ct size={13}color={e.grayTextWeak}/>
-              </C>
-            </C>
+              </T>
+
+              <T style={r.timeRow}>
+                <Cr size={11}color={e.grayTextWeak}/>
+                <C style={r.timestampText}>
+                  {t.timeStr||new Date(t.timestamp).toLocaleTimeString()}
+                </C>
+                <C style={r.relativeTimeText}>
+                  {Pr(t.timestamp)}
+                </C>
+                <Hr size={13}color={e.grayTextWeak}/>
+              </T>
+            </T>
 
             
-            <C style={{marginVertical:6}}>
-              <Pe text={r.message||S("crash.unknownException")}highlight={B}numberOfLines={3}style={t.errorMessageText}/>
-            </C>
+            <T style={{marginVertical:6}}>
+              <Ge text={t.message||B("crash.unknownException")}highlight={z}numberOfLines={3}style={r.errorMessageText}/>
+            </T>
 
             
-            {I&&<C style={t.locationRow}>
-                <Me size={12}color={e.grayTextWeak}/>
-                <T numberOfLines={1}ellipsizeMode="middle"style={t.locationText}>
+            {I&&<T style={r.locationRow}>
+                <Ze size={12}color={e.grayTextWeak}/>
+                <C numberOfLines={1}ellipsizeMode="middle"style={r.locationText}>
                   {I.method!=="<anonymous>"?`${I.method} `:""}
-                  <T style={{color:e.purple,fontFamily:k.interBold}}>
+                  <C style={{color:e.purple,fontFamily:k.interBold}}>
                     {I.file}:{I.lineNumber}
-                  </T>
-                </T>
-              </C>}
+                  </C>
+                </C>
+              </T>}
 
             
-            <C style={t.cardFooter}>
-              <C style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
-                {r.deviceInfo&&<C style={t.metaPill}>
-                    {r.deviceInfo.platform==="ios"?<Ge size={10}color={e.grayText}/>:r.deviceInfo.platform==="android"?<Ke size={10}color={e.grayText}/>:null}
-                    <T style={t.metaPillText}>
-                      {r.deviceInfo.platform?.toUpperCase()}{" "}
-                      {r.deviceInfo.osVersion||""}
-                    </T>
-                  </C>}
-                {r.deviceInfo&&<C style={t.metaPill}>
-                    <T style={t.metaPillText}>
-                      {r.deviceInfo.isHermes?"Hermes":"JSC"}
-                    </T>
-                  </C>}
-                {r.parsedStack&&r.parsedStack.length>0&&<C style={t.metaPill}>
-                    <Ye size={10}color={e.grayText}/>
-                    <T style={t.metaPillText}>
-                      {r.parsedStack.length}
-                    </T>
-                  </C>}
-                {r.breadcrumbs&&r.breadcrumbs.length>0&&<C style={t.metaPill}>
-                    <Xe size={10}color={e.grayText}/>
-                    <T style={t.metaPillText}>
-                      {r.breadcrumbs.length} trail
-                    </T>
-                  </C>}
-                {r.memoryInfo&&<C style={t.metaPill}>
-                    <T style={t.metaPillText}>
-                      {r.memoryInfo.usedJSHeapSize} MB
-                    </T>
-                  </C>}
-              </C>
-            </C>
-          </M>
-        </Fe>},[B,j]);return<C style={t.container}>
-      {R.length>0&&<>
+            <T style={r.cardFooter}>
+              <T style={{flexDirection:"row",alignItems:"center",gap:6,flexWrap:"wrap"}}>
+                {t.deviceInfo&&<T style={r.metaPill}>
+                    {t.deviceInfo.platform==="ios"?<Br size={10}color={e.grayText}/>:t.deviceInfo.platform==="android"?<Ir size={10}color={e.grayText}/>:null}
+                    <C style={r.metaPillText}>
+                      {t.deviceInfo.platform?.toUpperCase()}{" "}
+                      {t.deviceInfo.osVersion||""}
+                    </C>
+                  </T>}
+                {t.deviceInfo&&<T style={r.metaPill}>
+                    <C style={r.metaPillText}>
+                      {t.deviceInfo.isHermes?"Hermes":"JSC"}
+                    </C>
+                  </T>}
+                {t.parsedStack&&t.parsedStack.length>0&&<T style={r.metaPill}>
+                    <Fr size={10}color={e.grayText}/>
+                    <C style={r.metaPillText}>
+                      {t.parsedStack.length}
+                    </C>
+                  </T>}
+                {t.breadcrumbs&&t.breadcrumbs.length>0&&<T style={r.metaPill}>
+                    <Vr size={10}color={e.grayText}/>
+                    <C style={r.metaPillText}>
+                      {t.breadcrumbs.length} trail
+                    </C>
+                  </T>}
+                {t.memoryInfo&&<T style={r.metaPill}>
+                    <C style={r.metaPillText}>
+                      {t.memoryInfo.usedJSHeapSize} MB
+                    </C>
+                  </T>}
+              </T>
+            </T>
+          </H>
+        </Ne>},[z,N]);return<T style={r.container}>
+      {P.length>0&&<>
           
-          <C style={t.statsBar}>
-            <N horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={t.statsScrollContent}>
-              <C style={[t.statChip,t.statChipActive]}>
-                <T style={t.statChipValue}>{V.total}</T>
-                <T style={t.statChipLabel}>{S("crash.statCrashes")}</T>
-              </C>
+          <T style={r.statsBar}>
+            <_ horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={r.statsScrollContent}>
+              <T style={[r.statChip,r.statChipActive]}>
+                <C style={r.statChipValue}>{V.total}</C>
+                <C style={r.statChipLabel}>{B("crash.statCrashes")}</C>
+              </T>
 
-              <C style={t.statChip}>
-                <T style={[t.statChipValue,{color:e.errorColor}]}>
+              <T style={r.statChip}>
+                <C style={[r.statChipValue,{color:e.errorColor}]}>
                   {V.fatalCount}
-                </T>
-                <T style={t.statChipLabel}>{S("crash.statFatal")}</T>
-              </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statFatal")}</C>
+              </T>
 
-              <C style={t.statChip}>
-                <T style={[t.statChipValue,{color:e.offerPurple}]}>
+              <T style={r.statChip}>
+                <C style={[r.statChipValue,{color:e.offerPurple}]}>
                   {V.jsCount}
-                </T>
-                <T style={t.statChipLabel}>{S("crash.statJsErrors")}</T>
-              </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statJsErrors")}</C>
+              </T>
 
-              <C style={t.statChip}>
-                <T style={[t.statChipValue,{color:e.darkOrange}]}>
+              <T style={r.statChip}>
+                <C style={[r.statChipValue,{color:e.darkOrange}]}>
                   {V.promiseCount}
-                </T>
-                <T style={t.statChipLabel}>{S("crash.statPromises")}</T>
-              </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statPromises")}</C>
+              </T>
 
-              <C style={t.statChip}>
-                <T style={[t.statChipValue,{color:e.purple}]}>
+              <T style={r.statChip}>
+                <C style={[r.statChipValue,{color:e.purple}]}>
                   {V.renderCount}
-                </T>
-                <T style={t.statChipLabel}>{S("crash.statRender")}</T>
-              </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statRender")}</C>
+              </T>
 
-              <C style={t.statChip}>
-                <T style={[t.statChipValue,{color:e.skyBlue}]}>
+              <T style={r.statChip}>
+                <C style={[r.statChipValue,{color:e.skyBlue}]}>
                   {V.nativeCount}
-                </T>
-                <T style={t.statChipLabel}>{S("crash.statNative")}</T>
-              </C>
-            </N>
-          </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statNative")}</C>
+              </T>
+            </_>
+          </T>
 
           
-          <C style={t.controlsContainer}>
-            <C style={t.searchRow}>
-              <C style={t.searchInputWrapper}>
-                <$e color={e.grayTextWeak}size={14}/>
-                <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={()=>E("")}hitSlop={8}>
-                      <De color={e.grayTextWeak}size={14}/>
-                    </Ie>
-                  </C>}
-              </C>
+          <T style={r.controlsContainer}>
+            <T style={r.searchRow}>
+              <T style={r.searchInputWrapper}>
+                <Ke color={e.grayTextWeak}size={14}/>
+                <Ae value={z}onChangeText={G}placeholder={B("crash.searchPlaceholder")}placeholderTextColor={e.grayTextWeak}style={r.searchInput}autoCapitalize="none"autoCorrect={!1}/>
+                {z.length>0&&<T style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                    <T style={{backgroundColor:`${e.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
+                      <C style={{color:e.purple,fontSize:9.5,fontFamily:k.interBold}}>
+                        {L.length}
+                      </C>
+                    </T>
+                    <Me onPress={()=>G("")}hitSlop={8}>
+                      <Xe color={e.grayTextWeak}size={14}/>
+                    </Me>
+                  </T>}
+              </T>
 
               
-              <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>
+              <H onPress={()=>X(!0)}style={[r.filterButton,!M(S)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
+                <Rr size={14}color={M(S)?e.grayTextStrong:e.brandPurple}/>
+                {!M(S)&&<T style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
+              </H>
 
               
-              <M onPress={Y}style={t.clearButton}>
-                <Ae size={14}color={e.errorColor}/>
-              </M>
-            </C>
+              <H onPress={Fe}style={r.clearButton}>
+                <Ye size={14}color={e.errorColor}/>
+              </H>
+            </T>
 
-            <He featureName="Crash & Exception Sentinel"/>
+            <Je featureName="Crash & Exception Sentinel"/>
 
             
-            <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: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}}>
-                          {r.label}
-                        </T>
-                        <C style={{backgroundColor:o?"rgba(255,255,255,0.25)":`${x}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
-                          <T style={{fontFamily:k.interBold,fontSize:9.5,color:o?e.white:x}}>
-                            {r.count}
-                          </T>
+            <T style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+              <_ horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+                {[{key:"all",label:B("crash.filterAll"),Icon:er,count:V.total,themeColor:e.purple},{key:"fatal",label:B("crash.filterFatal"),Icon:kr,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:B("crash.filterJsError"),Icon:Ce,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:B("crash.filterPromise"),Icon:Te,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:B("crash.filterRender"),Icon:Se,count:V.renderCount,themeColor:e.violet600},{key:"native",label:B("crash.filterNative"),Icon:Be,count:V.nativeCount,themeColor:e.cyan600}].map(t=>{const x=F===t.key,w=t.themeColor||e.purple,R=x?e.white:w,I=t.Icon;return<H key={t.key}onPress={()=>q(t.key)}>
+                      <T style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:x?w:`${w}12`,borderWidth:1,borderColor:x?w:`${w}30`,gap:5}}>
+                        <I size={11}color={R}/>
+                        <C style={{fontFamily:k.interBold,fontSize:10.5,color:x?e.white:e.primaryBlack}}>
+                          {t.label}
                         </C>
-                      </C>
-                    </M>})}
-              </N>
-            </C>
-          </C>
+                        <T style={{backgroundColor:x?"rgba(255,255,255,0.25)":`${w}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
+                          <C style={{fontFamily:k.interBold,fontSize:9.5,color:x?e.white:w}}>
+                            {t.count}
+                          </C>
+                        </T>
+                      </T>
+                    </H>})}
+              </_>
+            </T>
+          </T>
         </>}
 
       
-      {H.length===0?<N contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
-          <C style={t.emptyIconCircle}>
-            <Ee size={38}color={e.greenColor}/>
-          </C>
-          <T style={t.emptyTitle}>
-            {B.length>0?"No matching crash entries":z!=="all"||!W(w)?"No crashes match filters":S("crash.emptyTitle")}
+      {L.length===0?<_ contentContainerStyle={r.emptyContainer}showsVerticalScrollIndicator={!1}>
+          <T style={r.emptyIconCircle}>
+            <Tr size={38}color={e.greenColor}/>
           </T>
-          <T style={t.emptySub}>
-            {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"||!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}}>
+          <C style={r.emptyTitle}>
+            {z.length>0?"No matching crash entries":F!=="all"||!M(S)?"No crashes match filters":B("crash.emptyTitle")}
+          </C>
+          <C style={r.emptySub}>
+            {z?`No crash entries matched "${z}"`:F!=="all"||!M(S)?"Try adjusting your filters or search keywords.":B("crash.emptySubtitle")}
+          </C>
+          {z.length>0||F!=="all"||!M(S)?<H onPress={()=>{G(""),q("all"),K(Z)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
+              <C style={{fontFamily:k.interBold,fontSize:11.5,color:e.white}}>
                 Clear Search & Filters
+              </C>
+            </H>:<T style={{marginTop:18,alignItems:"center",width:"100%",paddingHorizontal:16}}>
+              <C style={{fontFamily:k.interBold,fontSize:10.5,color:e.grayText,letterSpacing:.6,marginBottom:10}}>
+                TEST CRASH SENTINEL
+              </C>
+              <T style={{flexDirection:"row",gap:7,flexWrap:"wrap",justifyContent:"center"}}>
+                <H onPress={()=>J("js","Test JavaScript ReferenceError: variable is not defined",void 0,!0)}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.amber600}14`,borderWidth:1,borderColor:`${e.amber600}38`,paddingHorizontal:9,paddingVertical:6,borderRadius:8}}>
+                  <Ce size={11}color={e.amber600}/>
+                  <C style={{fontFamily:k.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    Simulate JS Crash
+                  </C>
+                </H>
+
+                <H onPress={()=>J("native","Test Native Crash: SIGSEGV (Segmentation Fault)",void 0,!0)}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.cyan600}14`,borderWidth:1,borderColor:`${e.cyan600}38`,paddingHorizontal:9,paddingVertical:6,borderRadius:8}}>
+                  <Be size={11}color={e.cyan600}/>
+                  <C style={{fontFamily:k.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    Simulate Native Crash
+                  </C>
+                </H>
+
+                <H onPress={()=>J("promise","Unhandled Promise Rejection: Gateway connection timed out",void 0,!0)}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.orange600}14`,borderWidth:1,borderColor:`${e.orange600}38`,paddingHorizontal:9,paddingVertical:6,borderRadius:8}}>
+                  <Te size={11}color={e.orange600}/>
+                  <C style={{fontFamily:k.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    Simulate Promise
+                  </C>
+                </H>
+
+                <H onPress={()=>J("render","Render Error: Cannot read property of undefined in Component",void 0,!0)}style={{flexDirection:"row",alignItems:"center",gap:5,backgroundColor:`${e.violet600}14`,borderWidth:1,borderColor:`${e.violet600}38`,paddingHorizontal:9,paddingVertical:6,borderRadius:8}}>
+                  <Se size={11}color={e.violet600}/>
+                  <C style={{fontFamily:k.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    Simulate Render
+                  </C>
+                </H>
               </T>
-            </M>}
-        </N>:<>
-          <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}/>
+            </T>}
+        </_>:<>
+          <We ref={D}data={L.slice(0,E)}keyExtractor={t=>t.id}renderItem={Re}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}style={{flex:1}}contentContainerStyle={[r.listContent,{flexGrow:1}]}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}keyboardShouldPersistTaps="handled"ListFooterComponent={L.length>0?<Oe count={Math.min(E,L.length)}totalCount={L.length}label="crashes"loadMoreStep={Ie}hasMore={L.length>E}onLoadMore={()=>Q(t=>t+Ie)}/>:null}/>
         </>}
 
       
-      <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}});
+      <_e visible={ze}onClose={()=>X(!1)}filters={S}onApply={K}searchQuery={z}/>
+
+      <Qe visible={Ve}title={B("crash.clearTitle","Clear Crash Records")}message={B("crash.clearMessage","Are you sure you want to clear all intercepted crash records?")}confirmText={B("crash.clearConfirm","Clear All")}cancelText={B("crash.clearCancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{U(!1),Ue()}}onCancel={()=>U(!1)}/>
+    </T>});export default $r;const r=De.create({container:{flex:1,backgroundColor:e.grayBackground},statsBar:{backgroundColor:e.primaryLight,borderBottomWidth:1,borderBottomColor:e.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:8,gap:6},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:8,paddingTop:10,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:10,paddingVertical:5.5,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:8,paddingTop:4,paddingBottom:24,gap:8},cardContainer:{backgroundColor:e.primaryLight,borderRadius:12,borderWidth:1,borderColor:e.grayBorderSecondary,padding:10,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}});