react-native-inapp-inspector 2.3.24 → 2.4.0

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

@@ -1,129 +1,71 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(r,t,a,n){n===void 0&&(n=a);var i=Object.getOwnPropertyDescriptor(t,a);(!i||("get"in i?!t.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return t[a]}}),Object.defineProperty(r,n,i)}):(function(r,t,a,n){n===void 0&&(n=a),r[n]=t[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(r,t){Object.defineProperty(r,"default",{enumerable:!0,value:t})}):function(r,t){r.default=t}),__importStar=this&&this.__importStar||(function(){var r=function(t){return r=Object.getOwnPropertyNames||function(a){var n=[];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(n[n.length]=i);return n},r(t)};return function(t){if(t&&t.__esModule)return t;var a={};if(t!=null)for(var n=r(t),i=0;i<n.length;i++)n[i]!=="default"&&__createBinding(a,t,n[i]);return __setModuleDefault(a,t),a}})(),__importDefault=this&&this.__importDefault||function(r){return r&&r.__esModule?r:{default:r}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),ConsoleTab=react_1.default.memo(()=>{const{t:r}=(0,i18n_1.useTranslation)(),{logSearch:t,setLogSearch:a,logSortOrder:n,setLogSortOrder:i,handleDelete:A,logFilters:s,setLogFilters:p,logCounts:c,filteredConsoleLogs:d,visibleConsoleLogs:g,isConsolePaused:C,setIsConsolePaused:_}=(0,InspectorContext_1.useInspector)(),y=(0,react_1.useRef)(null),b=(0,react_1.useCallback)(({item:e,index:l})=><AnimatedEntrance_1.default index={l}distance={8}>
-        <ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={t}/>
-      </AnimatedEntrance_1.default>,[t]),S=(0,react_1.useCallback)((e,l)=>e?.id?.toString()??l.toString(),[]),m=(0,react_1.useMemo)(()=>{const e=g.length,l=d.length;if(s.has("all")||!Array.from(s).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),ConsoleTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:I,logFilters:c,setLogFilters:A,logCounts:_,filteredConsoleLogs:s,visibleConsoleLogs:m}=(0,InspectorContext_1.useInspector)(),v=(0,react_1.useRef)(null),[b,x]=react_1.default.useState(100),S=(0,react_1.useMemo)(()=>s.slice(0,b),[s,b]),L=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
+        <ConsoleLogCard_1.ConsoleLogCard item={e}searchStr={o}/>
+      </AnimatedEntrance_1.default>,[o]),V=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),F=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),z=(0,react_1.useMemo)(()=>{const e=m.length,r=s.length;if(c.has("all")||!Array.from(c).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
-            {l===e?`Showing ${e} logs`:`Showing ${l} of ${e} logs`}
+            {r===e?`Showing ${e} logs`:`Showing ${r} of ${e} logs`}
           </react_native_1.Text>
-        </react_native_1.View>;{const h=Array.from(s).filter(u=>u!=="all").map(u=>u==="user-log"?"Log":u==="analytics"?"Analytics":u.charAt(0).toUpperCase()+u.slice(1));return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
+        </react_native_1.View>;{const h=Array.from(c).filter(C=>C!=="all").map(C=>C==="user-log"?"Log":C==="analytics"?"Analytics":C.charAt(0).toUpperCase()+C.slice(1));return<react_native_1.View style={{paddingHorizontal:12,paddingTop:8,paddingBottom:3}}>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
-            Filtered by {h.join(", ")} ({l} of {e} logs)
+            Filtered by {h.join(", ")} ({r} of {e} logs)
           </react_native_1.Text>
-        </react_native_1.View>}},[g.length,d.length,s]),[f,w]=react_1.default.useState(!1),T=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]","[WARN]","[ERROR]","[SUCCESS]"],[]);return<react_native_1.View style={{flex:1}}>
+        </react_native_1.View>}},[m.length,s.length,c]),[w,T]=react_1.default.useState(!1),P=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),B=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:t("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:t("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:t("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:t("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:t("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:t("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,t]);return<react_native_1.View style={{flex:1}}>
       <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
         <react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <react_native_1.View style={[styles_1.default.searchContainer,f&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
-            <NetworkIcons_1.SearchIcon color={f?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
-            <react_native_1.TextInput placeholder={r("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={t}onChangeText={a}onFocus={()=>w(!0)}onBlur={()=>w(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
-            {t.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+          <react_native_1.View style={[styles_1.default.searchContainer,w&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+            <NetworkIcons_1.SearchIcon color={w?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
+            <react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>T(!0)}onBlur={()=>T(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+            {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                    {d.length}
+                    {s.length}
                   </react_native_1.Text>
                 </react_native_1.View>
-                <react_native_1.Pressable onPress={()=>a("")}hitSlop={10}style={styles_1.default.clearBtn}>
+                <react_native_1.Pressable onPress={()=>l("")}hitSlop={10}style={styles_1.default.clearBtn}>
                   <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
                 </react_native_1.Pressable>
               </react_native_1.View>}
           </react_native_1.View>
 
           <react_native_1.View style={styles_1.default.toolbarRight}>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,C&&{borderColor:`${AppColors_1.AppColors.darkOrange}50`,backgroundColor:`${AppColors_1.AppColors.darkOrange}18`}]}onPress={()=>_(e=>!e)}hitSlop={6}>
-              <NetworkIcons_1.HeaderPauseIcon isPaused={C}color={C?AppColors_1.AppColors.darkOrange:AppColors_1.AppColors.grayTextStrong}size={16}/>
-            </TouchableScale_1.default>
-            <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>i(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
+            <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>a(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
               <NetworkIcons_1.SortArrowIcon color={AppColors_1.AppColors.grayTextStrong}size={18}direction={n==="newest"?"down":"up"}/>
             </TouchableScale_1.default>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={A}hitSlop={6}>
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={I}hitSlop={6}>
               <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
 
         
-        {(f||t.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
-            {T.map(e=>{const l=t.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{a(l?o=>o.replace(e,"").trim():o=>o?`${o} ${e}`.trim():e)}}>
-                  <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:l?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:l?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}30`}}>
-                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:l?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
+        {(w||o.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:16,flexDirection:"row",alignItems:"center",gap:6}}>
+            {P.map(e=>{const r=o.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?i=>i.replace(e,"").trim():i=>i?`${i} ${e}`.trim():e)}}>
+                  <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}30`}}>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                       {e}
                     </react_native_1.Text>
                   </react_native_1.View>
                 </TouchableScale_1.default>})}
           </react_native_1.ScrollView>}
 
-        <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginVertical:4,maxHeight:46}}contentContainerStyle={{paddingHorizontal:16,paddingBottom:4,flexDirection:"row",alignItems:"center",gap:8}}>
-          
-          {(()=>{const e=s.has("all");return<TouchableScale_1.default onPress={()=>{p(new Set(["all"]))}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.indigo600Alt:AppColors_1.AppColors.indigo50,borderColor:e?AppColors_1.AppColors.indigo600:AppColors_1.AppColors.indigo400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.indigo600Alt,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.LayersIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.indigo600Alt}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.indigo600Alt,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("common.all","All")} ({c.all})
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-
-          
-          {(()=>{const e=s.has("user-log");return<TouchableScale_1.default onPress={()=>{p(l=>{const o=new Set(l);return o.delete("all"),o.has("user-log")?o.delete("user-log"):o.add("user-log"),o.size===0&&o.add("all"),o})}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.teal600:AppColors_1.AppColors.teal100,borderColor:e?AppColors_1.AppColors.teal600:AppColors_1.AppColors.teal400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.teal600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.UserIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.teal600}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.teal600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("console.log","Log")} ({c["user-log"]})
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-
-          
-          {(()=>{const e=s.has("info");return<TouchableScale_1.default onPress={()=>{p(l=>{const o=new Set(l);return o.delete("all"),o.has("info")?o.delete("info"):o.add("info"),o.size===0&&o.add("all"),o})}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.sky600:AppColors_1.AppColors.sky100,borderColor:e?AppColors_1.AppColors.blue700:AppColors_1.AppColors.sky400,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.sky600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.InfoCircleIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.sky600}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.sky600,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("console.info","Info")} ({c.info})
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-
-          
-          {(()=>{const e=s.has("warn");return<TouchableScale_1.default onPress={()=>{p(l=>{const o=new Set(l);return o.delete("all"),o.has("warn")?o.delete("warn"):o.add("warn"),o.size===0&&o.add("all"),o})}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.amber600:AppColors_1.AppColors.amber100,borderColor:e?AppColors_1.AppColors.amber700:AppColors_1.AppColors.amber200,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.amber600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.WarningTriangleIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.amber700}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.amber800Warm,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("console.warning","Warn")} ({c.warn})
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-
-          
-          {(()=>{const e=s.has("error");return<TouchableScale_1.default onPress={()=>{p(l=>{const o=new Set(l);return o.delete("all"),o.has("error")?o.delete("error"):o.add("error"),o.size===0&&o.add("all"),o})}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.red500:AppColors_1.AppColors.red100,borderColor:e?AppColors_1.AppColors.red600:AppColors_1.AppColors.errorBorder,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.red500,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.ErrorCircleIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.red500}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.redErrorText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("console.error","Error")} ({c.error})
-                    </react_native_1.Text>
-                  </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-
-          
-          {(()=>{const e=s.has("analytics");return<TouchableScale_1.default onPress={()=>{p(l=>{const o=new Set(l);return o.delete("all"),o.has("analytics")?o.delete("analytics"):o.add("analytics"),o.size===0&&o.add("all"),o})}}>
-                <react_native_1.View style={[styles_1.default.statusFilterChip,{backgroundColor:e?AppColors_1.AppColors.violet600:AppColors_1.AppColors.purple100,borderColor:e?AppColors_1.AppColors.purple700:AppColors_1.AppColors.purple200,borderRadius:8,paddingHorizontal:10,paddingVertical:6},e&&{shadowColor:AppColors_1.AppColors.violet600,shadowOffset:{width:0,height:1},shadowOpacity:.28,shadowRadius:2.5,elevation:2}]}>
-                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:6}}>
-                    <NetworkIcons_1.AnalyticsIcon size={13}color={e?AppColors_1.AppColors.white:AppColors_1.AppColors.violet600}/>
-                    <react_native_1.Text numberOfLines={1}style={[styles_1.default.statusFilterText,{color:e?AppColors_1.AppColors.white:AppColors_1.AppColors.purpleText,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                      {r("console.analytics","Analytics")} ({c.analytics})
+        
+        <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+          <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+            {B.map(e=>{const r=e.id==="all"?c.has("all"):c.has(e.id)&&!c.has("all"),i=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:i,C=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>{e.id==="all"?A(new Set(["all"])):A(O=>{const y=new Set(O);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
+                  <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?i:`${i}12`,borderWidth:1,borderColor:r?i:`${i}30`,gap:5}}>
+                    <C size={11}color={h}/>
+                    <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
+                      {e.label}
                     </react_native_1.Text>
+                    <react_native_1.View style={{backgroundColor:r?"rgba(255,255,255,0.25)":`${i}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8}}>
+                      <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:r?AppColors_1.AppColors.white:i}}>
+                        {e.count}
+                      </react_native_1.Text>
+                    </react_native_1.View>
                   </react_native_1.View>
-                </react_native_1.View>
-              </TouchableScale_1.default>})()}
-        </react_native_1.ScrollView>
+                </TouchableScale_1.default>})}
+          </react_native_1.ScrollView>
+        </react_native_1.View>
       </react_native_1.View>
 
-      <react_native_1.FlatList ref={y}data={d}keyExtractor={S}ListHeaderComponent={m}renderItem={b}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={t.length>0||!s.has("all")}searchQuery={t}customTitle={t.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{a(""),p(new Set(["all"]))}}/>}ListFooterComponent={d.length>0?<EndOfListFooter_1.default count={d.length}label="logs"/>:null}contentContainerStyle={[styles_1.default.listContent,d.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <react_native_1.FlatList ref={v}data={S}keyExtractor={F}ListHeaderComponent={z}renderItem={L}getItemLayout={V}initialNumToRender={15}maxToRenderPerBatch={10}windowSize={9}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||!c.has("all")}searchQuery={o}customTitle={o.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),A(new Set(["all"]))}}/>}ListFooterComponent={s.length>0?<EndOfListFooter_1.default count={S.length}totalCount={s.length}label="logs"hasMore={S.length<s.length}onLoadMore={()=>x(e=>e+10)}/>:null}contentContainerStyle={[styles_1.default.listContent,s.length===0&&{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
     </react_native_1.View>});exports.default=ConsoleTab;

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,i){i===void 0&&(i=a);var o=Object.getOwnPropertyDescriptor(e,a);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,i,o)}):(function(t,e,a,i){i===void 0&&(i=a),t[i]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var i=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(i[i.length]=o);return i},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var i=t(e),o=0;o<i.length;o++)i[o]!=="default"&&__createBinding(a,e,i[o]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),NetworkIcons_1=require("../NetworkIcons"),CrashDetail=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{selectedCrash:e}=(0,InspectorContext_1.useInspector)(),[a,i]=(0,react_1.useState)("stack"),[o,g]=(0,react_1.useState)(""),[n,C]=(0,react_1.useState)("app"),[p,y]=(0,react_1.useState)(!1),[m,_]=(0,react_1.useState)(null);if(!e)return null;const s=(0,react_1.useMemo)(()=>e.parsedStack&&e.parsedStack.length>0?e.parsedStack:e.stack?(0,crashHandler_1.parseCrashStackTrace)(e.stack):[],[e]),T=(0,react_1.useMemo)(()=>{try{return JSON.parse(JSON.stringify(e))}catch{return e}},[e]),c=(0,react_1.useMemo)(()=>s.filter(r=>r.isAppCode),[s]),f=(0,react_1.useMemo)(()=>n==="app"&&c.length>0?c:s,[n,c,s]),d=(0,react_1.useMemo)(()=>c[0]||s[0]||null,[c,s]),h=()=>{const r=(0,crashHandler_1.exportCrashReport)(e);(0,helpers_1.copyToClipboard)(r,"Crash Report"),y(!0),setTimeout(()=>y(!1),2e3)},x=(r,l)=>{const u=r.raw||`${r.method}@${r.file}:${r.lineNumber}:${r.column}`;(0,helpers_1.copyToClipboard)(u,"Stack Frame"),_(l),setTimeout(()=>_(null),1500)},b=[{key:"stack",label:t("crash.tabStack",{count:s.length}),icon:r=><NetworkIcons_1.StackTraceIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"diagnostics",label:t("crash.tabDiagnostics"),icon:r=><NetworkIcons_1.DiagnosticsIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"breadcrumbs",label:t("crash.tabTrail",{count:e.breadcrumbs?.length||0}),icon:r=><NetworkIcons_1.TrailIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"raw",label:t("crash.tabRawJson"),icon:r=><NetworkIcons_1.RawJsonIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,e,a,i){i===void 0&&(i=a);var o=Object.getOwnPropertyDescriptor(e,a);(!o||("get"in o?!e.__esModule:o.writable||o.configurable))&&(o={enumerable:!0,get:function(){return e[a]}}),Object.defineProperty(t,i,o)}):(function(t,e,a,i){i===void 0&&(i=a),t[i]=e[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,e){Object.defineProperty(t,"default",{enumerable:!0,value:e})}):function(t,e){t.default=e}),__importStar=this&&this.__importStar||(function(){var t=function(e){return t=Object.getOwnPropertyNames||function(a){var i=[];for(var o in a)Object.prototype.hasOwnProperty.call(a,o)&&(i[i.length]=o);return i},t(e)};return function(e){if(e&&e.__esModule)return e;var a={};if(e!=null)for(var i=t(e),o=0;o<i.length;o++)i[o]!=="default"&&__createBinding(a,e,i[o]);return __setModuleDefault(a,e),a}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),SegmentedTabs_1=__importDefault(require("../SegmentedTabs")),HighlightText_1=__importDefault(require("../HighlightText")),JsonViewer_1=__importDefault(require("../JsonViewer")),CopyButton_1=__importDefault(require("../CopyButton")),ShareButton_1=__importDefault(require("../ShareButton")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),NetworkIcons_1=require("../NetworkIcons"),CrashDetail=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{selectedCrash:e}=(0,InspectorContext_1.useInspector)(),[a,i]=(0,react_1.useState)("stack"),[o,g]=(0,react_1.useState)(""),[n,C]=(0,react_1.useState)("app"),[c,y]=(0,react_1.useState)(!1),[m,_]=(0,react_1.useState)(null);if(!e)return null;const s=(0,react_1.useMemo)(()=>e.parsedStack&&e.parsedStack.length>0?e.parsedStack:e.stack?(0,crashHandler_1.parseCrashStackTrace)(e.stack):[],[e]),h=(0,react_1.useMemo)(()=>{try{return JSON.parse(JSON.stringify(e))}catch{return e}},[e]),p=(0,react_1.useMemo)(()=>s.filter(r=>r.isAppCode),[s]),f=(0,react_1.useMemo)(()=>n==="app"&&p.length>0?p:s,[n,p,s]),d=(0,react_1.useMemo)(()=>p[0]||s[0]||null,[p,s]),T=()=>{const r=(0,crashHandler_1.exportCrashReport)(e);(0,helpers_1.copyToClipboard)(r,"Crash Report"),y(!0),setTimeout(()=>y(!1),2e3)},x=(r,l)=>{const u=r.raw||`${r.method}@${r.file}:${r.lineNumber}:${r.column}`;(0,helpers_1.copyToClipboard)(u,"Stack Frame"),_(l),setTimeout(()=>_(null),1500)},b=[{key:"stack",label:t("crash.tabStack",{count:s.length}),icon:r=><NetworkIcons_1.StackTraceIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"diagnostics",label:t("crash.tabDiagnostics"),icon:r=><NetworkIcons_1.DiagnosticsIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"breadcrumbs",label:t("crash.tabTrail",{count:e.breadcrumbs?.length||0}),icon:r=><NetworkIcons_1.TrailIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>},{key:"raw",label:t("crash.tabRawJson"),icon:r=><NetworkIcons_1.RawJsonIcon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayText}/>}];return<react_native_1.View style={{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground}}>
       
       <react_native_1.View style={{paddingHorizontal:8,paddingTop:6}}>
         <react_native_1.View style={localStyles.infoBar}>
@@ -22,10 +22,11 @@
             <react_native_1.View style={{flex:1}}/>
 
             
-            <TouchableScale_1.default onPress={h}hitSlop={10}style={[localStyles.actionButton,p&&{backgroundColor:AppColors_1.AppColors.mintGreenBg,borderColor:AppColors_1.AppColors.mintGreenBorder}]}>
-              {p?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.mintGreenText}size={12}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple}size={12}/>}
-              <react_native_1.Text style={[localStyles.actionButtonText,p&&{color:AppColors_1.AppColors.mintGreenText}]}>
-                {t(p?"crash.copied":"crash.copyReport")}
+            <ShareButton_1.default onShare={()=>(0,shareFormatter_1.shareCrashReport)(e)}/>
+            <TouchableScale_1.default onPress={T}hitSlop={10}style={[localStyles.actionButton,c&&{backgroundColor:AppColors_1.AppColors.mintGreenBg,borderColor:AppColors_1.AppColors.mintGreenBorder}]}>
+              {c?<NetworkIcons_1.CircleCheckIcon color={AppColors_1.AppColors.mintGreenText}size={12}/>:<NetworkIcons_1.CopyIcon color={AppColors_1.AppColors.purple}size={12}/>}
+              <react_native_1.Text style={[localStyles.actionButtonText,c&&{color:AppColors_1.AppColors.mintGreenText}]}>
+                {t(c?"crash.copied":"crash.copyReport")}
               </react_native_1.Text>
             </TouchableScale_1.default>
           </react_native_1.View>
@@ -86,7 +87,7 @@
               <TouchableScale_1.default onPress={()=>C("app")}style={[localStyles.filterChip,n==="app"&&localStyles.filterChipActive]}>
                 <NetworkIcons_1.AppFramesIcon size={12}color={n==="app"?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}/>
                 <react_native_1.Text style={[localStyles.filterChipText,n==="app"&&localStyles.filterChipTextActive]}>
-                  {t("crash.appFrames",{count:c.length})}
+                  {t("crash.appFrames",{count:p.length})}
                 </react_native_1.Text>
               </TouchableScale_1.default>
 
@@ -106,8 +107,8 @@
                             #{l+1}
                           </react_native_1.Text>
                         </react_native_1.View>
-                        <react_native_1.View style={[localStyles.frameTypeBadge,r.isAppCode?{backgroundColor:"#ECFDF5",borderColor:"#A7F3D0"}:{backgroundColor:"#F1F5F9",borderColor:"#E2E8F0"}]}>
-                          <react_native_1.Text style={[localStyles.frameTypeBadgeText,r.isAppCode?{color:"#059669"}:{color:"#64748B"}]}>
+                        <react_native_1.View style={[localStyles.frameTypeBadge,r.isAppCode?{backgroundColor:AppColors_1.AppColors.greenSuccessBg,borderColor:AppColors_1.AppColors.greenSuccessBorder}:{backgroundColor:AppColors_1.AppColors.slate100,borderColor:AppColors_1.AppColors.slate200}]}>
+                          <react_native_1.Text style={[localStyles.frameTypeBadgeText,r.isAppCode?{color:AppColors_1.AppColors.emerald600}:{color:AppColors_1.AppColors.slate500}]}>
                             {r.isAppCode?t("crash.frameApp"):t("crash.frameLib")}
                           </react_native_1.Text>
                         </react_native_1.View>
@@ -277,7 +278,7 @@
 
         
         {a==="raw"&&<react_native_1.View style={localStyles.rawContainer}>
-            <JsonViewer_1.default data={T}search={o}wrap/>
+            <JsonViewer_1.default data={h}search={o}wrap/>
           </react_native_1.View>}
       </react_native_1.ScrollView>
-    </react_native_1.View>});exports.default=CrashDetail;const localStyles=react_native_1.StyleSheet.create({infoBar:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2,gap:8},badgeRow:{flexDirection:"row",alignItems:"center",gap:8},pillBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:3,borderRadius:12,borderWidth:1,gap:5},statusDot:{width:6,height:6,borderRadius:3},pillBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},actionButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:8,paddingVertical:4,borderRadius:8},actionButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,lineHeight:19},metaRow:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},metaChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metaChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},filterChipsRow:{flexDirection:"row",alignItems:"center",gap:8},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},filterChipActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},filterChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},frameCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},originFrameCard:{borderColor:"#6EE7B7",backgroundColor:"#F0FDF4"},frameCardHeader:{flexDirection:"row",alignItems:"center",gap:8},frameIndexBadge:{minWidth:24,height:18,paddingHorizontal:4,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,alignItems:"center",justifyContent:"center"},frameIndexBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},frameTypeBadge:{paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},frameTypeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5},frameMethodText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,flex:1},frameLocationRow:{flexDirection:"row",alignItems:"center"},frameFileText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,flex:1},frameLineText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple},frameCopyBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},frameCopyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.grayText},frameRawText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:5,paddingHorizontal:7,paddingVertical:4,overflow:"hidden"},componentStackText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:16,color:AppColors_1.AppColors.grayText,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:6,padding:10},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:10},sectionCardHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionCardTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},diagGrid:{flexDirection:"row",flexWrap:"wrap",rowGap:8,columnGap:12},diagItem:{width:"47%",gap:2},diagLabel:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},diagValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},breadcrumbCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},breadcrumbHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},breadcrumbTag:{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},breadcrumbTime:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},breadcrumbMessage:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack,marginTop:2},rawContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyContainer:{padding:16,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,textAlign:"center"}});
+    </react_native_1.View>});exports.default=CrashDetail;const localStyles=react_native_1.StyleSheet.create({infoBar:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,shadowColor:AppColors_1.AppColors.black,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2,gap:8},badgeRow:{flexDirection:"row",alignItems:"center",gap:8},pillBadge:{flexDirection:"row",alignItems:"center",paddingHorizontal:8,paddingVertical:3,borderRadius:12,borderWidth:1,gap:5},statusDot:{width:6,height:6,borderRadius:3},pillBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.4},actionButton:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`,borderWidth:1,paddingHorizontal:8,paddingVertical:4,borderRadius:8},actionButtonText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:AppColors_1.AppColors.purple},titleText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:14,color:AppColors_1.AppColors.primaryBlack,lineHeight:19},metaRow:{flexDirection:"row",alignItems:"center",gap:6,paddingVertical:2},metaChip:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:7,paddingVertical:3,borderRadius:6,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},metaChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayText},searchContainer:{flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:8,paddingHorizontal:10,height:36,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:12,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},filterChipsRow:{flexDirection:"row",alignItems:"center",gap:8},filterChip:{flexDirection:"row",alignItems:"center",gap:5,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},filterChipActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},filterChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},frameCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},originFrameCard:{borderColor:AppColors_1.AppColors.greenMintBorder,backgroundColor:AppColors_1.AppColors.greenMintBg},frameCardHeader:{flexDirection:"row",alignItems:"center",gap:8},frameIndexBadge:{minWidth:24,height:18,paddingHorizontal:4,borderRadius:4,backgroundColor:`${AppColors_1.AppColors.purple}14`,alignItems:"center",justifyContent:"center"},frameIndexBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},frameTypeBadge:{paddingHorizontal:5,paddingVertical:2,borderRadius:4,borderWidth:1},frameTypeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:8.5},frameMethodText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12,color:AppColors_1.AppColors.primaryBlack,flex:1},frameLocationRow:{flexDirection:"row",alignItems:"center"},frameFileText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,flex:1},frameLineText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11,color:AppColors_1.AppColors.purple},frameCopyBtn:{flexDirection:"row",alignItems:"center",gap:3,paddingHorizontal:6,paddingVertical:3,borderRadius:5,backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.dividerColor},frameCopyBtnText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.grayText},frameRawText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:9.5,color:AppColors_1.AppColors.grayTextWeak,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:5,paddingHorizontal:7,paddingVertical:4,overflow:"hidden"},componentStackText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,lineHeight:16,color:AppColors_1.AppColors.grayText,backgroundColor:`${AppColors_1.AppColors.primaryBlack}06`,borderRadius:6,padding:10},sectionCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:10},sectionCardHeader:{flexDirection:"row",alignItems:"center",gap:6,paddingBottom:6,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor},sectionCardTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:12.5,color:AppColors_1.AppColors.primaryBlack},diagGrid:{flexDirection:"row",flexWrap:"wrap",rowGap:8,columnGap:12},diagItem:{width:"47%",gap:2},diagLabel:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},diagValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack},breadcrumbCard:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,gap:4},breadcrumbHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},breadcrumbTag:{backgroundColor:`${AppColors_1.AppColors.purple}14`,paddingHorizontal:6,paddingVertical:2,borderRadius:4},breadcrumbTagText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9,color:AppColors_1.AppColors.purple},breadcrumbTime:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},breadcrumbMessage:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11.5,color:AppColors_1.AppColors.primaryBlack,marginTop:2},rawContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:10,padding:10,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyContainer:{padding:16,alignItems:"center",justifyContent:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:8,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},emptyText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,textAlign:"center"}});

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

@@ -1,5 +1,5 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,s,l){l===void 0&&(l=s);var i=Object.getOwnPropertyDescriptor(o,s);(!i||("get"in i?!o.__esModule:i.writable||i.configurable))&&(i={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(t,l,i)}):(function(t,o,s,l){l===void 0&&(l=s),t[l]=o[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(s){var l=[];for(var i in s)Object.prototype.hasOwnProperty.call(s,i)&&(l[l.length]=i);return l},t(o)};return function(o){if(o&&o.__esModule)return o;var s={};if(o!=null)for(var l=t(o),i=0;i<l.length;i++)l[i]!=="default"&&__createBinding(s,o,l[i]);return __setModuleDefault(s,o),s}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),FeatureUnderDevNotice_1=__importDefault(require("./FeatureUnderDevNotice")),HighlightText_1=__importDefault(require("../HighlightText")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),CrashFilterModal_1=__importStar(require("./CrashFilterModal")),NetworkIcons_1=require("../NetworkIcons"),getRelativeTime=t=>{const o=Date.now(),s=Math.max(0,o-t),l=Math.floor(s/1e3),i=Math.floor(l/60),p=Math.floor(i/60),g=Math.floor(p/24);return l<60?`${l}s ago`:i<60?`${i}m ago`:p<24?`${p}h ago`:`${g}d ago`},CrashTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{crashRecords:o,selectedCrash:s,setSelectedCrash:l}=(0,InspectorContext_1.useInspector)(),i=(0,react_1.useRef)(null),[p,g]=(0,react_1.useState)(""),[d,_]=(0,react_1.useState)("all"),[a,T]=(0,react_1.useState)(CrashFilterModal_1.DEFAULT_CRASH_FILTERS),[w,x]=(0,react_1.useState)(!1),[v,S]=(0,react_1.useState)("stack"),f=(0,react_1.useMemo)(()=>{const e=o.length;let r=0,n=0,u=0,c=0,y=0;return o.forEach(C=>{C.isFatal&&r++,C.type==="js"?n++:C.type==="promise"?u++:C.type==="render"?c++:C.type==="native"&&y++}),{total:e,fatalCount:r,jsCount:n,promiseCount:u,renderCount:c,nativeCount:y}},[o]),h=(0,react_1.useMemo)(()=>{let e=o.filter(r=>{if(d==="fatal"&&!r.isFatal||d==="js"&&r.type!=="js"||d==="promise"&&r.type!=="promise"||d==="render"&&r.type!=="render"||d==="native"&&r.type!=="native"||a.types.size>0&&!a.types.has("all")&&!(a.types.has("fatal")&&r.isFatal||a.types.has("js")&&r.type==="js"||a.types.has("promise")&&r.type==="promise"||a.types.has("render")&&r.type==="render"||a.types.has("native")&&r.type==="native"))return!1;if(a.timeWindow!=="all"){const n=Date.now(),u=a.timeWindow==="15m"?n-900*1e3:a.timeWindow==="1h"?n-3600*1e3:a.timeWindow==="24h"?n-1440*60*1e3:n-10080*60*1e3;if(r.timestamp<u)return!1}if(a.platform!=="all"&&(r.deviceInfo?.platform||"").toLowerCase()!==a.platform)return!1;if(a.engine!=="all"){const n=r.deviceInfo?.isHermes;if(a.engine==="hermes"&&n!==!0||a.engine==="jsc"&&n===!0)return!1}if(p.trim().length>0){const n=p.trim().toLowerCase().split(/\s+/).filter(Boolean),u=[r.message||"",r.name||"",r.stack||"",r.type||"",r.deviceInfo?.platform||"",...(r.breadcrumbs||[]).map(c=>`${c.type||""} ${c.message||""}`)].join(" ").toLowerCase();return n.every(c=>u.includes(c))}return!0});return a.sortBy==="time_asc"&&(e=[...e].sort((r,n)=>r.timestamp-n.timestamp)),e},[o,d,p,a]),m=()=>{react_native_1.Alert.alert(t("crash.clearTitle"),t("crash.clearMessage"),[{text:t("crash.clearCancel"),style:"cancel"},{text:t("crash.clearConfirm"),style:"destructive",onPress:()=>(0,crashHandler_1.clearCrashRecords)()}])},b=(0,react_1.useCallback)(({item:e,index:r})=>{const n=e.isFatal,u=e.type.toUpperCase(),c=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(A=>A.isAppCode)||e.parsedStack[0]:null,y=e.type==="native"?`${AppColors_1.AppColors.errorColor}22`:e.type==="render"?`${AppColors_1.AppColors.purple}22`:e.type==="promise"?`${AppColors_1.AppColors.darkOrange}22`:`${AppColors_1.AppColors.offerPurple}22`,C=e.type==="native"?AppColors_1.AppColors.errorColor:e.type==="render"?AppColors_1.AppColors.purple:e.type==="promise"?AppColors_1.AppColors.darkOrange:AppColors_1.AppColors.offerPurple;return<AnimatedEntrance_1.default index={r}distance={8}>
-          <TouchableScale_1.default onPress={()=>{l(e)}}style={[localStyles.cardContainer,n&&localStyles.fatalCardBorder]}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,s,i){i===void 0&&(i=s);var n=Object.getOwnPropertyDescriptor(o,s);(!n||("get"in n?!o.__esModule:n.writable||n.configurable))&&(n={enumerable:!0,get:function(){return o[s]}}),Object.defineProperty(t,i,n)}):(function(t,o,s,i){i===void 0&&(i=s),t[i]=o[s]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(s){var i=[];for(var n in s)Object.prototype.hasOwnProperty.call(s,n)&&(i[i.length]=n);return i},t(o)};return function(o){if(o&&o.__esModule)return o;var s={};if(o!=null)for(var i=t(o),n=0;n<i.length;n++)i[n]!=="default"&&__createBinding(s,o,i[n]);return __setModuleDefault(s,o),s}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),i18n_1=require("../../i18n"),InspectorContext_1=require("./InspectorContext"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),FeatureUnderDevNotice_1=__importDefault(require("./FeatureUnderDevNotice")),HighlightText_1=__importDefault(require("../HighlightText")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),crashHandler_1=require("../../customHooks/crashHandler"),CrashFilterModal_1=__importStar(require("./CrashFilterModal")),NetworkIcons_1=require("../NetworkIcons"),getRelativeTime=t=>{const o=Date.now(),s=Math.max(0,o-t),i=Math.floor(s/1e3),n=Math.floor(i/60),T=Math.floor(n/60),g=Math.floor(T/24);return i<60?`${i}s ago`:n<60?`${n}m ago`:T<24?`${T}h ago`:`${g}d ago`},CrashTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{crashRecords:o,setSelectedCrash:s}=(0,InspectorContext_1.useInspector)(),i=(0,react_1.useRef)(null),[n,T]=(0,react_1.useState)(100),[g,x]=(0,react_1.useState)(""),[y,A]=(0,react_1.useState)("all"),[l,b]=(0,react_1.useState)(CrashFilterModal_1.DEFAULT_CRASH_FILTERS),[V,v]=(0,react_1.useState)(!1),f=(0,react_1.useMemo)(()=>{const e=o.length;let r=0,a=0,h=0,C=0,w=0;return o.forEach(m=>{m.isFatal&&r++,m.type==="js"?a++:m.type==="promise"?h++:m.type==="render"?C++:m.type==="native"&&w++}),{total:e,fatalCount:r,jsCount:a,promiseCount:h,renderCount:C,nativeCount:w}},[o]),_=(0,react_1.useMemo)(()=>{let e=o.filter(r=>{if(y==="fatal"&&!r.isFatal||y==="js"&&r.type!=="js"||y==="promise"&&r.type!=="promise"||y==="render"&&r.type!=="render"||y==="native"&&r.type!=="native"||l.types.size>0&&!l.types.has("all")&&!(l.types.has("fatal")&&r.isFatal||l.types.has("js")&&r.type==="js"||l.types.has("promise")&&r.type==="promise"||l.types.has("render")&&r.type==="render"||l.types.has("native")&&r.type==="native"))return!1;if(l.timeWindow!=="all"){const a=Date.now(),h=l.timeWindow==="15m"?a-900*1e3:l.timeWindow==="1h"?a-3600*1e3:l.timeWindow==="24h"?a-1440*60*1e3:a-10080*60*1e3;if(r.timestamp<h)return!1}if(l.platform!=="all"&&(r.deviceInfo?.platform||"").toLowerCase()!==l.platform)return!1;if(l.engine!=="all"){const a=r.deviceInfo?.isHermes;if(l.engine==="hermes"&&a!==!0||l.engine==="jsc"&&a===!0)return!1}if(g.trim().length>0){const a=g.trim().toLowerCase().split(/\s+/).filter(Boolean),h=[r.message||"",r.name||"",r.stack||"",r.type||"",r.deviceInfo?.platform||"",...(r.breadcrumbs||[]).map(C=>`${C.type||""} ${C.message||""}`)].join(" ").toLowerCase();return a.every(C=>h.includes(C))}return!0});return l.sortBy==="time_asc"&&(e=[...e].sort((r,a)=>r.timestamp-a.timestamp)),e},[o,y,g,l]),S=()=>{react_native_1.Alert.alert(t("crash.clearTitle"),t("crash.clearMessage"),[{text:t("crash.clearCancel"),style:"cancel"},{text:t("crash.clearConfirm"),style:"destructive",onPress:()=>(0,crashHandler_1.clearCrashRecords)()}])},F=(0,react_1.useCallback)(({item:e,index:r})=>{const a=e.isFatal,h=e.type.toUpperCase(),C=e.parsedStack&&e.parsedStack.length>0?e.parsedStack.find(I=>I.isAppCode)||e.parsedStack[0]:null,w=e.type==="native"?`${AppColors_1.AppColors.errorColor}22`:e.type==="render"?`${AppColors_1.AppColors.purple}22`:e.type==="promise"?`${AppColors_1.AppColors.darkOrange}22`:`${AppColors_1.AppColors.offerPurple}22`,m=e.type==="native"?AppColors_1.AppColors.errorColor:e.type==="render"?AppColors_1.AppColors.purple:e.type==="promise"?AppColors_1.AppColors.darkOrange:AppColors_1.AppColors.offerPurple;return<AnimatedEntrance_1.default index={r}distance={8}>
+          <TouchableScale_1.default onPress={()=>{s(e)}}style={[localStyles.cardContainer,a&&localStyles.fatalCardBorder]}>
             
             <react_native_1.View style={localStyles.cardHeader}>
               <react_native_1.View style={localStyles.badgeRow}>
@@ -7,16 +7,16 @@
                   <react_native_1.Text style={localStyles.sNoBadgeText}>#{r+1}</react_native_1.Text>
                 </react_native_1.View>
 
-                {n?<react_native_1.View style={localStyles.fatalBadge}>
+                {a?<react_native_1.View style={localStyles.fatalBadge}>
                     <NetworkIcons_1.FlameIcon size={10}color={AppColors_1.AppColors.white}/>
                     <react_native_1.Text style={localStyles.fatalBadgeText}>{t("crash.fatalBadge")}</react_native_1.Text>
                   </react_native_1.View>:<react_native_1.View style={localStyles.caughtBadge}>
                     <react_native_1.Text style={localStyles.caughtBadgeText}>{t("crash.handledBadge")}</react_native_1.Text>
                   </react_native_1.View>}
 
-                <react_native_1.View style={[localStyles.typeBadge,{backgroundColor:y}]}>
-                  <react_native_1.Text style={[localStyles.typeBadgeText,{color:C}]}>
-                    {u}
+                <react_native_1.View style={[localStyles.typeBadge,{backgroundColor:w}]}>
+                  <react_native_1.Text style={[localStyles.typeBadgeText,{color:m}]}>
+                    {h}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -29,21 +29,22 @@
                 <react_native_1.Text style={localStyles.relativeTimeText}>
                   {getRelativeTime(e.timestamp)}
                 </react_native_1.Text>
+                <NetworkIcons_1.ForwardChevronIcon size={13}color={AppColors_1.AppColors.grayTextWeak}/>
               </react_native_1.View>
             </react_native_1.View>
 
             
             <react_native_1.View style={{marginVertical:6}}>
-              <HighlightText_1.default text={e.message||t("crash.unknownException")}highlight={p}numberOfLines={3}style={localStyles.errorMessageText}/>
+              <HighlightText_1.default text={e.message||t("crash.unknownException")}highlight={g}numberOfLines={3}style={localStyles.errorMessageText}/>
             </react_native_1.View>
 
             
-            {c&&<react_native_1.View style={localStyles.locationRow}>
+            {C&&<react_native_1.View style={localStyles.locationRow}>
                 <NetworkIcons_1.TerminalIcon size={12}color={AppColors_1.AppColors.grayTextWeak}/>
                 <react_native_1.Text numberOfLines={1}ellipsizeMode="middle"style={localStyles.locationText}>
-                  {c.method!=="<anonymous>"?`${c.method} `:""}
+                  {C.method!=="<anonymous>"?`${C.method} `:""}
                   <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                    {c.file}:{c.lineNumber}
+                    {C.file}:{C.lineNumber}
                   </react_native_1.Text>
                 </react_native_1.Text>
               </react_native_1.View>}
@@ -83,7 +84,7 @@
               </react_native_1.View>
             </react_native_1.View>
           </TouchableScale_1.default>
-        </AnimatedEntrance_1.default>},[p,l]);return<react_native_1.View style={localStyles.container}>
+        </AnimatedEntrance_1.default>},[g,s]);return<react_native_1.View style={localStyles.container}>
       {o.length>0&&<>
           
           <react_native_1.View style={localStyles.statsBar}>
@@ -135,27 +136,27 @@
             <react_native_1.View style={localStyles.searchRow}>
               <react_native_1.View style={localStyles.searchInputWrapper}>
                 <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
-                <react_native_1.TextInput value={p}onChangeText={g}placeholder={t("crash.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={localStyles.searchInput}autoCapitalize="none"autoCorrect={!1}/>
-                {p.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
+                <react_native_1.TextInput value={g}onChangeText={x}placeholder={t("crash.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}style={localStyles.searchInput}autoCapitalize="none"autoCorrect={!1}/>
+                {g.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                     <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:1.5}}>
                       <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:9.5,fontFamily:AppFonts_1.AppFonts.interBold}}>
-                        {h.length}
+                        {_.length}
                       </react_native_1.Text>
                     </react_native_1.View>
-                    <react_native_1.TouchableOpacity onPress={()=>g("")}hitSlop={8}>
+                    <react_native_1.TouchableOpacity onPress={()=>x("")}hitSlop={8}>
                       <NetworkIcons_1.ClearIcon color={AppColors_1.AppColors.grayTextWeak}size={14}/>
                     </react_native_1.TouchableOpacity>
                   </react_native_1.View>}
               </react_native_1.View>
 
               
-              <TouchableScale_1.default onPress={()=>x(!0)}style={[localStyles.filterButton,!(0,CrashFilterModal_1.isCrashFiltersDefault)(a)&&{borderColor:`${AppColors_1.AppColors.brandPurple}60`,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`}]}>
-                <NetworkIcons_1.FilterIcon size={14}color={(0,CrashFilterModal_1.isCrashFiltersDefault)(a)?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.brandPurple}/>
-                {!(0,CrashFilterModal_1.isCrashFiltersDefault)(a)&&<react_native_1.View style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:AppColors_1.AppColors.darkOrange,borderWidth:1,borderColor:AppColors_1.AppColors.white}}/>}
+              <TouchableScale_1.default onPress={()=>v(!0)}style={[localStyles.filterButton,!(0,CrashFilterModal_1.isCrashFiltersDefault)(l)&&{borderColor:`${AppColors_1.AppColors.brandPurple}60`,backgroundColor:`${AppColors_1.AppColors.brandPurple}15`}]}>
+                <NetworkIcons_1.FilterIcon size={14}color={(0,CrashFilterModal_1.isCrashFiltersDefault)(l)?AppColors_1.AppColors.grayTextStrong:AppColors_1.AppColors.brandPurple}/>
+                {!(0,CrashFilterModal_1.isCrashFiltersDefault)(l)&&<react_native_1.View style={{position:"absolute",top:2,right:2,width:7,height:7,borderRadius:3.5,backgroundColor:AppColors_1.AppColors.darkOrange,borderWidth:1,borderColor:AppColors_1.AppColors.white}}/>}
               </TouchableScale_1.default>
 
               
-              <TouchableScale_1.default onPress={m}style={localStyles.clearButton}>
+              <TouchableScale_1.default onPress={S}style={localStyles.clearButton}>
                 <NetworkIcons_1.TrashIcon size={14}color={AppColors_1.AppColors.errorColor}/>
               </TouchableScale_1.default>
             </react_native_1.View>
@@ -163,37 +164,46 @@
             <FeatureUnderDevNotice_1.default featureName="Crash & Exception Sentinel"/>
 
             
-            <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}contentContainerStyle={localStyles.filterScrollContent}>
-              {[{key:"all",label:t("crash.filterAll"),Icon:NetworkIcons_1.LayersIcon},{key:"fatal",label:t("crash.filterFatal"),Icon:NetworkIcons_1.SkullIcon},{key:"js",label:t("crash.filterJsError"),Icon:NetworkIcons_1.JsIcon},{key:"promise",label:t("crash.filterPromise"),Icon:NetworkIcons_1.HourglassIcon},{key:"render",label:t("crash.filterRender"),Icon:NetworkIcons_1.LayoutIcon},{key:"native",label:t("crash.filterNative"),Icon:NetworkIcons_1.ChipIcon}].map(e=>{const r=d===e.key;return<react_native_1.TouchableOpacity key={e.key}onPress={()=>_(e.key)}style={[localStyles.filterChip,r&&localStyles.filterChipActive]}>
-                    <e.Icon size={12}color={r?AppColors_1.AppColors.white:AppColors_1.AppColors.grayTextStrong}/>
-                    <react_native_1.Text style={[localStyles.filterChipText,r&&localStyles.filterChipTextActive]}>
-                      {e.label}
-                    </react_native_1.Text>
-                  </react_native_1.TouchableOpacity>})}
-            </react_native_1.ScrollView>
+            <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:12,gap:6}}>
+              <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
+                {[{key:"all",label:t("crash.filterAll"),Icon:NetworkIcons_1.LayersIcon,count:f.total,themeColor:AppColors_1.AppColors.purple},{key:"fatal",label:t("crash.filterFatal"),Icon:NetworkIcons_1.SkullIcon,count:f.fatalCount,themeColor:AppColors_1.AppColors.errorColor},{key:"js",label:t("crash.filterJsError"),Icon:NetworkIcons_1.JsIcon,count:f.jsCount,themeColor:AppColors_1.AppColors.amber600},{key:"promise",label:t("crash.filterPromise"),Icon:NetworkIcons_1.HourglassIcon,count:f.promiseCount,themeColor:AppColors_1.AppColors.orange600},{key:"render",label:t("crash.filterRender"),Icon:NetworkIcons_1.LayoutIcon,count:f.renderCount,themeColor:AppColors_1.AppColors.violet600},{key:"native",label:t("crash.filterNative"),Icon:NetworkIcons_1.ChipIcon,count:f.nativeCount,themeColor:AppColors_1.AppColors.cyan600}].map(e=>{const r=y===e.key,a=e.themeColor||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:a,C=e.Icon;return<TouchableScale_1.default key={e.key}onPress={()=>A(e.key)}>
+                      <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?a:`${a}12`,borderWidth:1,borderColor:r?a:`${a}30`,gap:5}}>
+                        <C size={11}color={h}/>
+                        <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
+                          {e.label}
+                        </react_native_1.Text>
+                        <react_native_1.View style={{backgroundColor:r?"rgba(255,255,255,0.25)":`${a}20`,paddingHorizontal:5,paddingVertical:1,borderRadius:8,alignItems:"center",justifyContent:"center"}}>
+                          <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:r?AppColors_1.AppColors.white:a}}>
+                            {e.count}
+                          </react_native_1.Text>
+                        </react_native_1.View>
+                      </react_native_1.View>
+                    </TouchableScale_1.default>})}
+              </react_native_1.ScrollView>
+            </react_native_1.View>
           </react_native_1.View>
         </>}
 
       
-      {h.length===0?<react_native_1.ScrollView contentContainerStyle={localStyles.emptyContainer}showsVerticalScrollIndicator={!1}>
+      {_.length===0?<react_native_1.ScrollView contentContainerStyle={localStyles.emptyContainer}showsVerticalScrollIndicator={!1}>
           <react_native_1.View style={localStyles.emptyIconCircle}>
             <NetworkIcons_1.ShieldAlertIcon size={38}color={AppColors_1.AppColors.greenColor}/>
           </react_native_1.View>
           <react_native_1.Text style={localStyles.emptyTitle}>
-            {p.length>0?"No matching crash entries":d!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(a)?"No crashes match filters":t("crash.emptyTitle")}
+            {g.length>0?"No matching crash entries":y!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(l)?"No crashes match filters":t("crash.emptyTitle")}
           </react_native_1.Text>
           <react_native_1.Text style={localStyles.emptySub}>
-            {p?`No crash entries matched "${p}"`:d!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(a)?"Try adjusting your filters or search keywords.":t("crash.emptySubtitle")}
+            {g?`No crash entries matched "${g}"`:y!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(l)?"Try adjusting your filters or search keywords.":t("crash.emptySubtitle")}
           </react_native_1.Text>
-          {(p.length>0||d!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(a))&&<TouchableScale_1.default onPress={()=>{g(""),_("all"),T(CrashFilterModal_1.DEFAULT_CRASH_FILTERS)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:AppColors_1.AppColors.purple}}>
+          {(g.length>0||y!=="all"||!(0,CrashFilterModal_1.isCrashFiltersDefault)(l))&&<TouchableScale_1.default onPress={()=>{x(""),A("all"),b(CrashFilterModal_1.DEFAULT_CRASH_FILTERS)}}style={{marginTop:10,paddingHorizontal:14,paddingVertical:7,borderRadius:8,backgroundColor:AppColors_1.AppColors.purple}}>
               <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:11.5,color:AppColors_1.AppColors.white}}>
                 Clear Search & Filters
               </react_native_1.Text>
             </TouchableScale_1.default>}
         </react_native_1.ScrollView>:<>
-          <react_native_1.FlatList ref={i}data={h}keyExtractor={e=>e.id}renderItem={b}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={localStyles.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={<EndOfListFooter_1.default/>}/>
+          <react_native_1.FlatList ref={i}data={_.slice(0,n)}keyExtractor={e=>e.id}renderItem={F}initialNumToRender={12}maxToRenderPerBatch={8}windowSize={5}removeClippedSubviews={react_native_1.Platform.OS==="android"}renderToHardwareTextureAndroid={!0}contentContainerStyle={localStyles.listContent}showsVerticalScrollIndicator={!1}ListFooterComponent={_.length>0?<EndOfListFooter_1.default count={Math.min(n,_.length)}totalCount={_.length}label="crashes"hasMore={_.length>n}onLoadMore={()=>T(e=>e+10)}/>:null}/>
         </>}
 
       
-      <CrashFilterModal_1.default visible={w}onClose={()=>x(!1)}filters={a}onApply={T}searchQuery={p}/>
+      <CrashFilterModal_1.default visible={V}onClose={()=>v(!1)}filters={l}onApply={b}searchQuery={g}/>
     </react_native_1.View>});exports.default=CrashTab;const localStyles=react_native_1.StyleSheet.create({container:{flex:1,backgroundColor:AppColors_1.AppColors.grayBackground},statsBar:{backgroundColor:AppColors_1.AppColors.primaryLight,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.grayBorderSecondary,paddingVertical:10},statsScrollContent:{paddingHorizontal:16,gap:8},statChip:{flexDirection:"row",alignItems:"center",gap:6,paddingHorizontal:10,paddingVertical:5,borderRadius:8,backgroundColor:AppColors_1.AppColors.purpleShade50,borderWidth:1,borderColor:`${AppColors_1.AppColors.purple}14`},statChipActive:{backgroundColor:`${AppColors_1.AppColors.purple}14`,borderColor:`${AppColors_1.AppColors.purple}33`},statChipValue:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13,color:AppColors_1.AppColors.primaryBlack},statChipLabel:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayText},controlsContainer:{paddingHorizontal:16,paddingTop:12,paddingBottom:6,backgroundColor:AppColors_1.AppColors.grayBackground},searchRow:{flexDirection:"row",alignItems:"center",gap:8},searchInputWrapper:{flex:1,flexDirection:"row",alignItems:"center",backgroundColor:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,borderRadius:10,paddingHorizontal:10,height:38,gap:8},searchInput:{flex:1,fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.primaryBlack,paddingVertical:0},clearButton:{width:38,height:38,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.errorColor}14`,borderWidth:1,borderColor:`${AppColors_1.AppColors.errorColor}22`,alignItems:"center",justifyContent:"center"},filterButton:{width:38,height:38,borderRadius:10,backgroundColor:`${AppColors_1.AppColors.brandPurple}0F`,borderWidth:1,borderColor:`${AppColors_1.AppColors.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:AppColors_1.AppColors.primaryLight,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary},filterChipActive:{backgroundColor:AppColors_1.AppColors.purple,borderColor:AppColors_1.AppColors.purple},filterChipText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:12,color:AppColors_1.AppColors.grayText},filterChipTextActive:{fontFamily:AppFonts_1.AppFonts.interBold,color:AppColors_1.AppColors.white},listContent:{paddingHorizontal:16,paddingTop:4,paddingBottom:24,gap:10},cardContainer:{backgroundColor:AppColors_1.AppColors.primaryLight,borderRadius:12,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,padding:14,shadowColor:AppColors_1.AppColors.shadowColorString,shadowOffset:{width:0,height:1},shadowOpacity:.05,shadowRadius:3,elevation:2},fatalCardBorder:{borderColor:`${AppColors_1.AppColors.errorColor}44`},cardHeader:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},badgeRow:{flexDirection:"row",alignItems:"center",gap:6,flexShrink:1},sNoBadge:{backgroundColor:AppColors_1.AppColors.grayBackground,borderWidth:1,borderColor:AppColors_1.AppColors.grayBorderSecondary,paddingHorizontal:6,paddingVertical:3,borderRadius:5},sNoBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.grayText,letterSpacing:.3},fatalBadge:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.errorColor,paddingHorizontal:6,paddingVertical:3,borderRadius:5},fatalBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.white,letterSpacing:.5},caughtBadge:{backgroundColor:`${AppColors_1.AppColors.greenColor}1F`,paddingHorizontal:6,paddingVertical:3,borderRadius:5},caughtBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,color:AppColors_1.AppColors.greenColor,letterSpacing:.5},typeBadge:{paddingHorizontal:6,paddingVertical:3,borderRadius:5},typeBadgeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:9.5,letterSpacing:.5},timeRow:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:1},timestampText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayTextWeak},relativeTimeText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:AppColors_1.AppColors.grayTextWeak,backgroundColor:AppColors_1.AppColors.grayBackground,paddingHorizontal:5,paddingVertical:1,borderRadius:4,overflow:"hidden"},errorMessageText:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:13.5,color:AppColors_1.AppColors.primaryBlack,lineHeight:18},locationRow:{flexDirection:"row",alignItems:"center",gap:6,marginTop:2,marginBottom:6,backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:8,paddingVertical:4,borderRadius:6},locationText:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:11,color:AppColors_1.AppColors.grayText,flex:1},cardFooter:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",marginTop:6,paddingTop:8,borderTopWidth:1,borderTopColor:AppColors_1.AppColors.dividerColor},metaPill:{flexDirection:"row",alignItems:"center",gap:4,backgroundColor:AppColors_1.AppColors.purpleShade50,paddingHorizontal:6,paddingVertical:2,borderRadius:4},metaPillText:{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:10,color:AppColors_1.AppColors.grayTextWeak},emptyContainer:{flexGrow:1,alignItems:"center",justifyContent:"center",padding:32,paddingBottom:80},emptyIconCircle:{width:72,height:72,borderRadius:36,backgroundColor:`${AppColors_1.AppColors.greenColor}1F`,alignItems:"center",justifyContent:"center",marginBottom:16},emptyTitle:{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:17,color:AppColors_1.AppColors.primaryBlack,marginBottom:6},emptySub:{fontFamily:AppFonts_1.AppFonts.interRegular,fontSize:13,color:AppColors_1.AppColors.grayText,textAlign:"center",lineHeight:18,maxWidth:280}});