react-native-inapp-inspector 2.4.2 → 2.5.0

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

@@ -1,26 +1,26 @@
-import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as Q,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as Te}from"./InspectorContext";import{useTranslation as xe}from"../../i18n";import H from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ve from"../EmptyState";import Be from"../EndOfListFooter";import T from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Ee,ClearIcon as Fe,SortArrowIcon as Pe,TrashIcon as He,LayersIcon as Re,UserIcon as We,InfoCircleIcon as $e,WarningTriangleIcon as Oe,ErrorCircleIcon as De,AnalyticsIcon as Ne}from"../NetworkIcons";const Y=10,Ue=F.memo(()=>{const{t:w}=xe(),{logSearch:h,setLogSearch:B,logSortOrder:K,setLogSortOrder:X,handleDelete:j,logFilters:y,setLogFilters:R,logCounts:x,filteredConsoleLogs:C,visibleConsoleLogs:D,maxConsoleLogs:W,setSelectedLog:N}=Te(),q=W||100,U=ne(null),[G,M]=F.useState(q);F.useEffect(()=>{M(W||100),U.current?.scrollToOffset({offset:0,animated:!1})},[h,y,W]);const $=P(()=>C.slice(0,G),[C,G]),v=k(e=>{N(e)},[N]),J=k(({item:e,index:t})=><Le index={t}distance={8}>
-        <Ae item={e}searchStr={h}onPress={v}/>
-      </Le>,[h,v]),Z=k((e,t)=>({length:148,offset:148*t,index:t}),[]),ee=k((e,t)=>e?.id?.toString()??t.toString(),[]),oe=P(()=>{const e=D.length,t=C.length;if(y.has("all")||!Array.from(y).some(E=>E!=="all"))return<S style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList as Se,Pressable as Ce,ScrollView as Q,Text as A,TextInput as Ie,View as S}from"react-native";import{useInspector as Te}from"./InspectorContext";import{useTranslation as xe}from"../../i18n";import H from"../TouchableScale";import Le from"../AnimatedEntrance";import{ConsoleLogCard as Ae}from"../ConsoleLogCard";import Ve from"../EmptyState";import Ee from"../EndOfListFooter";import T from"../../styles";import{AppColors as o}from"../../styles/AppColors";import{AppFonts as z}from"../../styles/AppFonts";import{LogFilter as V}from"../../types";import{SearchIcon as Be,ClearIcon as Fe,SortArrowIcon as Pe,TrashIcon as He,LayersIcon as Re,UserIcon as We,InfoCircleIcon as $e,WarningTriangleIcon as Oe,ErrorCircleIcon as De,AnalyticsIcon as Ne}from"../NetworkIcons";const Y=10,Ue=F.memo(()=>{const{t:C}=xe(),{logSearch:y,setLogSearch:E,logSortOrder:K,setLogSortOrder:X,handleDelete:j,logFilters:h,setLogFilters:R,logCounts:x,filteredConsoleLogs:w,visibleConsoleLogs:D,maxConsoleLogs:W,setSelectedLog:N}=Te(),q=W||100,U=ne(null),[G,M]=F.useState(q);F.useEffect(()=>{M(W||100),U.current?.scrollToOffset({offset:0,animated:!1})},[y,h,W]);const $=P(()=>w.slice(0,G),[w,G]),v=k(e=>{N(e)},[N]),J=k(({item:e,index:t})=><Le index={t}distance={8}>
+        <Ae item={e}searchStr={y}onPress={v}/>
+      </Le>,[y,v]),Z=k((e,t)=>({length:148,offset:148*t,index:t}),[]),ee=k((e,t)=>e?.id?.toString()??t.toString(),[]),oe=P(()=>{const e=D.length,t=w.length;if(h.has("all")||!Array.from(h).some(B=>B!=="all"))return<S style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
             {t===e?`Showing ${e} logs`:`Showing ${t} of ${e} logs`}
           </A>
-        </S>;{const E=Array.from(y).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(h).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}}>
           <A style={{fontFamily:z.interMedium,fontSize:11,color:o.grayTextWeak,letterSpacing:.2}}>
-            Filtered by {E.join(", ")} ({t} of {e} logs)
+            Filtered by {B.join(", ")} ({t} of {e} logs)
           </A>
-        </S>}},[D.length,C.length,y]),[O,_]=F.useState(!1),te=P(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),re=P(()=>[{id:V.All,label:w("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:Re},{id:V.UserLog,label:w("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:We},{id:V.Info,label:w("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:$e},{id:V.Warn,label:w("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:V.Error,label:w("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:De},{id:V.Analytics,label:w("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,w]);return<S style={{flex:1}}>
+        </S>}},[D.length,w.length,h]),[O,_]=F.useState(!1),te=P(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),re=P(()=>[{id:V.All,label:C("common.all","All"),count:x.all?.split("/")?.[0]??"0",color:o.purple,Icon:Re},{id:V.UserLog,label:C("console.log","Log"),count:x["user-log"]?.split("/")?.[0]??"0",color:o.teal600,Icon:We},{id:V.Info,label:C("console.info","Info"),count:x.info?.split("/")?.[0]??"0",color:o.sky600,Icon:$e},{id:V.Warn,label:C("console.warning","Warn"),count:x.warn?.split("/")?.[0]??"0",color:o.amber600,Icon:Oe},{id:V.Error,label:C("console.error","Error"),count:x.error?.split("/")?.[0]??"0",color:o.errorColor,Icon:De},{id:V.Analytics,label:C("console.analytics","Analytics"),count:x.analytics?.split("/")?.[0]??"0",color:o.violet600,Icon:Ne}],[x,C]);return<S style={{flex:1}}>
       <S style={{backgroundColor:o.white,borderBottomWidth:1,borderBottomColor:o.dividerColor,paddingBottom:6}}>
         <S style={[T.toolbarRow,{marginTop:12,marginBottom:8}]}>
           <S style={[T.searchContainer,O&&{borderColor:o.purple,borderWidth:1.5}]}>
-            <Ee color={O?o.purple:o.grayTextWeak}size={16}/>
-            <Ie placeholder={w("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={h}onChangeText={B}onFocus={()=>_(!0)}onBlur={()=>_(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {h.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
+            <Be color={O?o.purple:o.grayTextWeak}size={16}/>
+            <Ie placeholder={C("console.searchPlaceholder")}placeholderTextColor={o.grayTextWeak}value={y}onChangeText={E}onFocus={()=>_(!0)}onBlur={()=>_(!1)}style={T.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {y.length>0&&<S style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <S style={{backgroundColor:`${o.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <A style={{color:o.purple,fontSize:10,fontFamily:z.interBold}}>
-                    {C.length}
+                    {w.length}
                   </A>
                 </S>
-                <Ce onPress={()=>B("")}hitSlop={10}style={T.clearBtn}>
+                <Ce onPress={()=>E("")}hitSlop={10}style={T.clearBtn}>
                   <Fe color={o.grayTextWeak}size={14}/>
                 </Ce>
               </S>}
@@ -37,8 +37,8 @@ import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList
         </S>
 
         
-        {(O||h.length>0)&&<Q horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {te.map(e=>{const t=h.includes(e);return<H key={e}onPress={()=>{B(t?r=>r.replace(e,"").trim():r=>r?`${r} ${e}`.trim():e)}}>
+        {(O||y.length>0)&&<Q horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            {te.map(e=>{const t=y.includes(e);return<H key={e}onPress={()=>{E(t?r=>r.replace(e,"").trim():r=>r?`${r} ${e}`.trim():e)}}>
                   <S style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:t?o.purple:`${o.purple}14`,borderWidth:1,borderColor:t?o.purple:`${o.purple}30`}}>
                     <A style={{fontFamily:z.interBold,fontSize:10,color:t?o.white:o.purple}}>
                       {e}
@@ -48,11 +48,11 @@ import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList
           </Q>}
 
         
-        <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+        <S style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
           <Q horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {re.map(e=>{const t=e.id==="all"?y.has("all"):y.has(e.id)&&!y.has("all"),r=e.color||o.purple,E=t?o.white:r,I=e.Icon;return<H key={e.id}onPress={()=>{e.id==="all"?R(new Set(["all"])):R(le=>{const L=new Set(le);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
+            {re.map(e=>{const t=e.id==="all"?h.has("all"):h.has(e.id)&&!h.has("all"),r=e.color||o.purple,B=t?o.white:r,I=e.Icon;return<H key={e.id}onPress={()=>{e.id==="all"?R(new Set(["all"])):R(le=>{const L=new Set(le);return L.delete("all"),L.has(e.id)?L.delete(e.id):L.add(e.id),L.size===0&&L.add("all"),L})}}>
                   <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={E}/>
+                    <I size={11}color={B}/>
                     <A style={{fontFamily:z.interBold,fontSize:10.5,color:t?o.white:o.primaryBlack}}>
                       {e.label}
                     </A>
@@ -67,5 +67,5 @@ import F,{useCallback as k,useMemo as P,useRef as ne}from"react";import{FlatList
         </S>
       </S>
 
-      <Se ref={U}data={$}keyExtractor={ee}ListHeaderComponent={oe}renderItem={J}getItemLayout={Z}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}ListEmptyComponent={<Ve isSearch={h.length>0||!y.has("all")}searchQuery={h}customTitle={h.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{B(""),R(new Set(["all"]))}}/>}ListFooterComponent={C.length>0?<Be count={$.length}totalCount={C.length}label="logs"loadMoreStep={Y}hasMore={$.length<C.length}onLoadMore={()=>M(e=>e+Y)}/>:null}contentContainerStyle={[T.listContent,C.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <Se ref={U}data={$}keyExtractor={ee}ListHeaderComponent={oe}renderItem={J}getItemLayout={Z}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<Ve isSearch={y.length>0||!h.has("all")}searchQuery={y}customTitle={y.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{E(""),R(new Set(["all"]))}}/>}ListFooterComponent={w.length>0?<Ee count={$.length}totalCount={w.length}label="logs"loadMoreStep={Y}hasMore={$.length<w.length}onLoadMore={()=>M(e=>e+Y)}/>:null}style={{flex:1}}contentContainerStyle={[T.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
     </S>});export default Ue;

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

@@ -1,211 +1,244 @@
-import oe,{useCallback as ae,useEffect as le,useMemo as G,useRef as ne,useState as W}from"react";import{FlatList as Ce,ScrollView as J,StyleSheet as be,Text as T,TextInput as Te,TouchableOpacity as Se,View as C}from"react-native";import{useTranslation as ke}from"../../i18n";import{useInspector as Ie}from"./InspectorContext";import M from"../TouchableScale";import Be from"../AnimatedEntrance";import Ve from"../EndOfListFooter";import Fe from"./FeatureUnderDevNotice";import Re from"../HighlightText";import{AppColors as e}from"../../styles/AppColors";import{AppFonts as k}from"../../styles/AppFonts";import{clearCrashRecords as ve}from"../../customHooks/crashHandler";import He,{DEFAULT_CRASH_FILTERS as K,isCrashFiltersDefault as $}from"./CrashFilterModal";import{ConfirmationModal as Le}from"./ConfirmationModal";import{SearchIcon as Pe,ClearIcon as We,TrashIcon as $e,TerminalIcon as De,LayersIcon as Ae,ClockIcon as Me,ShieldAlertIcon as Oe,FlameIcon as Ee,JsIcon as Ne,HourglassIcon as Je,SkullIcon as _e,LayoutIcon as Ue,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),D=Math.floor(v/60),P=Math.floor(D/60),A=Math.floor(P/24);return v<60?`${v}s ago`:D<60?`${D}m ago`:P<24?`${P}h ago`:`${A}d ago`},X=10,Tt=oe.memo(()=>{const{t:S}=ke(),{crashRecords:R,setSelectedCrash:j,maxCrashLogs:v}=Ie(),D=v||50,P=ne(null),[A,_]=W(D),[B,E]=W(""),[z,U]=W("all"),[w,Q]=W(K),[Y,q]=W(!1),[Z,N]=W(!1);le(()=>{_(v||50),P.current?.scrollToOffset({offset:0,animated:!1})},[B,z,w,v]);const V=G(()=>{const r=R.length;let o=0,x=0,F=0,I=0,O=0;return R.forEach(L=>{L.isFatal&&o++,L.type==="js"?x++:L.type==="promise"?F++:L.type==="render"?I++:L.type==="native"&&O++}),{total:r,fatalCount:o,jsCount:x,promiseCount:F,renderCount:I,nativeCount:O}},[R]),H=G(()=>{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]),ee=()=>{N(!0)},te=ae(({item:r,index:o})=>{const x=r.isFatal,F=r.type.toUpperCase(),I=r.parsedStack&&r.parsedStack.length>0?r.parsedStack.find(re=>re.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`,L=r.type==="native"?e.errorColor:r.type==="render"?e.purple:r.type==="promise"?e.darkOrange:e.offerPurple;return<Be 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}>
-                    <Ee 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:L}]}>
-                    {F}
-                  </T>
-                </C>
-              </C>
-
-              <C style={t.timeRow}>
-                <Me 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}}>
-              <Re 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}>
-                <De 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>
-        </Be>},[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}>
-            <J 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>
-            </J>
-          </C>
+                </C>
+                <C style={r.statChipLabel}>{B("crash.statNative")}</C>
+              </T>
+            </_>
+          </T>
 
           
-          <C style={t.controlsContainer}>
-            <C style={t.searchRow}>
-              <C style={t.searchInputWrapper}>
-                <Pe color={e.grayTextWeak}size={14}/>
-                <Te 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>
-                    <Se onPress={()=>E("")}hitSlop={8}>
-                      <We color={e.grayTextWeak}size={14}/>
-                    </Se>
-                  </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)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
-                <Ze size={14}color={$(w)?e.grayTextStrong:e.brandPurple}/>
-                {!$(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={ee}style={t.clearButton}>
-                <$e size={14}color={e.errorColor}/>
-              </M>
-            </C>
+              <H onPress={Fe}style={r.clearButton}>
+                <Ye size={14}color={e.errorColor}/>
+              </H>
+            </T>
 
-            <Fe featureName="Crash & Exception Sentinel"/>
+            <Je featureName="Crash & Exception Sentinel"/>
 
             
-            <C style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
-              <J horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-                {[{key:"all",label:S("crash.filterAll"),Icon:Ae,count:V.total,themeColor:e.purple},{key:"fatal",label:S("crash.filterFatal"),Icon:_e,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:S("crash.filterJsError"),Icon:Ne,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:S("crash.filterPromise"),Icon:Je,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:S("crash.filterRender"),Icon:Ue,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={()=>U(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>})}
-              </J>
-            </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?<J contentContainerStyle={t.emptyContainer}showsVerticalScrollIndicator={!1}>
-          <C style={t.emptyIconCircle}>
-            <Oe size={38}color={e.greenColor}/>
-          </C>
-          <T style={t.emptyTitle}>
-            {B.length>0?"No matching crash entries":z!=="all"||!$(w)?"No crashes match filters":S("crash.emptyTitle")}
-          </T>
-          <T style={t.emptySub}>
-            {B?`No crash entries matched "${B}"`:z!=="all"||!$(w)?"Try adjusting your filters or search keywords.":S("crash.emptySubtitle")}
+      {L.length===0?<_ contentContainerStyle={r.emptyContainer}showsVerticalScrollIndicator={!1}>
+          <T style={r.emptyIconCircle}>
+            <Tr size={38}color={e.greenColor}/>
           </T>
-          {(B.length>0||z!=="all"||!$(w))&&<M onPress={()=>{E(""),U("all"),Q(K)}}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>}
-        </J>:<>
-          <Ce ref={P}data={H.slice(0,A)}keyExtractor={r=>r.id}renderItem={te}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}contentContainerStyle={t.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={H.length>0?<Ve count={Math.min(A,H.length)}totalCount={H.length}label="crashes"loadMoreStep={X}hasMore={H.length>A}onLoadMore={()=>_(r=>r+X)}/>: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}/>
         </>}
 
       
-      <He visible={Y}onClose={()=>q(!1)}filters={w}onApply={Q}searchQuery={B}/>
+      <_e visible={ze}onClose={()=>X(!1)}filters={S}onApply={K}searchQuery={z}/>
 
-      <Le visible={Z}title={S("crash.clearTitle","Clear Crash Records")}message={S("crash.clearMessage","Are you sure you want to clear all intercepted crash records?")}confirmText={S("crash.clearConfirm","Clear All")}cancelText={S("crash.clearCancel","Cancel")}isDestructive={!0}icon="trash"onConfirm={()=>{N(!1),ve()}}onCancel={()=>N(!1)}/>
-    </C>});export default Tt;const t=be.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}});
+      <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}});