react-native-inapp-inspector 2.5.12 → 2.5.14

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

@@ -1,5 +1,5 @@
-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]}>
+import Pe,{useCallback as He,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 P 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 B}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 Pr}from"../NetworkIcons";const Hr=w=>{const H=Date.now(),N=Math.max(0,H-w),$=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=Pe.memo(()=>{const{t:w}=je(),{crashRecords:H,setSelectedCrash:N,maxCrashLogs:$}=Ee(),j=$||50,D=Le(null),[E,Q]=A(j),[z,G]=A(""),[F,q]=A("all"),[k,K]=A(Z),[ze,X]=A(!1),[Ve,U]=A(!1);$e(()=>{Q($||50),D.current?.scrollToOffset({offset:0,animated:!1})},[z,F,k,$]);const V=Y(()=>{const t=H.length;let x=0,S=0,R=0,I=0,O=0;return H.forEach(W=>{W.isFatal&&x++,W.type==="js"?S++:W.type==="promise"?R++:W.type==="render"?I++:W.type==="native"&&O++}),{total:t,fatalCount:x,jsCount:S,promiseCount:R,renderCount:I,nativeCount:O}},[H]),L=Y(()=>{let t=H.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"||k.types.size>0&&!k.types.has("all")&&!(k.types.has("fatal")&&x.isFatal||k.types.has("js")&&x.type==="js"||k.types.has("promise")&&x.type==="promise"||k.types.has("render")&&x.type==="render"||k.types.has("native")&&x.type==="native"))return!1;if(k.timeWindow!=="all"){const S=Date.now(),R=k.timeWindow==="15m"?S-900*1e3:k.timeWindow==="1h"?S-3600*1e3:k.timeWindow==="24h"?S-1440*60*1e3:S-10080*60*1e3;if(x.timestamp<R)return!1}if(k.platform!=="all"&&(x.deviceInfo?.platform||"").toLowerCase()!==k.platform)return!1;if(k.engine!=="all"){const S=x.deviceInfo?.isHermes;if(k.engine==="hermes"&&S!==!0||k.engine==="jsc"&&S===!0)return!1}if(z.trim().length>0){const S=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 S.every(I=>R.includes(I))}return!0});return k.sortBy==="time_asc"&&(t=[...t].sort((x,S)=>x.timestamp-S.timestamp)),t},[H,F,z,k]),Fe=()=>{U(!0)},Re=He(({item:t,index:x})=>{const S=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}>
+          <P onPress={()=>{N(t)}}style={[r.cardContainer,S&&r.fatalCardBorder]}>
             
             <T style={r.cardHeader}>
               <T style={r.badgeRow}>
@@ -7,11 +7,11 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
                   <C style={r.sNoBadgeText}>#{x+1}</C>
                 </T>
 
-                {w?<T style={r.fatalBadge}>
+                {S?<T style={r.fatalBadge}>
                     <Sr size={10}color={e.white}/>
-                    <C style={r.fatalBadgeText}>{B("crash.fatalBadge")}</C>
+                    <C style={r.fatalBadgeText}>{w("crash.fatalBadge")}</C>
                   </T>:<T style={r.caughtBadge}>
-                    <C style={r.caughtBadgeText}>{B("crash.handledBadge")}</C>
+                    <C style={r.caughtBadgeText}>{w("crash.handledBadge")}</C>
                   </T>}
 
                 <T style={[r.typeBadge,{backgroundColor:O}]}>
@@ -27,15 +27,15 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
                   {t.timeStr||new Date(t.timestamp).toLocaleTimeString()}
                 </C>
                 <C style={r.relativeTimeText}>
-                  {Pr(t.timestamp)}
+                  {Hr(t.timestamp)}
                 </C>
-                <Hr size={13}color={e.grayTextWeak}/>
+                <Pr size={13}color={e.grayTextWeak}/>
               </T>
             </T>
 
             
             <T style={{marginVertical:6}}>
-              <Ge text={t.message||B("crash.unknownException")}highlight={z}numberOfLines={3}style={r.errorMessageText}/>
+              <Ge text={t.message||w("crash.unknownException")}highlight={z}numberOfLines={3}style={r.errorMessageText}/>
             </T>
 
             
@@ -43,7 +43,7 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
                 <Ze size={12}color={e.grayTextWeak}/>
                 <C numberOfLines={1}ellipsizeMode="middle"style={r.locationText}>
                   {I.method!=="<anonymous>"?`${I.method} `:""}
-                  <C style={{color:e.purple,fontFamily:k.interBold}}>
+                  <C style={{color:e.purple,fontFamily:B.interBold}}>
                     {I.file}:{I.lineNumber}
                   </C>
                 </C>
@@ -83,50 +83,50 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
                   </T>}
               </T>
             </T>
-          </H>
+          </P>
         </Ne>},[z,N]);return<T style={r.container}>
-      {P.length>0&&<>
+      {H.length>0&&<>
           
           <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>
+                <C style={r.statChipLabel}>{w("crash.statCrashes")}</C>
               </T>
 
               <T style={r.statChip}>
                 <C style={[r.statChipValue,{color:e.errorColor}]}>
                   {V.fatalCount}
                 </C>
-                <C style={r.statChipLabel}>{B("crash.statFatal")}</C>
+                <C style={r.statChipLabel}>{w("crash.statFatal")}</C>
               </T>
 
               <T style={r.statChip}>
                 <C style={[r.statChipValue,{color:e.offerPurple}]}>
                   {V.jsCount}
                 </C>
-                <C style={r.statChipLabel}>{B("crash.statJsErrors")}</C>
+                <C style={r.statChipLabel}>{w("crash.statJsErrors")}</C>
               </T>
 
               <T style={r.statChip}>
                 <C style={[r.statChipValue,{color:e.darkOrange}]}>
                   {V.promiseCount}
                 </C>
-                <C style={r.statChipLabel}>{B("crash.statPromises")}</C>
+                <C style={r.statChipLabel}>{w("crash.statPromises")}</C>
               </T>
 
               <T style={r.statChip}>
                 <C style={[r.statChipValue,{color:e.purple}]}>
                   {V.renderCount}
                 </C>
-                <C style={r.statChipLabel}>{B("crash.statRender")}</C>
+                <C style={r.statChipLabel}>{w("crash.statRender")}</C>
               </T>
 
               <T style={r.statChip}>
                 <C style={[r.statChipValue,{color:e.skyBlue}]}>
                   {V.nativeCount}
                 </C>
-                <C style={r.statChipLabel}>{B("crash.statNative")}</C>
+                <C style={r.statChipLabel}>{w("crash.statNative")}</C>
               </T>
             </_>
           </T>
@@ -136,10 +136,10 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
             <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}/>
+                <Ae value={z}onChangeText={G}placeholder={w("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}}>
+                      <C style={{color:e.purple,fontSize:9.5,fontFamily:B.interBold}}>
                         {L.length}
                       </C>
                     </T>
@@ -150,15 +150,15 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
               </T>
 
               
-              <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>
+              <P onPress={()=>X(!0)}style={[r.filterButton,!M(k)&&{borderColor:`${e.brandPurple}60`,backgroundColor:`${e.brandPurple}15`}]}>
+                <Rr size={14}color={M(k)?e.grayTextStrong:e.brandPurple}/>
+                {!M(k)&&<T style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:e.darkOrange,borderWidth:1,borderColor:e.white}}/>}
+              </P>
 
               
-              <H onPress={Fe}style={r.clearButton}>
+              <P onPress={Fe}style={r.clearButton}>
                 <Ye size={14}color={e.errorColor}/>
-              </H>
+              </P>
             </T>
 
             <Je featureName="Crash & Exception Sentinel"/>
@@ -166,19 +166,19 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
             
             <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}}>
+                {[{key:"all",label:w("crash.filterAll"),Icon:er,count:V.total,themeColor:e.purple},{key:"fatal",label:w("crash.filterFatal"),Icon:kr,count:V.fatalCount,themeColor:e.errorColor},{key:"js",label:w("crash.filterJsError"),Icon:Ce,count:V.jsCount,themeColor:e.amber600},{key:"promise",label:w("crash.filterPromise"),Icon:Te,count:V.promiseCount,themeColor:e.orange600},{key:"render",label:w("crash.filterRender"),Icon:Se,count:V.renderCount,themeColor:e.violet600},{key:"native",label:w("crash.filterNative"),Icon:Be,count:V.nativeCount,themeColor:e.cyan600}].map(t=>{const x=F===t.key,S=t.themeColor||e.purple,R=x?e.white:S,I=t.Icon;return<P key={t.key}onPress={()=>q(t.key)}>
+                      <T style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:x?S:`${S}12`,borderWidth:1,borderColor:x?S:`${S}30`,gap:5}}>
                         <I size={11}color={R}/>
-                        <C style={{fontFamily:k.interBold,fontSize:10.5,color:x?e.white:e.primaryBlack}}>
+                        <C style={{fontFamily:B.interBold,fontSize:10.5,color:x?e.white:e.primaryBlack}}>
                           {t.label}
                         </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 style={{backgroundColor:x?"rgba(255,255,255,0.25)":`${S}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
+                          <C style={{fontFamily:B.interBold,fontSize:9.5,color:x?e.white:S}}>
                             {t.count}
                           </C>
                         </T>
                       </T>
-                    </H>})}
+                    </P>})}
               </_>
             </T>
           </T>
@@ -190,47 +190,47 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
             <Tr size={38}color={e.greenColor}/>
           </T>
           <C style={r.emptyTitle}>
-            {z.length>0?"No matching crash entries":F!=="all"||!M(S)?"No crashes match filters":B("crash.emptyTitle")}
+            {z.length>0?"No matching crash entries":F!=="all"||!M(k)?"No crashes match filters":w("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")}
+            {z?`No crash entries matched "${z}"`:F!=="all"||!M(k)?"Try adjusting your filters or search keywords.":w("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
+          {z.length>0||F!=="all"||!M(k)?<P onPress={()=>{G(""),q("all"),K(Z)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:e.purple}}>
+              <C style={{fontFamily:B.interBold,fontSize:11.5,color:e.white}}>
+                {w("common.clearSearchFilters","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
+            </P>:<T style={{marginTop:18,alignItems:"center",width:"100%",paddingHorizontal:16}}>
+              <C style={{fontFamily:B.interBold,fontSize:10.5,color:e.grayText,letterSpacing:.6,marginBottom:10}}>
+                {w("crash.testCrashSentinel","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}}>
+                <P 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 style={{fontFamily:B.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    {w("crash.simulateJsCrash","Simulate JS Crash")}
                   </C>
-                </H>
+                </P>
 
-                <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}}>
+                <P 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 style={{fontFamily:B.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    {w("crash.simulateNativeCrash","Simulate Native Crash")}
                   </C>
-                </H>
+                </P>
 
-                <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}}>
+                <P 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 style={{fontFamily:B.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    {w("crash.simulatePromise","Simulate Promise")}
                   </C>
-                </H>
+                </P>
 
-                <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}}>
+                <P 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 style={{fontFamily:B.interBold,fontSize:10.5,color:e.primaryBlack}}>
+                    {w("crash.simulateRender","Simulate Render")}
                   </C>
-                </H>
+                </P>
               </T>
             </T>}
         </_>:<>
@@ -238,7 +238,7 @@ import He,{useCallback as Pe,useEffect as $e,useMemo as Y,useRef as Le,useState
         </>}
 
       
-      <_e visible={ze}onClose={()=>X(!1)}filters={S}onApply={K}searchQuery={z}/>
+      <_e visible={ze}onClose={()=>X(!1)}filters={k}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}});
+      <Qe visible={Ve}title={w("crash.clearTitle","Clear Crash Records")}message={w("crash.clearMessage","Are you sure you want to clear all intercepted crash records?")}confirmText={w("crash.clearConfirm","Clear All")}cancelText={w("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:B.interBold,fontSize:13,color:e.primaryBlack},statChipLabel:{fontFamily:B.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:B.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:B.interMedium,fontSize:12,color:e.grayText},filterChipTextActive:{fontFamily:B.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:B.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:B.interBold,fontSize:9.5,color:e.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${e.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:B.interBold,fontSize:9.5,color:e.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:B.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:B.interRegular,fontSize:11,color:e.grayTextWeak},relativeTimeText:{fontFamily:B.interBold,fontSize:10,color:e.grayTextWeak,backgroundColor:e.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:B.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:B.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:B.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:B.interBold,fontSize:17,color:e.primaryBlack,marginBottom:6},emptySub:{fontFamily:B.interRegular,fontSize:13,color:e.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});