react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -1,6 +1,6 @@
-import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k}from"react";import{Modal as Ze,View as T,Text as C,TextInput as Le,StyleSheet as Pe,Pressable as Qe,Animated as L,Easing as J,ScrollView as Ye,Platform as _e,Share as Ee}from"react-native";import F from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as w}from"../../styles/AppFonts";import{ExportIcon as Ce,ShareIcon as Ct,SaveIcon as Tt,CopyIcon as St,CloseWhite as Bt,CircleCheckIcon as Ft,InfoCircleIcon as Vt,WarningTriangleIcon as It,ErrorCircleIcon as Rt,LayersIcon as We,FilterIcon as At,CheckIcon as Dt,ZapIcon as Ht,PenIcon as Lt}from"../NetworkIcons";import{triggerNativeHaptic as R}from"../../native/NativeInspector";import{copyToClipboard as Pt,showToast as X}from"../../helpers";import{formatConsoleLogsExport as Et,estimateConsoleLogsExportSize as Wt,generateConsoleLogsFilename as Ot}from"../../helpers/shareFormatter";import{useTranslation as Mt}from"../../i18n";export const ConsoleExportModal=({visible:ae,onClose:Z,filteredLogs:Q,allLogs:Y})=>{const{t:S}=Mt(),[O,_]=k("config"),[P,be]=k("filtered"),[j,Te]=k("info"),[V,se]=k("all"),[de,we]=k("50"),[M,Se]=k(""),[A,Be]=k("txt"),[ce,ke]=k(!1),[ge,ve]=k(!1),[ue,Fe]=k(!1),[pe,Ve]=k(!1),[me,Ie]=k(!1),[Oe,fe]=k(0),[Me,ye]=k(0),[D,Re]=k(""),[H,ze]=k(""),[$e,Ae]=k(0),N=He(new L.Value(0)).current,ee=He(new L.Value(1)).current,E=$(()=>{if(!M||M.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(M.trim(),"i")}}catch(o){return{isValid:!1,error:o?.message||"Invalid pattern",regex:null}}},[M]),te=$(()=>({includeStackTrace:ce,includeArguments:ge,includeCaller:ue,includeTimestamps:pe,includeAppInfo:me,includeDuplicates:!1,ignorePattern:V==="custom"&&E.isValid?M.trim():void 0}),[ce,ge,ue,pe,me,V,E.isValid,M]);De(()=>{if(O==="progress"){const o=L.loop(L.sequence([L.timing(ee,{toValue:1.05,duration:600,easing:J.inOut(J.ease),useNativeDriver:!0}),L.timing(ee,{toValue:1,duration:600,easing:J.inOut(J.ease),useNativeDriver:!0})]));return o.start(),()=>o.stop()}},[O,ee]),De(()=>{ae&&(_("config"),se("all"),Te("info"),Be("txt"),we("50"),Se(""),ke(!1),ve(!1),Fe(!1),Ve(!1),Ie(!1),fe(0),ye(0),Re(""),ze(""),Ae(0),N.setValue(0))},[ae,N]);const G=$(()=>P==="filtered"?Q:Y,[P,Q,Y]),K=$(()=>j==="all"?G:G.filter(o=>j==="info"?o.type==="info"||o.sourceMethod==="log"||o.sourceMethod==="info":j==="warn"?o.type==="warn":j==="error"?o.type==="error":!0),[G,j]),oe=$(()=>{let o=0,B=0,I=0;return G.forEach(W=>{W.type==="error"?I++:W.type==="warn"?B++:o++}),{all:G.length,info:o,warn:B,error:I}},[G]),{selectedLogs:v,ignoredCount:re}=$(()=>{if(K.length===0)return{selectedLogs:[],ignoredCount:0};let B=K,I=0;if(V==="custom"&&E.regex){const z=E.regex,ie=B.length;B=B.filter(U=>{const qe=U.message||"",Je=U.rawArgs?JSON.stringify(U.rawArgs):"",Xe=U.caller||"";return!z.test(qe)&&!z.test(Je)&&!z.test(Xe)}),I=ie-B.length}let W=B.length;if(V==="all")W=B.length;else if(V==="custom"){const z=parseInt(de,10);W=isNaN(z)||z<=0?B.length:Math.min(z,B.length)}return{selectedLogs:B.slice(-W),ignoredCount:I}},[K,V,de,E.regex]),le=$(()=>Wt(v,A,te),[v,A,te]),q=o=>o<=0?"0 KB":o<1024?`${(o/1024).toFixed(2)} KB`:o<1024*1024?`${(o/1024).toFixed(1)} KB`:`${(o/(1024*1024)).toFixed(2)} MB`,je=ne(()=>{if(v.length===0){X(S("console.noLogsToExport","No logs available to export"));return}R("medium"),_("progress"),fe(0),ye(0),N.setValue(0);const o=v.length,B=Math.max(1,Math.floor(o/10));let I=0;const W=setInterval(()=>{I=Math.min(I+B,o);const z=I/o;fe(Math.round(z*100)),ye(I),L.timing(N,{toValue:z,duration:120,easing:J.linear,useNativeDriver:!1}).start(),I>=o&&(clearInterval(W),setTimeout(()=>{const ie=Et(v,A,te),U=Ot(A);Re(ie),ze(U),Ae(ie.length),_("complete"),R("heavy")},180))},45)},[v,A,te,N,S]),Ne=ne(async()=>{if(D){R("light");try{await Ee.share({title:H,message:D},{dialogTitle:`Share ${H}`,subject:H})}catch(o){o?.message!=="User did not share"&&X(o?.message||"Failed to open share sheet")}}},[D,H]),Ge=ne(async()=>{if(D){R("medium");try{await Ee.share({title:`Save ${H}`,message:D},{dialogTitle:`Save to Disk (${H})`,subject:H}),X(S("console.savePromptOpened","Opened save to disk dialog"))}catch(o){o?.message!=="User did not share"&&X(o?.message||"Save error")}}},[D,H,S]),Ue=ne(()=>{D&&(R("light"),Pt(D,"Console Logs"),X(S("console.copiedLogs","Logs copied to clipboard!")))},[D,S]),Ke=Q.length!==Y.length;return<Ze visible={ae}transparent animationType="slide"onRequestClose={Z}>
+import{useCallback as ae,useEffect as De,useMemo as j,useRef as Le,useState as v}from"react";import{Modal as Ye,View as T,Text as C,TextInput as He,StyleSheet as Pe,Pressable as _e,Animated as P,Easing as Z,ScrollView as Ct,Platform as bt,Share as Ee}from"react-native";import F from"../TouchableScale";import{AppColors as t}from"../../styles/AppColors";import{AppFonts as w}from"../../styles/AppFonts";import{ExportIcon as Ce,ShareIcon as Tt,SaveIcon as St,CopyIcon as Bt,CloseWhite as Ft,CircleCheckIcon as Vt,InfoCircleIcon as It,WarningTriangleIcon as Rt,ErrorCircleIcon as zt,LayersIcon as Oe,FilterIcon as At,CheckIcon as Dt,ZapIcon as Lt,PenIcon as Ht}from"../NetworkIcons";import{triggerNativeHaptic as D,writeNativeExportFile as We,shareNativeFile as Me}from"../../native/NativeInspector";import{copyToClipboard as Pt,showToast as q}from"../../helpers";import{formatConsoleLogsExport as Et,estimateConsoleLogsExportSize as Ot,generateConsoleLogsFilename as Wt}from"../../helpers/shareFormatter";import{useTranslation as Mt}from"../../i18n";export const ConsoleExportModal=({visible:se,onClose:Q,filteredLogs:Y,allLogs:_})=>{const{t:S}=Mt(),[M,ee]=v("config"),[E,be]=v("filtered"),[N,Te]=v("info"),[V,de]=v("all"),[ce,we]=v("50"),[$,Se]=v(""),[I,Be]=v("txt"),[ge,ve]=v(!1),[ue,ke]=v(!1),[pe,Fe]=v(!1),[me,Ve]=v(!1),[fe,Ie]=v(!1),[$e,ye]=v(0),[je,he]=v(0),[L,Re]=v(""),[R,ze]=v(""),[Ne,Ae]=v(0),G=Le(new P.Value(0)).current,te=Le(new P.Value(1)).current,O=j(()=>{if(!$||$.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp($.trim(),"i")}}catch(o){return{isValid:!1,error:o?.message||"Invalid pattern",regex:null}}},[$]),oe=j(()=>({includeStackTrace:ge,includeArguments:ue,includeCaller:pe,includeTimestamps:me,includeAppInfo:fe,includeDuplicates:!1,ignorePattern:V==="custom"&&O.isValid?$.trim():void 0}),[ge,ue,pe,me,fe,V,O.isValid,$]);De(()=>{if(M==="progress"){const o=P.loop(P.sequence([P.timing(te,{toValue:1.05,duration:600,easing:Z.inOut(Z.ease),useNativeDriver:!0}),P.timing(te,{toValue:1,duration:600,easing:Z.inOut(Z.ease),useNativeDriver:!0})]));return o.start(),()=>o.stop()}},[M,te]),De(()=>{se&&(ee("config"),de("all"),Te("info"),Be("txt"),we("50"),Se(""),ve(!1),ke(!1),Fe(!1),Ve(!1),Ie(!1),ye(0),he(0),Re(""),ze(""),Ae(0),G.setValue(0))},[se,G]);const U=j(()=>E==="filtered"?Y:_,[E,Y,_]),J=j(()=>N==="all"?U:U.filter(o=>N==="info"?o.type==="info"||o.sourceMethod==="log"||o.sourceMethod==="info":N==="warn"?o.type==="warn":N==="error"?o.type==="error":!0),[U,N]),re=j(()=>{let o=0,B=0,A=0;return U.forEach(W=>{W.type==="error"?A++:W.type==="warn"?B++:o++}),{all:U.length,info:o,warn:B,error:A}},[U]),{selectedLogs:k,ignoredCount:le}=j(()=>{if(J.length===0)return{selectedLogs:[],ignoredCount:0};let B=J,A=0;if(V==="custom"&&O.regex){const H=O.regex,ne=B.length;B=B.filter(K=>{const Xe=K.message||"",Ze=K.rawArgs?JSON.stringify(K.rawArgs):"",Qe=K.caller||"";return!H.test(Xe)&&!H.test(Ze)&&!H.test(Qe)}),A=ne-B.length}let W=B.length;if(V==="all")W=B.length;else if(V==="custom"){const H=parseInt(ce,10);W=isNaN(H)||H<=0?B.length:Math.min(H,B.length)}return{selectedLogs:B.slice(-W),ignoredCount:A}},[J,V,ce,O.regex]),ie=j(()=>Ot(k,I,oe),[k,I,oe]),X=o=>o<=0?"0 KB":o<1024?`${(o/1024).toFixed(2)} KB`:o<1024*1024?`${(o/1024).toFixed(1)} KB`:`${(o/(1024*1024)).toFixed(2)} MB`,Ge=ae(()=>{if(k.length===0){q(S("console.noLogsToExport","No logs available to export"));return}D("medium"),ee("progress"),ye(0),he(0),G.setValue(0);const o=k.length,B=Math.max(1,Math.floor(o/10));let A=0;const W=setInterval(()=>{A=Math.min(A+B,o);const H=A/o;ye(Math.round(H*100)),he(A),P.timing(G,{toValue:H,duration:120,easing:Z.linear,useNativeDriver:!1}).start(),A>=o&&(clearInterval(W),setTimeout(()=>{const ne=Et(k,I,oe),K=Wt(I);Re(ne),ze(K),Ae(ne.length),ee("complete"),D("heavy")},180))},45)},[k,I,oe,G,S]),Ue=ae(async()=>{if(L){D("light");try{const o=await We(R,L);if(o&&await Me(o,"text/plain",R))return;await Ee.share({title:R,message:L,url:o||void 0},{dialogTitle:`Share ${R}`,subject:R})}catch(o){o?.message!=="User did not share"&&q(o?.message||"Failed to open share sheet")}}},[L,R,I]),Ke=ae(async()=>{if(L){D("medium");try{const o=await We(R,L);if(o&&await Me(o,"text/plain",`Save ${R}`)){q(S("console.savePromptOpened","Opened save to disk dialog"));return}await Ee.share({title:`Save ${R}`,message:L,url:o||void 0},{dialogTitle:`Save to Disk (${R})`,subject:R}),q(S("console.savePromptOpened","Opened save to disk dialog"))}catch(o){o?.message!=="User did not share"&&q(o?.message||"Save error")}}},[L,R,I,S]),qe=ae(()=>{L&&(D("light"),Pt(L,"Console Logs"),q(S("console.copiedLogs","Logs copied to clipboard!")))},[L,S]),Je=Y.length!==_.length;return<Ye visible={se}transparent animationType="slide"onRequestClose={Q}>
       <T style={e.overlay}>
-        <Qe style={e.backdrop}onPress={Z}/>
+        <_e style={e.backdrop}onPress={Q}/>
 
         <T style={e.bottomSheetCard}>
           
@@ -19,36 +19,36 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                   {S("console.exportTitle","Export Console Logs")}
                 </C>
                 <C style={e.subtitle}>
-                  {O==="config"?`${v.length} logs ready for export`:O==="progress"?"Preparing exported file...":"Export complete"}
+                  {M==="config"?`${k.length} logs ready for export`:M==="progress"?"Preparing exported file...":"Export complete"}
                 </C>
               </T>
             </T>
-            <F onPress={Z}hitSlop={10}style={e.closeBtn}>
-              <Bt size={12}color={t.grayTextWeak}/>
+            <F onPress={Q}hitSlop={10}style={e.closeBtn}>
+              <Ft size={12}color={t.grayTextWeak}/>
             </F>
           </T>
 
           
-          {O==="config"&&<>
-              <Ye showsVerticalScrollIndicator={!1}contentContainerStyle={e.configContainer}>
+          {M==="config"&&<>
+              <Ct showsVerticalScrollIndicator={!1}contentContainerStyle={e.configContainer}>
                 
-                {Ke&&<T style={e.section}>
+                {Je&&<T style={e.section}>
                     <C style={e.sectionLabel}>
                       {S("console.exportScope","LOG SOURCE SCOPE")}
                     </C>
                     <T style={e.segmentedRow}>
-                      <F onPress={()=>{R("light"),be("filtered")}}style={[e.segmentBtn,P==="filtered"&&e.segmentBtnActive]}>
-                        <At size={13}color={P==="filtered"?t.purple:t.grayTextWeak}/>
-                        <C style={[e.segmentBtnText,P==="filtered"&&e.segmentBtnTextActive]}>
+                      <F onPress={()=>{D("light"),be("filtered")}}style={[e.segmentBtn,E==="filtered"&&e.segmentBtnActive]}>
+                        <At size={13}color={E==="filtered"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,E==="filtered"&&e.segmentBtnTextActive]}>
                           {S("console.filteredView","Active Filter")} (
-                          {Q.length})
+                          {Y.length})
                         </C>
                       </F>
 
-                      <F onPress={()=>{R("light"),be("all")}}style={[e.segmentBtn,P==="all"&&e.segmentBtnActive]}>
-                        <We size={13}color={P==="all"?t.purple:t.grayTextWeak}/>
-                        <C style={[e.segmentBtnText,P==="all"&&e.segmentBtnTextActive]}>
-                          {S("console.allLogsScope","All Logs")} ({Y.length})
+                      <F onPress={()=>{D("light"),be("all")}}style={[e.segmentBtn,E==="all"&&e.segmentBtnActive]}>
+                        <Oe size={13}color={E==="all"?t.purple:t.grayTextWeak}/>
+                        <C style={[e.segmentBtnText,E==="all"&&e.segmentBtnTextActive]}>
+                          {S("console.allLogsScope","All Logs")} ({_.length})
                         </C>
                       </F>
                     </T>
@@ -58,8 +58,8 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                 <T style={e.section}>
                   <C style={e.sectionLabel}>LOG LEVEL FILTER</C>
                   <T style={e.levelRow}>
-                    {[{id:"all",label:"All",count:oe.all,color:t.purple,Icon:We},{id:"info",label:"Info / Log",count:oe.info,color:t.sky600,Icon:Vt},{id:"warn",label:"Warn",count:oe.warn,color:t.amber600,Icon:It},{id:"error",label:"Error",count:oe.error,color:t.errorColor,Icon:Rt}].map(o=>{const B=j===o.id,I=o.Icon;return<F key={o.id}onPress={()=>{R("light"),Te(o.id)}}style={[e.levelChip,B&&{backgroundColor:`${o.color}15`,borderColor:o.color}]}>
-                          <I size={11}color={B?o.color:t.grayTextWeak}/>
+                    {[{id:"all",label:"All",count:re.all,color:t.purple,Icon:Oe},{id:"info",label:"Info / Log",count:re.info,color:t.sky600,Icon:It},{id:"warn",label:"Warn",count:re.warn,color:t.amber600,Icon:Rt},{id:"error",label:"Error",count:re.error,color:t.errorColor,Icon:zt}].map(o=>{const B=N===o.id,A=o.Icon;return<F key={o.id}onPress={()=>{D("light"),Te(o.id)}}style={[e.levelChip,B&&{backgroundColor:`${o.color}15`,borderColor:o.color}]}>
+                          <A size={11}color={B?o.color:t.grayTextWeak}/>
                           <C style={[e.levelChipText,B&&{color:o.color,fontFamily:w.interBold}]}>
                             {o.label}
                           </C>
@@ -78,22 +78,22 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                     <C style={e.sectionLabel}>LOGS COUNT RANGE</C>
                     <T style={e.countPill}>
                       <C style={e.countPillText}>
-                        Matched: {K.length}
+                        Matched: {J.length}
                       </C>
                     </T>
                   </T>
 
                   
                   <T style={e.segmentedRow}>
-                    <F onPress={()=>{R("light"),se("all")}}style={[e.segmentBtn,V==="all"&&e.segmentBtnActive]}>
-                      <Ht size={13}color={V==="all"?t.purple:t.grayTextStrong}/>
+                    <F onPress={()=>{D("light"),de("all")}}style={[e.segmentBtn,V==="all"&&e.segmentBtnActive]}>
+                      <Lt size={13}color={V==="all"?t.purple:t.grayTextStrong}/>
                       <C style={[e.segmentBtnText,V==="all"&&e.segmentBtnTextActive]}>
-                        All ({K.length})
+                        All ({J.length})
                       </C>
                     </F>
 
-                    <F onPress={()=>{R("light"),se("custom")}}style={[e.segmentBtn,V==="custom"&&e.segmentBtnActive]}>
-                      <Lt size={12}color={V==="custom"?t.purple:t.grayTextStrong}/>
+                    <F onPress={()=>{D("light"),de("custom")}}style={[e.segmentBtn,V==="custom"&&e.segmentBtnActive]}>
+                      <Ht size={12}color={V==="custom"?t.purple:t.grayTextStrong}/>
                       <C style={[e.segmentBtnText,V==="custom"&&e.segmentBtnTextActive]}>
                         Custom
                       </C>
@@ -107,7 +107,7 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                         <C style={e.customFieldLabel}>
                           {S("console.enterCount","Enter number of logs:")}
                         </C>
-                        <Le keyboardType="number-pad"value={de}onChangeText={we}style={e.customCountInput}placeholder="e.g. 50"placeholderTextColor={t.slate400}/>
+                        <He keyboardType="number-pad"value={ce}onChangeText={we}style={e.customCountInput}placeholder="e.g. 50"placeholderTextColor={t.slate400}/>
                       </T>
 
                       
@@ -116,16 +116,16 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                           <C style={e.customFieldLabel}>
                             {S("console.ignorePatterns","Ignore Patterns (Regex):")}
                           </C>
-                          {E.isValid&&re>0&&<T style={e.regexExclusionBadge}>
+                          {O.isValid&&le>0&&<T style={e.regexExclusionBadge}>
                               <C style={e.regexExclusionBadgeText}>
-                                -{re} excluded
+                                -{le} excluded
                               </C>
                             </T>}
                         </T>
 
-                        <Le autoCapitalize="none"autoCorrect={!1}value={M}onChangeText={Se}style={[e.regexInput,!E.isValid&&e.regexInputError]}placeholder="e.g. ^\[DEBUG\]|analytics|token=.*"placeholderTextColor={t.slate400}/>
+                        <He autoCapitalize="none"autoCorrect={!1}value={$}onChangeText={Se}style={[e.regexInput,!O.isValid&&e.regexInputError]}placeholder="e.g. ^\[DEBUG\]|analytics|token=.*"placeholderTextColor={t.slate400}/>
 
-                        {E.isValid?<C style={e.regexHelpText}>
+                        {O.isValid?<C style={e.regexHelpText}>
                             {S("console.ignorePatternsDesc","Logs matching this regex will be excluded from export.")}
                           </C>:<C style={e.regexErrorText}>
                             ⚠️{" "}
@@ -139,7 +139,7 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                 <T style={e.section}>
                   <C style={e.sectionLabel}>EXPORT FORMAT</C>
                   <T style={e.formatRowInline}>
-                    {[{id:"txt",label:"Plain Text (.txt)",desc:"Universal text with structured banners"},{id:"log",label:"Log File (.log)",desc:"Standard log format with frame blocks"}].map(o=>{const B=A===o.id;return<F key={o.id}onPress={()=>{R("light"),Be(o.id)}}style={[e.formatCardInline,B&&e.formatCardInlineActive]}>
+                    {[{id:"txt",label:"Plain Text (.txt)",desc:"Universal text with structured banners"},{id:"log",label:"Log File (.log)",desc:"Standard log format with frame blocks"}].map(o=>{const B=I===o.id;return<F key={o.id}onPress={()=>{D("light"),Be(o.id)}}style={[e.formatCardInline,B&&e.formatCardInlineActive]}>
                           <T style={e.formatCardInlineHeader}>
                             <T style={[e.radioCircle,B&&e.radioCircleActive]}>
                               {B&&<T style={e.radioDot}/>}
@@ -157,7 +157,7 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                 <T style={e.section}>
                   <C style={e.sectionLabel}>CONTENT OPTIONS</C>
                   <T style={e.optionsGrid}>
-                    {[{key:"stack",label:"Stack Trace & Frames",value:ce,toggle:()=>ke(o=>!o)},{key:"args",label:"Arguments & Payloads",value:ge,toggle:()=>ve(o=>!o)},{key:"caller",label:"Caller & File Origin",value:ue,toggle:()=>Fe(o=>!o)},{key:"timestamps",label:"Exact Timestamps",value:pe,toggle:()=>Ve(o=>!o)},{key:"appinfo",label:"System Header Banner",value:me,toggle:()=>Ie(o=>!o)}].map(o=><F key={o.key}onPress={()=>{R("light"),o.toggle()}}style={[e.optionRow,o.value&&e.optionRowActive]}>
+                    {[{key:"stack",label:"Stack Trace & Frames",value:ge,toggle:()=>ve(o=>!o)},{key:"args",label:"Arguments & Payloads",value:ue,toggle:()=>ke(o=>!o)},{key:"caller",label:"Caller & File Origin",value:pe,toggle:()=>Fe(o=>!o)},{key:"timestamps",label:"Exact Timestamps",value:me,toggle:()=>Ve(o=>!o)},{key:"appinfo",label:"System Header Banner",value:fe,toggle:()=>Ie(o=>!o)}].map(o=><F key={o.key}onPress={()=>{D("light"),o.toggle()}}style={[e.optionRow,o.value&&e.optionRowActive]}>
                         <T style={[e.checkbox,o.value&&e.checkboxActive]}>
                           {o.value&&<Dt size={10}color={t.white}/>}
                         </T>
@@ -167,7 +167,7 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                       </F>)}
                   </T>
                 </T>
-              </Ye>
+              </Ct>
 
               
               <T style={e.staticFooter}>
@@ -175,64 +175,64 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
                   <T style={e.footerSummaryLeft}>
                     <T style={e.footerSummaryDot}/>
                     <C style={e.footerSummaryCountText}>
-                      {v.length} logs
+                      {k.length} logs
                     </C>
                     <C style={e.footerSummaryDivider}>•</C>
                     <C style={e.footerSummarySizeText}>
-                      ~{q(le)}
+                      ~{X(ie)}
                     </C>
                     <C style={e.footerSummaryDivider}>•</C>
                     <C style={e.footerSummaryFormatText}>
-                      .{A.toUpperCase()}
+                      .{I.toUpperCase()}
                     </C>
                   </T>
 
-                  {re>0&&<T style={e.footerIgnoredPill}>
+                  {le>0&&<T style={e.footerIgnoredPill}>
                       <C style={e.footerIgnoredPillText}>
-                        -{re} ignored
+                        -{le} ignored
                       </C>
                     </T>}
                 </T>
 
-                <F onPress={je}disabled={v.length===0}style={[e.exportActionBtn,v.length===0&&e.exportActionBtnDisabled]}>
+                <F onPress={Ge}disabled={k.length===0}style={[e.exportActionBtn,k.length===0&&e.exportActionBtnDisabled]}>
                   <Ce size={17}color={t.white}/>
                   <C style={e.exportActionBtnText}>
-                    {S("console.exportLogsAction",{count:v.length,size:q(le),defaultValue:`Export ${v.length} Logs (${q(le)})`})}
+                    {S("console.exportLogsAction",{count:k.length,size:X(ie),defaultValue:`Export ${k.length} Logs (${X(ie)})`})}
                   </C>
                 </F>
               </T>
             </>}
 
           
-          {O==="progress"&&<T style={e.progressContainer}>
-              <L.View style={[e.progressIconBadge,{transform:[{scale:ee}]}]}>
+          {M==="progress"&&<T style={e.progressContainer}>
+              <P.View style={[e.progressIconBadge,{transform:[{scale:te}]}]}>
                 <Ce size={30}color={t.purple}/>
-              </L.View>
+              </P.View>
 
               <C style={e.progressHeading}>
                 {S("console.exportingLogs","Exporting Console Logs...")}
               </C>
               <C style={e.progressSub}>
-                {S("console.processingItem","Processing")} {Me} /{" "}
-                {v.length} {S("console.records","records")} (
-                {Oe}%)
+                {S("console.processingItem","Processing")} {je} /{" "}
+                {k.length} {S("console.records","records")} (
+                {$e}%)
               </C>
 
               
               <T style={e.progressTrack}>
-                <L.View style={[e.progressBar,{width:N.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
+                <P.View style={[e.progressBar,{width:G.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
               </T>
 
               <C style={e.progressFootnote}>
-                Formatting .{A.toUpperCase()} payload with separators •{" "}
-                {q(le)}
+                Formatting .{I.toUpperCase()} payload with separators •{" "}
+                {X(ie)}
               </C>
             </T>}
 
           
-          {O==="complete"&&<T style={e.completeContainer}>
+          {M==="complete"&&<T style={e.completeContainer}>
               <T style={e.completeSuccessBadge}>
-                <Ft size={34}color={t.emerald500}/>
+                <Vt size={34}color={t.emerald500}/>
               </T>
 
               <C style={e.completeTitle}>
@@ -245,27 +245,27 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
               
               <T style={e.fileDetailsCard}>
                 <T style={e.fileDetailsRow}>
-                  <C style={e.fileDetailLabel}>📁 File:</C>
+                  <C style={e.fileDetailLabel}>📁 {S("console.exportFileLabel","File:")}</C>
                   <C style={e.fileDetailValue}numberOfLines={1}>
-                    {H}
+                    {R}
                   </C>
                 </T>
                 <T style={e.fileDetailsRow}>
-                  <C style={e.fileDetailLabel}>📊 Log Count:</C>
+                  <C style={e.fileDetailLabel}>📊 {S("console.exportLogCountLabel","Log Count:")}</C>
                   <C style={e.fileDetailValue}>
-                    {v.length} logs
+                    {k.length} logs
                   </C>
                 </T>
                 <T style={e.fileDetailsRow}>
-                  <C style={e.fileDetailLabel}>💾 Final Size:</C>
+                  <C style={e.fileDetailLabel}>💾 {S("console.exportFinalSizeLabel","Final Size:")}</C>
                   <C style={[e.fileDetailValue,{color:t.emerald500,fontFamily:w.interBold}]}>
-                    {q($e)}
+                    {X(Ne)}
                   </C>
                 </T>
                 <T style={e.fileDetailsRow}>
-                  <C style={e.fileDetailLabel}>⚙️ Format:</C>
+                  <C style={e.fileDetailLabel}>⚙️ {S("console.exportFormatLabel","Format:")}</C>
                   <C style={e.fileDetailValue}>
-                    .{A.toUpperCase()}
+                    .{I.toUpperCase()}
                   </C>
                 </T>
               </T>
@@ -273,24 +273,24 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
               
               <T style={e.actionButtonGroup}>
                 
-                <F onPress={Ne}style={[e.primaryActionBtn,e.shareBtn]}>
-                  <Ct size={15}color={t.white}/>
+                <F onPress={Ue}style={[e.primaryActionBtn,e.shareBtn]}>
+                  <Tt size={15}color={t.white}/>
                   <C style={e.primaryActionBtnText}>
                     {S("console.shareReport","Share Logs")}
                   </C>
                 </F>
 
                 
-                <F onPress={Ge}style={[e.primaryActionBtn,e.saveDiskBtn]}>
-                  <Tt size={15}color={t.white}/>
+                <F onPress={Ke}style={[e.primaryActionBtn,e.saveDiskBtn]}>
+                  <St size={15}color={t.white}/>
                   <C style={e.primaryActionBtnText}>
                     {S("console.saveToDisk","Save to Disk")}
                   </C>
                 </F>
 
                 
-                <F onPress={Ue}style={e.secondaryActionBtn}>
-                  <St size={14}color={t.purple}/>
+                <F onPress={qe}style={e.secondaryActionBtn}>
+                  <Bt size={14}color={t.purple}/>
                   <C style={e.secondaryActionBtnText}>
                     {S("console.copyToClipboard","Copy Content")}
                   </C>
@@ -299,13 +299,13 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
 
               
               <T style={e.bottomFooterRow}>
-                <F onPress={()=>_("config")}style={e.textBtn}>
+                <F onPress={()=>ee("config")}style={e.textBtn}>
                   <C style={e.textBtnText}>
                     {S("console.exportAnother","\u2190 Export Another")}
                   </C>
                 </F>
 
-                <F onPress={Z}style={e.doneBtn}>
+                <F onPress={Q}style={e.doneBtn}>
                   <C style={e.doneBtnText}>
                     {S("common.done","Done")}
                   </C>
@@ -314,4 +314,4 @@ import{useCallback as ne,useEffect as De,useMemo as $,useRef as He,useState as k
             </T>}
         </T>
       </T>
-    </Ze>};const e=Pe.create({overlay:{flex:1,backgroundColor:"rgba(0,0,0,0.55)",justifyContent:"flex-end"},backdrop:{...Pe.absoluteFillObject},bottomSheetCard:{width:"100%",maxHeight:"86%",backgroundColor:t.white,borderTopLeftRadius:24,borderTopRightRadius:24,overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:-6},shadowOpacity:.18,shadowRadius:16,elevation:24},sheetHandleContainer:{width:"100%",alignItems:"center",paddingTop:8,paddingBottom:4,backgroundColor:"#FAF9FE"},sheetHandle:{width:38,height:4,borderRadius:2,backgroundColor:`${t.grayTextWeak}40`},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingVertical:12,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:"#FAF9FE",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:4,elevation:3},headerLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},headerTextGroup:{gap:2},iconBadge:{width:36,height:36,borderRadius:10,backgroundColor:`${t.purple}14`,borderWidth:1,borderColor:`${t.purple}28`,justifyContent:"center",alignItems:"center"},title:{fontFamily:w.interBold,fontSize:15.5,lineHeight:20,color:t.primaryBlack,letterSpacing:-.2},subtitle:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextWeak},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:t.dividerColor,justifyContent:"center",alignItems:"center"},configContainer:{padding:16,gap:14},section:{gap:7},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionLabel:{fontFamily:w.interBold,fontSize:10.5,lineHeight:14,color:t.grayTextWeak,letterSpacing:.6},levelRow:{flexDirection:"row",flexWrap:"wrap",gap:6},levelChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:5.5,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:5},levelChipText:{fontFamily:w.interMedium,fontSize:11,lineHeight:15,color:t.primaryBlack},levelCountBadge:{backgroundColor:"rgba(0,0,0,0.06)",paddingHorizontal:4.5,paddingVertical:1,borderRadius:5},levelCountText:{fontFamily:w.interBold,fontSize:9.5,color:t.grayTextStrong},countPill:{backgroundColor:`${t.purple}12`,paddingHorizontal:8,paddingVertical:2,borderRadius:6},countPillText:{fontFamily:w.interSemiBold,fontSize:10.5,color:t.purple},segmentedRow:{flexDirection:"row",gap:7},segmentBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:8.5,borderRadius:9,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},segmentBtnActive:{backgroundColor:`${t.purple}14`,borderColor:t.purple},segmentBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},segmentBtnTextActive:{color:t.purple,fontFamily:w.interBold},customOptionsContainer:{marginTop:6,padding:11,borderRadius:10,backgroundColor:"#F8FAFC",borderWidth:1,borderColor:t.dividerColor,gap:10},customFieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10},customFieldLabel:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},customCountInput:{width:90,backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:5.5,fontSize:12.5,fontFamily:w.interSemiBold,color:t.primaryBlack,textAlign:"center"},regexFieldBlock:{gap:5,paddingTop:4,borderTopWidth:1,borderTopColor:t.dividerColor},regexLabelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},regexExclusionBadge:{backgroundColor:`${t.purple}14`,paddingHorizontal:7,paddingVertical:2,borderRadius:5},regexExclusionBadgeText:{fontFamily:w.interBold,fontSize:10,color:t.purple},regexInput:{backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:6,fontSize:12,fontFamily:w.interRegular,color:t.primaryBlack},regexInputError:{borderColor:t.errorColor,backgroundColor:`${t.errorColor}08`},regexErrorText:{fontFamily:w.interMedium,fontSize:10.5,lineHeight:14,color:t.errorColor},regexHelpText:{fontFamily:w.interRegular,fontSize:10.5,lineHeight:14,color:t.grayTextWeak},formatRowInline:{flexDirection:"row",gap:8},formatCardInline:{flex:1,padding:10,borderRadius:10,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:4},formatCardInlineActive:{backgroundColor:`${t.purple}0C`,borderColor:t.purple},formatCardInlineHeader:{flexDirection:"row",alignItems:"center",gap:6},radioCircle:{width:14,height:14,borderRadius:7,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},radioCircleActive:{borderColor:t.purple},radioDot:{width:7,height:7,borderRadius:3.5,backgroundColor:t.purple},formatCardTitle:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},formatCardTitleActive:{fontFamily:w.interBold,color:t.purple},formatCardDesc:{fontFamily:w.interRegular,fontSize:10,lineHeight:13,color:t.grayTextWeak,paddingLeft:20},optionsGrid:{flexDirection:"column",gap:5},optionRow:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:7,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:8},optionRowActive:{backgroundColor:`${t.purple}0A`,borderColor:`${t.purple}30`},checkbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},checkboxActive:{backgroundColor:t.purple,borderColor:t.purple},optionLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},optionLabelActive:{fontFamily:w.interSemiBold,color:t.primaryBlack},staticFooter:{paddingHorizontal:16,paddingTop:10,paddingBottom:_e.OS==="ios"?26:14,backgroundColor:t.white,borderTopWidth:1,borderTopColor:t.dividerColor,shadowColor:t.purple,shadowOffset:{width:0,height:-4},shadowOpacity:.12,shadowRadius:8,elevation:8,gap:8},footerMinimalSummary:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:2},footerSummaryLeft:{flexDirection:"row",alignItems:"center",gap:6},footerSummaryDot:{width:6,height:6,borderRadius:3,backgroundColor:t.emerald500||"#10B981"},footerSummaryCountText:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},footerSummaryDivider:{fontSize:10,color:t.grayTextWeak},footerSummarySizeText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.purple},footerSummaryFormatText:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},footerIgnoredPill:{backgroundColor:`${t.errorColor}12`,paddingHorizontal:7,paddingVertical:1.5,borderRadius:5},footerIgnoredPillText:{fontFamily:w.interSemiBold,fontSize:10,color:t.errorColor},exportActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:t.purple,paddingVertical:12,borderRadius:12,gap:7,shadowColor:t.purple,shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:8,elevation:4},exportActionBtnDisabled:{opacity:.5},exportActionBtnText:{fontFamily:w.interBold,fontSize:13.5,lineHeight:17,color:t.white,letterSpacing:.1},progressContainer:{padding:28,alignItems:"center",justifyContent:"center"},progressIconBadge:{width:60,height:60,borderRadius:30,backgroundColor:`${t.purple}18`,justifyContent:"center",alignItems:"center",marginBottom:14},progressHeading:{fontFamily:w.interBold,fontSize:15.5,lineHeight:21,color:t.primaryBlack,marginBottom:3},progressSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,marginBottom:18},progressTrack:{width:"100%",height:9,backgroundColor:t.grayBackground,borderRadius:4.5,overflow:"hidden",borderWidth:1,borderColor:t.dividerColor,marginBottom:10},progressBar:{height:"100%",backgroundColor:t.purple,borderRadius:4.5},progressFootnote:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},completeContainer:{padding:20,alignItems:"center"},completeSuccessBadge:{width:58,height:58,borderRadius:29,backgroundColor:`${t.emerald500}18`,justifyContent:"center",alignItems:"center",marginBottom:12},completeTitle:{fontFamily:w.interBold,fontSize:16.5,lineHeight:22,color:t.primaryBlack},completeSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,textAlign:"center",marginTop:3,marginBottom:16},fileDetailsCard:{width:"100%",backgroundColor:"#F8FAFC",borderRadius:12,padding:12,borderWidth:1,borderColor:t.dividerColor,gap:7,marginBottom:16},fileDetailsRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},fileDetailLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},fileDetailValue:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack},actionButtonGroup:{width:"100%",gap:8,marginBottom:14},primaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:12,borderRadius:10,gap:7},shareBtn:{backgroundColor:t.purple,shadowColor:t.purple,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},saveDiskBtn:{backgroundColor:t.teal600,shadowColor:t.teal600,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},primaryActionBtnText:{fontFamily:w.interBold,fontSize:13,lineHeight:17,color:t.white},secondaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:10,borderRadius:10,borderWidth:1,borderColor:`${t.purple}40`,backgroundColor:`${t.purple}0C`,gap:6},secondaryActionBtnText:{fontFamily:w.interSemiBold,fontSize:12,lineHeight:15,color:t.purple},bottomFooterRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",paddingTop:8,borderTopWidth:1,borderTopColor:t.dividerColor},textBtn:{paddingVertical:5,paddingHorizontal:8},textBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},doneBtn:{paddingVertical:5,paddingHorizontal:14,borderRadius:6,backgroundColor:t.dividerColor},doneBtnText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack}});export default ConsoleExportModal;
+    </Ye>};const e=Pe.create({overlay:{flex:1,backgroundColor:"rgba(0,0,0,0.55)",justifyContent:"flex-end"},backdrop:{...Pe.absoluteFillObject},bottomSheetCard:{width:"100%",maxHeight:"86%",backgroundColor:t.white,borderTopLeftRadius:24,borderTopRightRadius:24,overflow:"hidden",shadowColor:"#000",shadowOffset:{width:0,height:-6},shadowOpacity:.18,shadowRadius:16,elevation:24},sheetHandleContainer:{width:"100%",alignItems:"center",paddingTop:8,paddingBottom:4,backgroundColor:"#FAF9FE"},sheetHandle:{width:38,height:4,borderRadius:2,backgroundColor:`${t.grayTextWeak}40`},headerRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:18,paddingVertical:12,borderBottomWidth:1,borderBottomColor:t.dividerColor,backgroundColor:"#FAF9FE",shadowColor:"#000",shadowOffset:{width:0,height:2},shadowOpacity:.04,shadowRadius:4,elevation:3},headerLeft:{flexDirection:"row",alignItems:"center",gap:12,flex:1},headerTextGroup:{gap:2},iconBadge:{width:36,height:36,borderRadius:10,backgroundColor:`${t.purple}14`,borderWidth:1,borderColor:`${t.purple}28`,justifyContent:"center",alignItems:"center"},title:{fontFamily:w.interBold,fontSize:15.5,lineHeight:20,color:t.primaryBlack,letterSpacing:-.2},subtitle:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextWeak},closeBtn:{width:28,height:28,borderRadius:14,backgroundColor:t.dividerColor,justifyContent:"center",alignItems:"center"},configContainer:{padding:16,gap:14},section:{gap:7},sectionHeaderRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},sectionLabel:{fontFamily:w.interBold,fontSize:10.5,lineHeight:14,color:t.grayTextWeak,letterSpacing:.6},levelRow:{flexDirection:"row",flexWrap:"wrap",gap:6},levelChip:{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:5.5,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:5},levelChipText:{fontFamily:w.interMedium,fontSize:11,lineHeight:15,color:t.primaryBlack},levelCountBadge:{backgroundColor:"rgba(0,0,0,0.06)",paddingHorizontal:4.5,paddingVertical:1,borderRadius:5},levelCountText:{fontFamily:w.interBold,fontSize:9.5,color:t.grayTextStrong},countPill:{backgroundColor:`${t.purple}12`,paddingHorizontal:8,paddingVertical:2,borderRadius:6},countPillText:{fontFamily:w.interSemiBold,fontSize:10.5,color:t.purple},segmentedRow:{flexDirection:"row",gap:7},segmentBtn:{flex:1,flexDirection:"row",alignItems:"center",justifyContent:"center",gap:6,paddingVertical:8.5,borderRadius:9,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor},segmentBtnActive:{backgroundColor:`${t.purple}14`,borderColor:t.purple},segmentBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},segmentBtnTextActive:{color:t.purple,fontFamily:w.interBold},customOptionsContainer:{marginTop:6,padding:11,borderRadius:10,backgroundColor:"#F8FAFC",borderWidth:1,borderColor:t.dividerColor,gap:10},customFieldRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",gap:10},customFieldLabel:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},customCountInput:{width:90,backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:5.5,fontSize:12.5,fontFamily:w.interSemiBold,color:t.primaryBlack,textAlign:"center"},regexFieldBlock:{gap:5,paddingTop:4,borderTopWidth:1,borderTopColor:t.dividerColor},regexLabelRow:{flexDirection:"row",alignItems:"center",justifyContent:"space-between"},regexExclusionBadge:{backgroundColor:`${t.purple}14`,paddingHorizontal:7,paddingVertical:2,borderRadius:5},regexExclusionBadgeText:{fontFamily:w.interBold,fontSize:10,color:t.purple},regexInput:{backgroundColor:t.white,borderWidth:1,borderColor:t.dividerColor,borderRadius:7,paddingHorizontal:10,paddingVertical:6,fontSize:12,fontFamily:w.interRegular,color:t.primaryBlack},regexInputError:{borderColor:t.errorColor,backgroundColor:`${t.errorColor}08`},regexErrorText:{fontFamily:w.interMedium,fontSize:10.5,lineHeight:14,color:t.errorColor},regexHelpText:{fontFamily:w.interRegular,fontSize:10.5,lineHeight:14,color:t.grayTextWeak},formatRowInline:{flexDirection:"row",gap:8},formatCardInline:{flex:1,padding:10,borderRadius:10,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:4},formatCardInlineActive:{backgroundColor:`${t.purple}0C`,borderColor:t.purple},formatCardInlineHeader:{flexDirection:"row",alignItems:"center",gap:6},radioCircle:{width:14,height:14,borderRadius:7,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},radioCircleActive:{borderColor:t.purple},radioDot:{width:7,height:7,borderRadius:3.5,backgroundColor:t.purple},formatCardTitle:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},formatCardTitleActive:{fontFamily:w.interBold,color:t.purple},formatCardDesc:{fontFamily:w.interRegular,fontSize:10,lineHeight:13,color:t.grayTextWeak,paddingLeft:20},optionsGrid:{flexDirection:"column",gap:5},optionRow:{flexDirection:"row",alignItems:"center",paddingHorizontal:10,paddingVertical:7,borderRadius:8,backgroundColor:t.grayBackground,borderWidth:1,borderColor:t.dividerColor,gap:8},optionRowActive:{backgroundColor:`${t.purple}0A`,borderColor:`${t.purple}30`},checkbox:{width:15,height:15,borderRadius:3.5,borderWidth:1.5,borderColor:t.grayTextWeak,justifyContent:"center",alignItems:"center"},checkboxActive:{backgroundColor:t.purple,borderColor:t.purple},optionLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},optionLabelActive:{fontFamily:w.interSemiBold,color:t.primaryBlack},staticFooter:{paddingHorizontal:16,paddingTop:10,paddingBottom:bt.OS==="ios"?26:14,backgroundColor:t.white,borderTopWidth:1,borderTopColor:t.dividerColor,shadowColor:t.purple,shadowOffset:{width:0,height:-4},shadowOpacity:.12,shadowRadius:8,elevation:8,gap:8},footerMinimalSummary:{flexDirection:"row",alignItems:"center",justifyContent:"space-between",paddingHorizontal:2},footerSummaryLeft:{flexDirection:"row",alignItems:"center",gap:6},footerSummaryDot:{width:6,height:6,borderRadius:3,backgroundColor:t.emerald500||"#10B981"},footerSummaryCountText:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},footerSummaryDivider:{fontSize:10,color:t.grayTextWeak},footerSummarySizeText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.purple},footerSummaryFormatText:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},footerIgnoredPill:{backgroundColor:`${t.errorColor}12`,paddingHorizontal:7,paddingVertical:1.5,borderRadius:5},footerIgnoredPillText:{fontFamily:w.interSemiBold,fontSize:10,color:t.errorColor},exportActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",backgroundColor:t.purple,paddingVertical:12,borderRadius:12,gap:7,shadowColor:t.purple,shadowOffset:{width:0,height:4},shadowOpacity:.25,shadowRadius:8,elevation:4},exportActionBtnDisabled:{opacity:.5},exportActionBtnText:{fontFamily:w.interBold,fontSize:13.5,lineHeight:17,color:t.white,letterSpacing:.1},progressContainer:{padding:28,alignItems:"center",justifyContent:"center"},progressIconBadge:{width:60,height:60,borderRadius:30,backgroundColor:`${t.purple}18`,justifyContent:"center",alignItems:"center",marginBottom:14},progressHeading:{fontFamily:w.interBold,fontSize:15.5,lineHeight:21,color:t.primaryBlack,marginBottom:3},progressSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,marginBottom:18},progressTrack:{width:"100%",height:9,backgroundColor:t.grayBackground,borderRadius:4.5,overflow:"hidden",borderWidth:1,borderColor:t.dividerColor,marginBottom:10},progressBar:{height:"100%",backgroundColor:t.purple,borderRadius:4.5},progressFootnote:{fontFamily:w.interMedium,fontSize:11,lineHeight:14,color:t.grayTextWeak},completeContainer:{padding:20,alignItems:"center"},completeSuccessBadge:{width:58,height:58,borderRadius:29,backgroundColor:`${t.emerald500}18`,justifyContent:"center",alignItems:"center",marginBottom:12},completeTitle:{fontFamily:w.interBold,fontSize:16.5,lineHeight:22,color:t.primaryBlack},completeSub:{fontFamily:w.interMedium,fontSize:12,lineHeight:16,color:t.grayTextWeak,textAlign:"center",marginTop:3,marginBottom:16},fileDetailsCard:{width:"100%",backgroundColor:"#F8FAFC",borderRadius:12,padding:12,borderWidth:1,borderColor:t.dividerColor,gap:7,marginBottom:16},fileDetailsRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center"},fileDetailLabel:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},fileDetailValue:{fontFamily:w.interSemiBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack},actionButtonGroup:{width:"100%",gap:8,marginBottom:14},primaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:12,borderRadius:10,gap:7},shareBtn:{backgroundColor:t.purple,shadowColor:t.purple,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},saveDiskBtn:{backgroundColor:t.teal600,shadowColor:t.teal600,shadowOffset:{width:0,height:3},shadowOpacity:.2,shadowRadius:6,elevation:3},primaryActionBtnText:{fontFamily:w.interBold,fontSize:13,lineHeight:17,color:t.white},secondaryActionBtn:{flexDirection:"row",alignItems:"center",justifyContent:"center",paddingVertical:10,borderRadius:10,borderWidth:1,borderColor:`${t.purple}40`,backgroundColor:`${t.purple}0C`,gap:6},secondaryActionBtnText:{fontFamily:w.interSemiBold,fontSize:12,lineHeight:15,color:t.purple},bottomFooterRow:{flexDirection:"row",justifyContent:"space-between",alignItems:"center",width:"100%",paddingTop:8,borderTopWidth:1,borderTopColor:t.dividerColor},textBtn:{paddingVertical:5,paddingHorizontal:8},textBtnText:{fontFamily:w.interMedium,fontSize:11.5,lineHeight:15,color:t.grayTextStrong},doneBtn:{paddingVertical:5,paddingHorizontal:14,borderRadius:6,backgroundColor:t.dividerColor},doneBtnText:{fontFamily:w.interBold,fontSize:11.5,lineHeight:15,color:t.primaryBlack}});export default ConsoleExportModal;

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;