react-native-inapp-inspector 2.5.10 → 2.5.12

package/dist/commonjs/types/interfaces.d.ts

@@ -131,6 +131,14 @@ export interface InspectorStorage {
     setItem: (key: string, value: string) => void | Promise<void>;
     removeItem?: (key: string) => void | Promise<void>;
 }
+export interface CrashIgnoredTypes {
+    js: boolean;
+    native: boolean;
+    render: boolean;
+    promise: boolean;
+    custom: boolean;
+}
+export type CrashModalTriggerPolicy = 'fatal_only' | 'all_errors' | 'silent_tab_only';
 export interface PersistedSettings {
     isDark?: boolean;
     language?: string;
@@ -142,6 +150,9 @@ export interface PersistedSettings {
     maxConsoleLogs?: number;
     maxAnalyticsEventsLimit?: number;
     maxCrashLogs?: number;
+    crashIgnoredTypes?: CrashIgnoredTypes;
+    crashModalTriggerPolicy?: CrashModalTriggerPolicy;
+    crashThrottleDuplicates?: boolean;
     maxPushLogsLimit?: number;
     maxSocketLogsLimit?: number;
     isSocketAutoCaptureEnabled?: boolean;
@@ -175,10 +186,13 @@ export interface PersistedSettings {
     captureBitrate?: number;
     captureMaxDurationSeconds?: number;
     captureAutoGif?: boolean;
+    captureWidgetEnabled?: boolean;
     peekOpacity?: number;
+    hiddenUrlPatterns?: string[];
 }
 export interface NetworkInspectorProps {
     enabled?: boolean;
+    captureWidgetEnabled?: boolean;
     telemetry?: boolean;
     storage?: InspectorStorage;
     navigationRef?: any;
@@ -299,6 +313,8 @@ export interface InspectorContextValue {
     handleDelete: () => void;
     isGroupByPageEnabled: boolean;
     setIsGroupByPageEnabled: React.Dispatch<React.SetStateAction<boolean>>;
+    hiddenUrlPatterns: string[];
+    setHiddenUrlPatterns: React.Dispatch<React.SetStateAction<string[]>>;
     detailTitle: string;
     detailDisplayUrl: string;
     apiDetailActiveTab: 'metadata' | 'headers' | 'request' | 'response';
@@ -326,6 +342,9 @@ export interface InspectorContextValue {
     logCounts: Record<string, string>;
     logSortOrder: SortOrder;
     setLogSortOrder: React.Dispatch<React.SetStateAction<SortOrder>>;
+    selectedConsoleLogs: Set<number>;
+    setSelectedConsoleLogs: React.Dispatch<React.SetStateAction<Set<number>>>;
+    toggleSelectConsoleLog: (id: number) => void;
     analyticsEvents: AnalyticsEvent[];
     filteredAnalyticsEvents: (AnalyticsEvent & {
         count?: number;
@@ -360,6 +379,11 @@ export interface InspectorContextValue {
     maxCrashLogs: number;
     setMaxCrashLogs: React.Dispatch<React.SetStateAction<number>>;
     clearAllCrashes: () => void;
+    crashIgnoredTypes: CrashIgnoredTypes;
+    setCrashIgnoredTypes: React.Dispatch<React.SetStateAction<CrashIgnoredTypes>>;
+    crashModalTriggerPolicy: CrashModalTriggerPolicy;
+    setCrashModalTriggerPolicyState: React.Dispatch<React.SetStateAction<CrashModalTriggerPolicy>>;
+    applyCrashPolicyPreset: (preset: 'balanced' | 'max_shield' | 'silent') => void;
     pushRecords: PushNotificationRecord[];
     filteredPushRecords: PushNotificationRecord[];
     selectedPush: PushNotificationRecord | null;
@@ -441,6 +465,8 @@ export interface InspectorContextValue {
     setCaptureAutoHide: React.Dispatch<React.SetStateAction<boolean>>;
     captureAutoGif: boolean;
     setCaptureAutoGif: React.Dispatch<React.SetStateAction<boolean>>;
+    captureWidgetEnabled: boolean;
+    setCaptureWidgetEnabled: React.Dispatch<React.SetStateAction<boolean>>;
     peekMode: boolean;
     setPeekMode: React.Dispatch<React.SetStateAction<boolean>>;
     peekOpacity: number;
@@ -542,6 +568,8 @@ export interface ConsoleLogCardProps {
     searchStr?: string;
     onPress?: (item: ConsoleLog) => void;
     testID?: string;
+    isSelected?: boolean;
+    onToggleSelect?: (id: number) => void;
 }
 export interface JsonContent {
     header: string;

package/dist/esm/components/ConsoleLogCard.js

@@ -1,95 +1,101 @@
-import F from"react";import{useTranslation as v}from"../i18n";import{Pressable as K,StyleSheet as Y,Text as E,View as I}from"react-native";import{AppColors as r}from"../styles/AppColors";import{AppFonts as S}from"../styles/AppFonts";import{formatTime as X,getJsonContent as J,getJsonPreviewText as Q,parseStackLine as Z,openInVSCode as q,getSize as _,getCleanCallerDisplay as ee}from"../helpers";import Ie from"./TouchableScale";import L from"./LogSyntaxHighlighter";import{ForwardChevronIcon as Te,ExternalLinkIcon as Ce,FlaskIcon as he,ZapIcon as z,GlobeIcon as Se,DiceIcon as me,AtomIcon as U,BarChartIcon as xe,KeyIcon as ye,SmartphoneIcon as Ee,AlertTriangleIcon as Re,BugIcon as Be,TagIcon as Ae,MapPinIcon as $,StorageIcon as Oe,SignalIcon as Pe,FlameIcon as we,MoneyIcon as Ne,CircleCheckIcon as W,CircleAlertIcon as Le,CircleXIcon as ke,RefreshCcwIcon as He,PerformanceIcon as Ve,ChipIcon as De,SettingsIcon as Fe,TerminalIcon as ze,InfoCircleIcon as G,ShieldAlertIcon as Me,LayoutIcon as Ue,ClockIcon as $e,SizeIcon as We}from"./NetworkIcons";import{useInspector as Ge}from"./Inspector/InspectorContext";const ve=(R,t,P,k,H)=>{if(!R)return null;const V=/^((?:\[[^\]]+\]\s*)+)/,w=R.match(V);if(w){const C=w[1],N=R.substring(C.length),T=C.match(/\[[^\]]+\]/g)||[],M=B=>{const e=B.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:r.emerald600,Icon:z,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:r.sky600,Icon:Se,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:r.pink500,Icon:U,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:r.cyan600,Icon:Pe,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:r.violet600,Icon:U,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:r.teal600,Icon:xe,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:r.amber600,Icon:ye,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:r.indigo600Alt,Icon:Me,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:r.indigo600Alt,Icon:$,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:r.purple500,Icon:Oe,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:r.violet500,Icon:Ve,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:r.blue600,Icon:z,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:r.sky600,Icon:He,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:r.darkOrange,Icon:we,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:r.emerald600,Icon:Ne,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:r.slate600,Icon:De,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:r.emerald600,Icon:$,label:e}:e==="APP"?{color:r.indigo600Alt,Icon:Ee,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:r.pink600,Icon:Ue,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:r.emerald500,Icon:he,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:r.indigo600Alt,Icon:me,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:r.slate700,Icon:Fe,label:e}:e==="DEBUG"||e==="TRACE"?{color:r.purpleText,Icon:ze,label:e}:e==="INFO"?{color:r.sky600,Icon:G,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:r.green600,Icon:W,label:e}:e==="WARN"||e==="WARNING"?{color:r.amber600,Icon:Re,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:r.red600,Icon:Be,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:r.slate600,Icon:Ae,label:e}};return<I style={{flexDirection:"column",gap:2}}>
-        <I style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
-          {T.slice(0,2).map((B,e)=>{const A=M(B),D=A.Icon;return<I key={e}style={[o.prefixTag,{backgroundColor:`${A.color}12`,borderColor:`${A.color}30`}]}>
-                <D color={A.color}size={8.5}/>
-                <E style={[o.prefixTagText,{color:A.color}]}>
-                  {A.label}
+import V from"react";import{useTranslation as K}from"../i18n";import{Pressable as W,StyleSheet as Y,Text as E,View as C}from"react-native";import X,{Path as J}from"react-native-svg";import{AppColors as r}from"../styles/AppColors";import{AppFonts as x}from"../styles/AppFonts";import{formatTime as Q,getJsonContent as Z,getJsonPreviewText as q,parseStackLine as _,openInVSCode as ee,getSize as re,getCleanCallerDisplay as oe}from"../helpers";import Ce from"./TouchableScale";import L from"./LogSyntaxHighlighter";import{ForwardChevronIcon as Ie,ExternalLinkIcon as Te,FlaskIcon as Se,ZapIcon as F,GlobeIcon as me,DiceIcon as xe,AtomIcon as $,BarChartIcon as ye,KeyIcon as Ee,SmartphoneIcon as Re,AlertTriangleIcon as Be,BugIcon as Ae,TagIcon as Pe,MapPinIcon as U,StorageIcon as Oe,SignalIcon as we,FlameIcon as ke,MoneyIcon as Le,CircleCheckIcon as G,CircleAlertIcon as Ne,CircleXIcon as He,RefreshCcwIcon as De,PerformanceIcon as Ve,ChipIcon as Fe,SettingsIcon as Me,TerminalIcon as ze,InfoCircleIcon as v,ShieldAlertIcon as We,LayoutIcon as $e,ClockIcon as Ue,SizeIcon as Ge}from"./NetworkIcons";import{useInspector as ve}from"./Inspector/InspectorContext";const je=(y,t,B,N,H)=>{if(!y)return null;const P=/^((?:\[[^\]]+\]\s*)+)/,A=y.match(P);if(A){const O=A[1],D=y.substring(O.length),T=O.match(/\[[^\]]+\]/g)||[],w=I=>{const e=I.replace(/[\[\]]/g,"").trim().toUpperCase();return e==="AXIOS"?{color:r.emerald600,Icon:F,label:"AXIOS"}:e==="API"||e==="FETCH"||e==="HTTP"||e==="REST"||e==="NETWORK"?{color:r.sky600,Icon:me,label:e}:e==="GRAPHQL"||e==="GQL"||e==="APOLLO"||e==="MUTATION"||e==="QUERY"?{color:r.pink500,Icon:$,label:e}:e==="WS"||e==="WEBSOCKET"||e==="SOCKET"||e==="SOCKET.IO"||e==="REALTIME"?{color:r.cyan600,Icon:we,label:e}:e==="REDUX"||e==="STORE"||e==="STATE"||e==="ZUSTAND"||e==="MOBX"||e==="RECOIL"||e==="ACTION"||e==="DISPATCH"?{color:r.violet600,Icon:$,label:e}:e==="ANALYTICS"||e==="FIREBASE"||e==="GA4"||e==="GA"||e==="SEGMENT"||e==="MIXPANEL"||e==="POSTHOG"||e==="TRACK"||e==="EVENT"?{color:r.teal600,Icon:ye,label:e}:e==="AUTH"||e==="TOKEN"||e==="SESSION"||e==="JWT"||e==="LOGIN"||e==="LOGOUT"||e==="USER"?{color:r.amber600,Icon:Ee,label:e}:e==="SECURITY"||e==="SHIELD"||e==="PERMISSION"||e==="PERMISSIONS"?{color:r.indigo600Alt,Icon:We,label:e}:e==="NAV"||e==="NAVIGATION"||e==="ROUTE"||e==="SCREEN"||e==="ROUTER"||e==="DEEPLINK"?{color:r.indigo600Alt,Icon:U,label:e}:e==="STORAGE"||e==="ASYNCSTORAGE"||e==="MMKV"||e==="SQLITE"||e==="DB"||e==="DATABASE"||e==="REALM"||e==="CACHE"?{color:r.purple500,Icon:Oe,label:e}:e==="PERF"||e==="RENDER"||e==="PERFORMANCE"||e==="FPS"||e==="MEMORY"?{color:r.violet500,Icon:Ve,label:e}:e==="INIT"||e==="BOOT"||e==="STARTUP"||e==="LIFECYCLE"||e==="MOUNT"||e==="UNMOUNT"?{color:r.blue600,Icon:F,label:e}:e==="SYNC"||e==="REFRESH"||e==="BACKGROUND"||e==="JOB"||e==="WORKER"?{color:r.sky600,Icon:De,label:e}:e==="PUSH"||e==="NOTIF"||e==="NOTIFICATION"||e==="FCM"||e==="APNS"?{color:r.darkOrange,Icon:ke,label:e}:e==="PAY"||e==="PAYMENT"||e==="STRIPE"||e==="IAP"||e==="BILLING"||e==="CHECKOUT"||e==="CART"?{color:r.emerald600,Icon:Le,label:e}:e==="DEVICE"||e==="HARDWARE"||e==="BLE"||e==="BLUETOOTH"||e==="NFC"||e==="SENSOR"?{color:r.slate600,Icon:Fe,label:e}:e==="LOCATION"||e==="GPS"||e==="GEO"?{color:r.emerald600,Icon:U,label:e}:e==="APP"?{color:r.indigo600Alt,Icon:Re,label:"APP"}:e==="UI"||e==="VIEW"||e==="THEME"||e==="STYLE"||e==="LAYOUT"?{color:r.pink600,Icon:$e,label:e}:e==="TEST"||e==="MOCK"||e==="SPEC"?{color:r.emerald500,Icon:Se,label:"TEST"}:e==="SAMPLE"||e==="BATCH"?{color:r.indigo600Alt,Icon:xe,label:e}:e==="CONFIG"||e==="ENV"||e==="SETTINGS"?{color:r.slate700,Icon:Me,label:e}:e==="DEBUG"||e==="TRACE"?{color:r.purpleText,Icon:ze,label:e}:e==="INFO"?{color:r.sky600,Icon:v,label:"INFO"}:e==="SUCCESS"||e==="OK"||e==="DONE"||e==="PASSED"?{color:r.green600,Icon:G,label:e}:e==="WARN"||e==="WARNING"?{color:r.amber600,Icon:Be,label:"WARN"}:e==="ERROR"||e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?{color:r.red600,Icon:Ae,label:e==="CRASH"||e==="BUG"||e==="FATAL"||e==="EXCEPTION"||e==="FAIL"?e:"ERROR"}:{color:r.slate600,Icon:Pe,label:e}};return<C style={{flexDirection:"column",gap:2}}>
+        <C style={{flexDirection:"row",gap:4,overflow:"hidden"}}>
+          {T.slice(0,2).map((I,e)=>{const m=w(I),M=m.Icon;return<C key={e}style={[o.prefixTag,{backgroundColor:`${m.color}12`,borderColor:`${m.color}30`}]}>
+                <M color={m.color}size={8.5}/>
+                <E style={[o.prefixTagText,{color:m.color}]}>
+                  {m.label}
                 </E>
-              </I>})}
-        </I>
-        <L text={N}search={t}style={P}numberOfLines={1}detectLinks={!1}/>
-      </I>}return<L text={R}search={t}style={P}numberOfLines={H||2}detectLinks={!1}/>};export const ConsoleLogCard=F.memo(function({item:t,searchStr:P="",onPress:k,testID:H}){const{setSelectedLog:V}=Ge(),{t:w}=v(),C=J(t.message),N=t.message.toLowerCase().includes("[analytics error]"),T=F.useMemo(()=>{const h=ee(t.caller);if(!h)return null;const O=Z(t.caller,!0);return{...O,display:h.display,fileName:h.fileName,lineNumber:h.lineNumber||O.lineNumber}},[t.caller]),B=(()=>{const h=(t.type||"log").toLowerCase(),O=(t.sourceMethod||h).toLowerCase();return N||h==="error"||O==="error"?{badgeColor:r.errorColor,border:r.errorColor,badgeBg:`${r.errorColor}18`,badgeText:r.errorColor,label:"ERROR",cardBg:r.errorCardBg,statusPillBg:`${r.errorColor}14`,statusPillBorder:`${r.errorColor}33`,statusPillText:r.errorColor,StatusIcon:ke}:h==="warn"||O==="warn"?{badgeColor:r.darkOrange,border:r.darkOrange,badgeBg:`${r.darkOrange}18`,badgeText:r.darkOrange,label:"WARN",cardBg:r.warnCardBg,statusPillBg:`${r.darkOrange}14`,statusPillBorder:`${r.darkOrange}33`,statusPillText:r.darkOrange,StatusIcon:Le}:h==="debug"||O==="debug"?{badgeColor:r.purple,border:r.purple,badgeBg:`${r.purple}18`,badgeText:r.purple,label:"DEBUG",cardBg:r.purpleTintBg,statusPillBg:`${r.purple}14`,statusPillBorder:`${r.purple}33`,statusPillText:r.purple,StatusIcon:z}:O==="info"||h==="info"&&O!=="log"?{badgeColor:r.sky600,border:r.sky600,badgeBg:`${r.sky600}18`,badgeText:r.sky600,label:"INFO",cardBg:r.blueTintBg,statusPillBg:`${r.sky600}14`,statusPillBorder:`${r.sky600}33`,statusPillText:r.sky600,StatusIcon:G}:{badgeColor:r.brandPurple,border:r.brandPurple,badgeBg:`${r.brandPurple}15`,badgeText:r.brandPurple,label:"LOG",cardBg:r.white,statusPillBg:`${r.brandPurple}12`,statusPillBorder:`${r.brandPurple}2E`,statusPillText:r.brandPurple,StatusIcon:W}})(),e=B.StatusIcon,A=C?Q(C.data):null,D=()=>{k?k(t):V(t)},Ke=("sourceMethod"in t?t.sourceMethod:void 0)||t.type||"log";return<I style={o.container}>
-      <Ie testID={H}onPress={D}style={[o.card,{borderLeftWidth:3.5,borderLeftColor:B.border,backgroundColor:B.cardBg}]}>
-        <I style={o.cardBody}>
+              </C>})}
+        </C>
+        <L text={D}search={t}style={B}numberOfLines={1}detectLinks={!1}/>
+      </C>}return<L text={y}search={t}style={B}numberOfLines={H||2}detectLinks={!1}/>};export const ConsoleLogCard=V.memo(function({item:t,searchStr:B="",onPress:N,testID:H,isSelected:P,onToggleSelect:A}){const{setSelectedLog:O}=ve(),{t:D}=K(),T=Z(t.message),w=t.message.toLowerCase().includes("[analytics error]"),I=V.useMemo(()=>{const S=oe(t.caller);if(!S)return null;const R=_(t.caller,!0);return{...R,display:S.display,fileName:S.fileName,lineNumber:S.lineNumber||R.lineNumber}},[t.caller]),m=(()=>{const S=(t.type||"log").toLowerCase(),R=(t.sourceMethod||S).toLowerCase();return w||S==="error"||R==="error"?{badgeColor:r.errorColor,border:r.errorColor,badgeBg:`${r.errorColor}18`,badgeText:r.errorColor,label:"ERROR",cardBg:r.errorCardBg,statusPillBg:`${r.errorColor}14`,statusPillBorder:`${r.errorColor}33`,statusPillText:r.errorColor,StatusIcon:He}:S==="warn"||R==="warn"?{badgeColor:r.darkOrange,border:r.darkOrange,badgeBg:`${r.darkOrange}18`,badgeText:r.darkOrange,label:"WARN",cardBg:r.warnCardBg,statusPillBg:`${r.darkOrange}14`,statusPillBorder:`${r.darkOrange}33`,statusPillText:r.darkOrange,StatusIcon:Ne}:S==="debug"||R==="debug"?{badgeColor:r.purple,border:r.purple,badgeBg:`${r.purple}18`,badgeText:r.purple,label:"DEBUG",cardBg:r.purpleTintBg,statusPillBg:`${r.purple}14`,statusPillBorder:`${r.purple}33`,statusPillText:r.purple,StatusIcon:F}:R==="info"||S==="info"&&R!=="log"?{badgeColor:r.sky600,border:r.sky600,badgeBg:`${r.sky600}18`,badgeText:r.sky600,label:"INFO",cardBg:r.blueTintBg,statusPillBg:`${r.sky600}14`,statusPillBorder:`${r.sky600}33`,statusPillText:r.sky600,StatusIcon:v}:{badgeColor:r.brandPurple,border:r.brandPurple,badgeBg:`${r.brandPurple}15`,badgeText:r.brandPurple,label:"LOG",cardBg:r.white,statusPillBg:`${r.brandPurple}12`,statusPillBorder:`${r.brandPurple}2E`,statusPillText:r.brandPurple,StatusIcon:G}})(),M=m.StatusIcon,z=T?q(T.data):null,j=()=>{N?N(t):O(t)},Ye=("sourceMethod"in t?t.sourceMethod:void 0)||t.type||"log";return<C style={o.container}>
+      <Ce testID={H}onPress={j}style={[o.card,{borderLeftWidth:3.5,borderLeftColor:m.border,backgroundColor:m.cardBg}]}>
+        <C style={o.cardBody}>
           
-          <I style={o.cardHeaderRow}>
-            <I style={o.cardHeaderLeft}>
+          <C style={o.cardHeaderRow}>
+            <C style={o.cardHeaderLeft}>
+              {A&&t.id!=null&&<W testID={`inspector.console.checkbox.${t.id}`}onPress={S=>{S.stopPropagation(),A(t.id)}}hitSlop={8}style={[o.smallCheckbox,P&&o.smallCheckboxChecked]}>
+                  {P&&<X width={9}height={9}viewBox="0 0 24 24"fill="none">
+                      <J d="M20 6L9 17l-5-5"stroke={r.white}strokeWidth="4"strokeLinecap="round"strokeLinejoin="round"/>
+                    </X>}
+                </W>}
+
               <E style={o.serialNumber}>
                 #{t.id!=null?t.id+1:1}
               </E>
 
               
-              <I style={[o.methodBadge,{backgroundColor:B.badgeColor}]}>
-                <E style={o.methodBadgeText}>{B.label}</E>
-              </I>
+              <C style={[o.methodBadge,{backgroundColor:m.badgeColor}]}>
+                <E style={o.methodBadgeText}>{m.label}</E>
+              </C>
 
               
-              {C&&<I style={[o.chip,{backgroundColor:`${r.teal600}12`,borderColor:`${r.teal600}2E`}]}>
+              {T&&<C style={[o.chip,{backgroundColor:`${r.teal600}12`,borderColor:`${r.teal600}2E`}]}>
                   <E style={[o.chipText,{color:r.teal600}]}>
-                    {Array.isArray(C.data)?`Array[${C.data.length}]`:`Object{${Object.keys(C.data).length}}`}
+                    {Array.isArray(T.data)?`Array[${T.data.length}]`:`Object{${Object.keys(T.data).length}}`}
                   </E>
-                </I>}
+                </C>}
 
               
-              {"duplicateCount"in t&&t.duplicateCount!=null&&t.duplicateCount>1&&<I style={o.dupBadge}>
+              {"duplicateCount"in t&&t.duplicateCount!=null&&t.duplicateCount>1&&<C style={o.dupBadge}>
                     <E style={o.dupBadgeText}>
                       ×{t.duplicateCount}
                     </E>
-                  </I>}
-            </I>
+                  </C>}
+            </C>
 
             
-            <I style={o.cardHeaderRight}>
-              <Te color={r.slate400}size={13}/>
-            </I>
-          </I>
+            <C style={o.cardHeaderRight}>
+              <Ie color={r.slate400}size={13}/>
+            </C>
+          </C>
 
           
-          <I style={o.messageBox}>
-            {C?<I style={o.jsonPreviewRow}>
-                {C.header?<L text={C.header}search={P}style={o.messageText}detectLinks={!1}numberOfLines={1}/>:null}
-                {A&&<L text={A.text.replace(/\s+/g," ")}search={P}style={o.jsonPreviewText}detectLinks={!1}numberOfLines={C.header?2:3}/>}
-              </I>:ve(t.message,P,o.messageText,o.highlight,3)}
-          </I>
+          <C style={o.messageBox}>
+            {T?<C style={o.jsonPreviewRow}>
+                {T.header?<L text={T.header}search={B}style={o.messageText}detectLinks={!1}numberOfLines={1}/>:null}
+                {z&&<L text={z.text.replace(/\s+/g," ")}search={B}style={o.jsonPreviewText}detectLinks={!1}numberOfLines={T.header?2:3}/>}
+              </C>:je(t.message,B,o.messageText,o.highlight,3)}
+          </C>
 
           
-          <I style={o.cardFooterRow}>
-            <I style={o.footerLeft}>
-              <I style={o.cardDateRow}>
-                <$e color={r.grayTextWeak}size={10}/>
+          <C style={o.cardFooterRow}>
+            <C style={o.footerLeft}>
+              <C style={o.cardDateRow}>
+                <Ue color={r.grayTextWeak}size={10}/>
                 <E style={o.cardDateText}numberOfLines={1}>
-                  {X(t.timestamp)}
+                  {Q(t.timestamp)}
                 </E>
-              </I>
+              </C>
 
-              {T&&<K onPress={h=>{h.stopPropagation?.(),q(T.rawFilePath||T.fullPath||T.fileName,T.lineNumber,T.columnNumber)}}hitSlop={8}style={o.callerChip}>
-                  {T.fileExt&&T.fileExt!=="other"&&<I style={[o.extBadge,{backgroundColor:T.fileExt==="tsx"||T.fileExt==="ts"?`${r.brandPurple}22`:`${r.teal600}22`}]}>
-                      <E style={[o.extBadgeText,{color:T.fileExt==="tsx"||T.fileExt==="ts"?r.brandPurple:r.teal600}]}>
-                        {T.fileExt.toUpperCase()}
+              {I&&<W onPress={S=>{S.stopPropagation?.(),ee(I.rawFilePath||I.fullPath||I.fileName,I.lineNumber,I.columnNumber)}}hitSlop={8}style={o.callerChip}>
+                  {I.fileExt&&I.fileExt!=="other"&&<C style={[o.extBadge,{backgroundColor:I.fileExt==="tsx"||I.fileExt==="ts"?`${r.brandPurple}22`:`${r.teal600}22`}]}>
+                      <E style={[o.extBadgeText,{color:I.fileExt==="tsx"||I.fileExt==="ts"?r.brandPurple:r.teal600}]}>
+                        {I.fileExt.toUpperCase()}
                       </E>
-                    </I>}
+                    </C>}
                   <E style={o.callerChipText}numberOfLines={1}ellipsizeMode="middle">
-                    {T.display}
+                    {I.display}
                   </E>
-                  <Ce color={r.sky600}size={8}/>
-                </K>}
-            </I>
+                  <Te color={r.sky600}size={8}/>
+                </W>}
+            </C>
 
-            <I style={o.footerRight}>
-              {C&&<I style={o.metaStatChip}>
-                  <We color={r.purple}size={8.5}/>
+            <C style={o.footerRight}>
+              {T&&<C style={o.metaStatChip}>
+                  <Ge color={r.purple}size={8.5}/>
                   <E style={o.metaStatText}>
-                    {_(C.data)}
+                    {re(T.data)}
                   </E>
-                </I>}
+                </C>}
 
-              {N&&<I style={[o.chip,{backgroundColor:`${r.skyBlue}15`,borderColor:`${r.skyBlue}30`}]}>
+              {w&&<C style={[o.chip,{backgroundColor:`${r.skyBlue}15`,borderColor:`${r.skyBlue}30`}]}>
                   <E style={[o.chipText,{color:r.skyBlue}]}>
-                    {w("console.analyticsBadge")||"ANALYTICS"}
+                    {D("console.analyticsBadge")||"ANALYTICS"}
                   </E>
-                </I>}
-            </I>
-          </I>
-        </I>
-      </Ie>
-    </I>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:S.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:S.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:S.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:S.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:S.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:S.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:S.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:S.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:S.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:S.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:S.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2}});function je(R,t){return R.item===t.item&&R.searchStr===t.searchStr&&R.onPress===t.onPress}export const MemoizedConsoleLogCard=F.memo(ConsoleLogCard,je);export default MemoizedConsoleLogCard;
+                </C>}
+            </C>
+          </C>
+        </C>
+      </Ce>
+    </C>});const o=Y.create({container:{paddingHorizontal:8,paddingVertical:4,height:148,justifyContent:"center"},card:{height:140,alignSelf:"stretch",borderRadius:10,overflow:"hidden",borderWidth:1,borderColor:r.dividerColor,shadowColor:r.shadowColorString},cardBody:{height:"100%",paddingHorizontal:8,paddingTop:8,paddingBottom:6,justifyContent:"space-between"},cardHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:22,minHeight:22,maxHeight:22},cardHeaderLeft:{flexDirection:"row",alignItems:"center",flex:1,marginRight:4,gap:4.5,minWidth:0,overflow:"hidden"},cardHeaderRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},serialNumber:{fontFamily:x.interBold,color:r.grayTextWeak,fontSize:10},methodBadge:{paddingHorizontal:6,paddingVertical:2,borderRadius:5,alignItems:"center",justifyContent:"center"},methodBadgeText:{fontFamily:x.interBold,fontSize:9.5,lineHeight:12,letterSpacing:.5,color:r.white},chip:{paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4,borderWidth:1},chipText:{fontFamily:x.interBold,fontSize:9,lineHeight:12},dupBadge:{backgroundColor:`${r.purple}14`,borderColor:`${r.purple}2E`,borderWidth:1,paddingHorizontal:4.5,paddingVertical:1,borderRadius:3.5},dupBadgeText:{fontFamily:x.interBold,fontSize:8.5,color:r.purple},statusPill:{flexDirection:"row",alignItems:"center",gap:3.5,paddingHorizontal:6,paddingVertical:2,borderRadius:6,borderWidth:1,flexShrink:0},statusPillText:{fontFamily:x.interBold,fontSize:9.5,lineHeight:12},messageBox:{backgroundColor:r.grayBackground,borderRadius:7,borderWidth:1,borderColor:r.dividerColor,paddingHorizontal:7,paddingVertical:5,height:68,minHeight:68,maxHeight:68,justifyContent:"center",gap:2,overflow:"hidden"},messageText:{fontFamily:x.interMedium,fontSize:12,color:r.primaryBlack,lineHeight:17},highlight:{backgroundColor:r.yellowHighlight,color:r.primaryBlack,borderRadius:2},jsonPreviewRow:{flexDirection:"column",justifyContent:"center",gap:2},jsonPreviewText:{fontFamily:x.interMedium,fontSize:11,color:r.teal700,lineHeight:15},cardFooterRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",height:18,minHeight:18,maxHeight:18,gap:4},footerLeft:{flexDirection:"row",alignItems:"center",gap:4.5,flex:1,minWidth:0,overflow:"hidden"},footerRight:{flexDirection:"row",alignItems:"center",gap:4,flexShrink:0},cardDateRow:{flexDirection:"row",alignItems:"center",gap:3.5},cardDateText:{fontFamily:x.interRegular,fontSize:10,lineHeight:13,color:r.slate400},callerChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.skySoftBg,borderColor:r.skySoftBorder,borderWidth:1,paddingHorizontal:5,paddingVertical:1.5,borderRadius:4,flexShrink:1,minWidth:0},extBadge:{borderRadius:3,paddingHorizontal:3,paddingVertical:.5},extBadgeText:{fontFamily:x.interBold,fontSize:7.5},callerChipText:{color:r.skySoftText,fontSize:9,lineHeight:12,fontFamily:x.interBold},metaStatChip:{flexDirection:"row",alignItems:"center",gap:3,backgroundColor:r.violetSoftBg,borderColor:r.violetSoftBorder,borderWidth:1,paddingHorizontal:5.5,paddingVertical:1.5,borderRadius:4},metaStatText:{fontFamily:x.interBold,color:r.violetSoftText,fontSize:9,lineHeight:12},prefixTag:{flexDirection:"row",alignItems:"center",gap:2.5,paddingHorizontal:5,paddingVertical:1.5,borderRadius:3.5,borderWidth:1},prefixTagText:{fontFamily:x.interBold,fontSize:8.5,letterSpacing:.3},bottomAccentBar:{height:2.5,width:"100%",borderRadius:1.5,marginTop:2},smallCheckbox:{width:14,height:14,borderRadius:3.5,borderWidth:1.2,borderColor:r.grayBorderSecondary,backgroundColor:r.primaryLight,alignItems:"center",justifyContent:"center",marginRight:2},smallCheckboxChecked:{backgroundColor:r.purple,borderColor:r.purple}});function Ke(y,t){return y.item===t.item&&y.searchStr===t.searchStr&&y.onPress===t.onPress&&y.isSelected===t.isSelected&&y.onToggleSelect===t.onToggleSelect}export const MemoizedConsoleLogCard=V.memo(ConsoleLogCard,Ke);export default MemoizedConsoleLogCard;

package/dist/esm/components/ErrorBoundary.js

@@ -1,17 +1,17 @@
-import{Component as v}from"react";import{StyleSheet as _,Text as T,View as C,ScrollView as G,TouchableOpacity as O,SafeAreaView as J}from"react-native";import{AppColors as e}from"../styles/AppColors";import{AppFonts as w}from"../styles/AppFonts";import{copyToClipboard as U}from"../helpers";import{t as S}from"../i18n";import{WarningTriangleIcon as N,CopyIcon as H,RefreshCcwIcon as A,ClearIcon as K,CircleAlertIcon as Q}from"./NetworkIcons";import{handleInterceptedCrash as X}from"../customHooks/crashHandler";import{CrashType as Y}from"../types/enums";import{showNativeFloatingButton as Z,setNativeFloatingButtonBadge as ee}from"../native/NativeInspector";function W(E){if(!E)return{rootFrame:null,frames:[]};const V=E.split(`
-`),B=[];for(const R of V){if(R.includes("ErrorBoundary")||R.includes("getDerivedStateFromError")||R.includes("componentDidCatch")||R.includes("handleInterceptedCrash"))continue;const I=R.match(/^([^@]*)@(.*):(\d+):(\d+)$/);if(I){const[,z,k,$,D]=I,j=k.split("?")[0].split("/").pop()||k,M=!k.includes("node_modules")&&!k.includes("Libraries/Core");B.push({method:z.trim()||"anonymous",file:j,fullPath:k.split("?")[0],line:$,column:D,isProjectFile:M});continue}const L=R.match(/^\s*at\s+(.+)\s+\((.+):(\d+):(\d+)\)$/);if(L){const[,z,k,$,D]=L,j=k.split("?")[0].split("/").pop()||k,M=!k.includes("node_modules")&&!k.includes("Libraries/Core");B.push({method:z.trim(),file:j,fullPath:k.split("?")[0],line:$,column:D,isProjectFile:M});continue}const P=R.match(/^\s*at\s+(.+):(\d+):(\d+)$/);if(P){const[,z,k,$]=P,D=z.split("?")[0].split("/").pop()||z,j=!z.includes("node_modules")&&!z.includes("Libraries/Core");B.push({method:"anonymous",file:D,fullPath:z.split("?")[0],line:k,column:$,isProjectFile:j})}}return{rootFrame:B.find(R=>R.isProjectFile)||B[0]||null,frames:B}}export class ErrorBoundary extends v{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.handleReset=()=>{this.setState({hasError:!1,error:null}),this.props.onReset&&this.props.onReset()},this.handleCopyTrace=()=>{const V=this.state.error;if(V){const{rootFrame:B}=W(V.stack||""),F=`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
+import{Component as v}from"react";import{StyleSheet as _,Text as T,View as C,ScrollView as G,TouchableOpacity as O,SafeAreaView as J}from"react-native";import{AppColors as e}from"../styles/AppColors";import{AppFonts as w}from"../styles/AppFonts";import{copyToClipboard as U}from"../helpers";import{t as S}from"../i18n";import{WarningTriangleIcon as N,CopyIcon as H,RefreshCcwIcon as W,ClearIcon as K,CircleAlertIcon as Q}from"./NetworkIcons";import{handleInterceptedCrash as X}from"../customHooks/crashHandler";import{CrashType as Y}from"../types/enums";import{showNativeFloatingButton as Z,setNativeFloatingButtonBadge as ee}from"../native/NativeInspector";function A(E){if(!E)return{rootFrame:null,frames:[]};const k=E.split(`
+`),B=[];for(const V of k){if(V.includes("ErrorBoundary")||V.includes("getDerivedStateFromError")||V.includes("componentDidCatch")||V.includes("handleInterceptedCrash"))continue;const I=V.match(/^([^@]*)@(.*):(\d+):(\d+)$/);if(I){const[,z,R,$,D]=I,j=R.split("?")[0].split("/").pop()||R,M=!R.includes("node_modules")&&!R.includes("Libraries/Core");B.push({method:z.trim()||"anonymous",file:j,fullPath:R.split("?")[0],line:$,column:D,isProjectFile:M});continue}const L=V.match(/^\s*at\s+(.+)\s+\((.+):(\d+):(\d+)\)$/);if(L){const[,z,R,$,D]=L,j=R.split("?")[0].split("/").pop()||R,M=!R.includes("node_modules")&&!R.includes("Libraries/Core");B.push({method:z.trim(),file:j,fullPath:R.split("?")[0],line:$,column:D,isProjectFile:M});continue}const P=V.match(/^\s*at\s+(.+):(\d+):(\d+)$/);if(P){const[,z,R,$]=P,D=z.split("?")[0].split("/").pop()||z,j=!z.includes("node_modules")&&!z.includes("Libraries/Core");B.push({method:"anonymous",file:D,fullPath:z.split("?")[0],line:R,column:$,isProjectFile:j})}}return{rootFrame:B.find(V=>V.isProjectFile)||B[0]||null,frames:B}}export class ErrorBoundary extends v{constructor(){super(...arguments),this.state={hasError:!1,error:null},this.handleReset=()=>{this.setState({hasError:!1,error:null}),this.props.onReset&&this.props.onReset()},this.handleCopyTrace=()=>{const k=this.state.error;if(k){const{rootFrame:B}=A(k.stack||""),F=`\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
 IN-APP INSPECTOR \u2022 INTERCEPTED CRASH REPORT
 \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500
-Error: ${V.name||"Error"}
-Message: ${V.message}
+Error: ${k.name||"Error"}
+Message: ${k.message}
 ${B?`Location: ${B.file}:${B.line}:${B.column}
 Method: ${B.method}
 Path: ${B.fullPath}`:""}
 Timestamp: ${new Date().toISOString()}
 
 Stack Trace:
-${V.stack||"No stack trace available"}
-\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;U(F,S("errors.errorReport"))}}}static getDerivedStateFromError(V){return{hasError:!0,error:V}}componentDidCatch(V,B){try{const F=V?.stack||B?.componentStack||"";X(V,F,!1,Y.Render,B?.componentStack),Z(),ee(!0)}catch{}}render(){const{hasError:V,error:B}=this.state;if(!V||!B)return this.props.children;const{rootFrame:F,frames:R}=W(B.stack||""),I=B.name||S("errors.title"),L=I.includes("Syntax")||I.includes("Type")||I.includes("Reference");return this.props.fallbackType==="inline"?<C style={t.inlineContainer}>
+${k.stack||"No stack trace available"}
+\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500`;U(F,S("errors.errorReport"))}}}static getDerivedStateFromError(k){return{hasError:!0,error:k}}componentDidCatch(k,B){try{const F=k?.stack||B?.componentStack||"",V=X(k,F,!1,Y.Render,B?.componentStack);V&&!V.id.startsWith("crash_ignored_")&&(Z(),ee(!0))}catch{}}render(){const{hasError:k,error:B}=this.state;if(!k||!B)return this.props.children;const{rootFrame:F,frames:V}=A(B.stack||""),I=B.name||S("errors.title"),L=I.includes("Syntax")||I.includes("Type")||I.includes("Reference");return this.props.fallbackType==="inline"?<C style={t.inlineContainer}>
           <C style={t.inlineHeader}>
             <N color={e.red600}size={18}/>
             <C style={{flex:1}}>
@@ -25,7 +25,7 @@ ${V.stack||"No stack trace available"}
           </C>
           <C style={t.inlineActions}>
             <O onPress={this.handleReset}style={t.inlineBtn}activeOpacity={.7}>
-              <A size={12}color={e.white}/>
+              <W size={12}color={e.white}/>
               <T style={t.inlineBtnText}>{S("errors.retry")}</T>
             </O>
             <O onPress={this.handleCopyTrace}style={t.inlineCopyBtn}activeOpacity={.7}>
@@ -98,11 +98,11 @@ ${V.stack||"No stack trace available"}
               <C style={t.stackCardHeader}>
                 <T style={t.cardHeaderTitle}>{S("errors.callStack")}</T>
                 <T style={t.frameCountText}>
-                  {S("errors.framesCount",{count:R.length})}
+                  {S("errors.framesCount",{count:V.length})}
                 </T>
               </C>
 
-              {R.slice(0,8).map((P,z)=><C key={z}style={[t.frameItem,P.isProjectFile&&t.frameItemProject]}>
+              {V.slice(0,8).map((P,z)=><C key={z}style={[t.frameItem,P.isProjectFile&&t.frameItemProject]}>
                   <C style={t.frameNumBadge}>
                     <T style={[t.frameNumText,P.isProjectFile&&{color:e.sky400}]}>
                       #{z+1}
@@ -126,7 +126,7 @@ ${V.stack||"No stack trace available"}
           
           <C style={t.footer}>
             <O onPress={this.handleReset}style={t.retryBtn}activeOpacity={.8}>
-              <A size={16}color={e.white}/>
+              <W size={16}color={e.white}/>
               <T style={t.retryBtnText}>{S("errors.tryAgainRecover")}</T>
             </O>
 

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

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