react-native-inapp-inspector 2.5.11 → 2.5.13

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

@@ -0,0 +1,76 @@
+"use strict";var __importDefault=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.BoxModelVisualizer=void 0;const react_1=__importDefault(require("react")),react_native_1=require("react-native"),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),BoxModelVisualizer=({boxModel:e,compact:a=!1})=>{const{margin:t,border:o,padding:i,content:r}=e;return<react_native_1.View style={visualizerStyles.container}>
+      
+      <react_native_1.View style={visualizerStyles.marginBox}>
+        <react_native_1.View style={visualizerStyles.labelRow}>
+          <react_native_1.Text style={visualizerStyles.boxLabelMargin}>MARGIN</react_native_1.Text>
+        </react_native_1.View>
+        <react_native_1.Text style={visualizerStyles.valueTop}>{t.top}</react_native_1.Text>
+
+        <react_native_1.View style={visualizerStyles.middleRow}>
+          <react_native_1.Text style={visualizerStyles.valueLeft}>{t.left}</react_native_1.Text>
+
+          
+          <react_native_1.View style={visualizerStyles.borderBox}>
+            <react_native_1.View style={visualizerStyles.labelRow}>
+              <react_native_1.Text style={visualizerStyles.boxLabelBorder}>BORDER</react_native_1.Text>
+            </react_native_1.View>
+            <react_native_1.Text style={visualizerStyles.valueTop}>{o.top}</react_native_1.Text>
+
+            <react_native_1.View style={visualizerStyles.middleRow}>
+              <react_native_1.Text style={visualizerStyles.valueLeft}>{o.left}</react_native_1.Text>
+
+              
+              <react_native_1.View style={visualizerStyles.paddingBox}>
+                <react_native_1.View style={visualizerStyles.labelRow}>
+                  <react_native_1.Text style={visualizerStyles.boxLabelPadding}>PADDING</react_native_1.Text>
+                </react_native_1.View>
+                <react_native_1.Text style={visualizerStyles.valueTop}>{i.top}</react_native_1.Text>
+
+                <react_native_1.View style={visualizerStyles.middleRow}>
+                  <react_native_1.Text style={visualizerStyles.valueLeft}>{i.left}</react_native_1.Text>
+
+                  
+                  <react_native_1.View style={visualizerStyles.contentBox}>
+                    <react_native_1.Text style={visualizerStyles.contentDimensions}>
+                      {r.width} × {r.height}
+                    </react_native_1.Text>
+                  </react_native_1.View>
+
+                  <react_native_1.Text style={visualizerStyles.valueRight}>{i.right}</react_native_1.Text>
+                </react_native_1.View>
+
+                <react_native_1.Text style={visualizerStyles.valueBottom}>{i.bottom}</react_native_1.Text>
+              </react_native_1.View>
+
+              <react_native_1.Text style={visualizerStyles.valueRight}>{o.right}</react_native_1.Text>
+            </react_native_1.View>
+
+            <react_native_1.Text style={visualizerStyles.valueBottom}>{o.bottom}</react_native_1.Text>
+          </react_native_1.View>
+
+          <react_native_1.Text style={visualizerStyles.valueRight}>{t.right}</react_native_1.Text>
+        </react_native_1.View>
+
+        <react_native_1.Text style={visualizerStyles.valueBottom}>{t.bottom}</react_native_1.Text>
+      </react_native_1.View>
+
+      
+      {!a&&<react_native_1.View style={visualizerStyles.legendContainer}>
+          <react_native_1.View style={visualizerStyles.legendItem}>
+            <react_native_1.View style={[visualizerStyles.legendSwatch,{backgroundColor:"#F59E0B2B",borderColor:"#F59E0B"}]}/>
+            <react_native_1.Text style={visualizerStyles.legendText}>Margin</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={visualizerStyles.legendItem}>
+            <react_native_1.View style={[visualizerStyles.legendSwatch,{backgroundColor:"#FDE0473D",borderColor:"#EAB308"}]}/>
+            <react_native_1.Text style={visualizerStyles.legendText}>Border</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={visualizerStyles.legendItem}>
+            <react_native_1.View style={[visualizerStyles.legendSwatch,{backgroundColor:"#10B9812B",borderColor:"#10B981"}]}/>
+            <react_native_1.Text style={visualizerStyles.legendText}>Padding</react_native_1.Text>
+          </react_native_1.View>
+          <react_native_1.View style={visualizerStyles.legendItem}>
+            <react_native_1.View style={[visualizerStyles.legendSwatch,{backgroundColor:"#4F46E52B",borderColor:"#4F46E5"}]}/>
+            <react_native_1.Text style={visualizerStyles.legendText}>Content</react_native_1.Text>
+          </react_native_1.View>
+        </react_native_1.View>}
+    </react_native_1.View>};exports.BoxModelVisualizer=BoxModelVisualizer;const visualizerStyles=react_native_1.StyleSheet.create({container:{alignItems:"center",marginVertical:8},marginBox:{width:"100%",backgroundColor:"#F59E0B1A",borderWidth:1,borderColor:"#F59E0B66",borderRadius:8,padding:6,alignItems:"center"},borderBox:{flex:1,backgroundColor:"#FDE04724",borderWidth:1,borderColor:"#EAB30877",borderRadius:6,padding:6,alignItems:"center",marginHorizontal:4},paddingBox:{flex:1,backgroundColor:"#10B9811A",borderWidth:1,borderColor:"#10B98166",borderRadius:4,padding:6,alignItems:"center",marginHorizontal:4},contentBox:{flex:1,backgroundColor:"#4F46E524",borderWidth:1,borderColor:"#4F46E577",borderRadius:3,paddingVertical:12,paddingHorizontal:8,alignItems:"center",justifyContent:"center",marginHorizontal:4,minHeight:40},labelRow:{position:"absolute",top:3,left:6},boxLabelMargin:{fontSize:9,fontFamily:AppFonts_1.AppFonts.medium,color:"#D97706",letterSpacing:.5},boxLabelBorder:{fontSize:9,fontFamily:AppFonts_1.AppFonts.medium,color:"#CA8A04",letterSpacing:.5},boxLabelPadding:{fontSize:9,fontFamily:AppFonts_1.AppFonts.medium,color:"#059669",letterSpacing:.5},middleRow:{flexDirection:"row",alignItems:"center",width:"100%",marginVertical:2},valueTop:{fontSize:11,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.grayText,marginBottom:2},valueBottom:{fontSize:11,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.grayText,marginTop:2},valueLeft:{fontSize:11,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.grayText,marginRight:2},valueRight:{fontSize:11,fontFamily:AppFonts_1.AppFonts.semiBold,color:AppColors_1.AppColors.grayText,marginLeft:2},contentDimensions:{fontSize:12,fontFamily:AppFonts_1.AppFonts.bold,color:AppColors_1.AppColors.brandPurple},legendContainer:{flexDirection:"row",justifyContent:"center",gap:16,marginTop:12},legendItem:{flexDirection:"row",alignItems:"center",gap:6},legendSwatch:{width:12,height:12,borderRadius:3,borderWidth:1},legendText:{fontSize:11,fontFamily:AppFonts_1.AppFonts.medium,color:AppColors_1.AppColors.grayTextWeak}});

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

@@ -1,4 +1,4 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,n,l){l===void 0&&(l=n);var t=Object.getOwnPropertyDescriptor(r,n);(!t||("get"in t?!r.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return r[n]}}),Object.defineProperty(i,l,t)}):(function(i,r,n,l){l===void 0&&(l=n),i[l]=r[n]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,r){Object.defineProperty(i,"default",{enumerable:!0,value:r})}):function(i,r){i.default=r}),__importStar=this&&this.__importStar||(function(){var i=function(r){return i=Object.getOwnPropertyNames||function(n){var l=[];for(var t in n)Object.prototype.hasOwnProperty.call(n,t)&&(l[l.length]=t);return l},i(r)};return function(r){if(r&&r.__esModule)return r;var n={};if(r!=null)for(var l=i(r),t=0;t<l.length;t++)l[t]!=="default"&&__createBinding(n,r,l[t]);return __setModuleDefault(n,r),n}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleExportModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),i18n_1=require("../../i18n"),ConsoleExportModal=({visible:i,onClose:r,filteredLogs:n,allLogs:l})=>{const{t}=(0,i18n_1.useTranslation)(),[A,I]=(0,react_1.useState)("config"),[T,U]=(0,react_1.useState)("filtered"),[b,K]=(0,react_1.useState)("info"),[s,P]=(0,react_1.useState)("all"),[O,J]=(0,react_1.useState)("50"),[v,X]=(0,react_1.useState)(""),[x,Z]=(0,react_1.useState)("txt"),[M,Q]=(0,react_1.useState)(!1),[W,Y]=(0,react_1.useState)(!1),[j,ee]=(0,react_1.useState)(!1),[N,te]=(0,react_1.useState)(!1),[$,oe]=(0,react_1.useState)(!1),[ne,q]=(0,react_1.useState)(0),[ae,G]=(0,react_1.useState)(0),[y,re]=(0,react_1.useState)(""),[h,ie]=(0,react_1.useState)(""),[se,le]=(0,react_1.useState)(0),S=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,R=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,w=(0,react_1.useMemo)(()=>{if(!v||v.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(v.trim(),"i")}}catch(e){return{isValid:!1,error:e?.message||"Invalid pattern",regex:null}}},[v]),z=(0,react_1.useMemo)(()=>({includeStackTrace:M,includeArguments:W,includeCaller:j,includeTimestamps:N,includeAppInfo:$,includeDuplicates:!1,ignorePattern:s==="custom"&&w.isValid?v.trim():void 0}),[M,W,j,N,$,s,w.isValid,v]);(0,react_1.useEffect)(()=>{if(A==="progress"){const e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(R,{toValue:1.05,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0}),react_native_1.Animated.timing(R,{toValue:1,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0})]));return e.start(),()=>e.stop()}},[A,R]),(0,react_1.useEffect)(()=>{i&&(I("config"),P("all"),K("info"),Z("txt"),J("50"),X(""),Q(!1),Y(!1),ee(!1),te(!1),oe(!1),q(0),G(0),re(""),ie(""),le(0),S.setValue(0))},[i,S]);const V=(0,react_1.useMemo)(()=>T==="filtered"?n:l,[T,n,l]),B=(0,react_1.useMemo)(()=>b==="all"?V:V.filter(e=>b==="info"?e.type==="info"||e.sourceMethod==="log"||e.sourceMethod==="info":b==="warn"?e.type==="warn":b==="error"?e.type==="error":!0),[V,b]),D=(0,react_1.useMemo)(()=>{let e=0,o=0,C=0;return V.forEach(_=>{_.type==="error"?C++:_.type==="warn"?o++:e++}),{all:V.length,info:e,warn:o,error:C}},[V]),{selectedLogs:a,ignoredCount:H}=(0,react_1.useMemo)(()=>{if(B.length===0)return{selectedLogs:[],ignoredCount:0};let o=B,C=0;if(s==="custom"&&w.regex){const m=w.regex,E=o.length;o=o.filter(F=>{const fe=F.message||"",Ce=F.rawArgs?JSON.stringify(F.rawArgs):"",me=F.caller||"";return!m.test(fe)&&!m.test(Ce)&&!m.test(me)}),C=E-o.length}let _=o.length;if(s==="all")_=o.length;else if(s==="custom"){const m=parseInt(O,10);_=isNaN(m)||m<=0?o.length:Math.min(m,o.length)}return{selectedLogs:o.slice(-_),ignoredCount:C}},[B,s,O,w.regex]),L=(0,react_1.useMemo)(()=>(0,shareFormatter_1.estimateConsoleLogsExportSize)(a,x,z),[a,x,z]),k=e=>e<=0?"0 KB":e<1024?`${(e/1024).toFixed(2)} KB`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(2)} MB`,ce=(0,react_1.useCallback)(()=>{if(a.length===0){(0,helpers_1.showToast)(t("console.noLogsToExport","No logs available to export"));return}(0,NativeInspector_1.triggerNativeHaptic)("medium"),I("progress"),q(0),G(0),S.setValue(0);const e=a.length,o=Math.max(1,Math.floor(e/10));let C=0;const _=setInterval(()=>{C=Math.min(C+o,e);const m=C/e;q(Math.round(m*100)),G(C),react_native_1.Animated.timing(S,{toValue:m,duration:120,easing:react_native_1.Easing.linear,useNativeDriver:!1}).start(),C>=e&&(clearInterval(_),setTimeout(()=>{const E=(0,shareFormatter_1.formatConsoleLogsExport)(a,x,z),F=(0,shareFormatter_1.generateConsoleLogsFilename)(x);re(E),ie(F),le(E.length),I("complete"),(0,NativeInspector_1.triggerNativeHaptic)("heavy")},180))},45)},[a,x,z,S,t]),pe=(0,react_1.useCallback)(async()=>{if(y){(0,NativeInspector_1.triggerNativeHaptic)("light");try{await react_native_1.Share.share({title:h,message:y},{dialogTitle:`Share ${h}`,subject:h})}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Failed to open share sheet")}}},[y,h]),de=(0,react_1.useCallback)(async()=>{if(y){(0,NativeInspector_1.triggerNativeHaptic)("medium");try{await react_native_1.Share.share({title:`Save ${h}`,message:y},{dialogTitle:`Save to Disk (${h})`,subject:h}),(0,helpers_1.showToast)(t("console.savePromptOpened","Opened save to disk dialog"))}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Save error")}}},[y,h,t]),ge=(0,react_1.useCallback)(()=>{y&&((0,NativeInspector_1.triggerNativeHaptic)("light"),(0,helpers_1.copyToClipboard)(y,"Console Logs"),(0,helpers_1.showToast)(t("console.copiedLogs","Logs copied to clipboard!")))},[y,t]),ue=n.length!==l.length;return<react_native_1.Modal visible={i}transparent animationType="slide"onRequestClose={r}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(i,r,a,l){l===void 0&&(l=a);var t=Object.getOwnPropertyDescriptor(r,a);(!t||("get"in t?!r.__esModule:t.writable||t.configurable))&&(t={enumerable:!0,get:function(){return r[a]}}),Object.defineProperty(i,l,t)}):(function(i,r,a,l){l===void 0&&(l=a),i[l]=r[a]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(i,r){Object.defineProperty(i,"default",{enumerable:!0,value:r})}):function(i,r){i.default=r}),__importStar=this&&this.__importStar||(function(){var i=function(r){return i=Object.getOwnPropertyNames||function(a){var l=[];for(var t in a)Object.prototype.hasOwnProperty.call(a,t)&&(l[l.length]=t);return l},i(r)};return function(r){if(r&&r.__esModule)return r;var a={};if(r!=null)for(var l=i(r),t=0;t<l.length;t++)l[t]!=="default"&&__createBinding(a,r,l[t]);return __setModuleDefault(a,r),a}})(),__importDefault=this&&this.__importDefault||function(i){return i&&i.__esModule?i:{default:i}};Object.defineProperty(exports,"__esModule",{value:!0}),exports.ConsoleExportModal=void 0;const react_1=__importStar(require("react")),react_native_1=require("react-native"),TouchableScale_1=__importDefault(require("../TouchableScale")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),NetworkIcons_1=require("../NetworkIcons"),NativeInspector_1=require("../../native/NativeInspector"),helpers_1=require("../../helpers"),shareFormatter_1=require("../../helpers/shareFormatter"),i18n_1=require("../../i18n"),ConsoleExportModal=({visible:i,onClose:r,filteredLogs:a,allLogs:l})=>{const{t}=(0,i18n_1.useTranslation)(),[T,B]=(0,react_1.useState)("config"),[y,q]=(0,react_1.useState)("filtered"),[v,G]=(0,react_1.useState)("info"),[s,L]=(0,react_1.useState)("all"),[E,U]=(0,react_1.useState)("50"),[_,K]=(0,react_1.useState)(""),[c,J]=(0,react_1.useState)("txt"),[P,X]=(0,react_1.useState)(!1),[O,Z]=(0,react_1.useState)(!1),[M,Q]=(0,react_1.useState)(!1),[W,Y]=(0,react_1.useState)(!1),[N,ee]=(0,react_1.useState)(!1),[ie,j]=(0,react_1.useState)(0),[le,$]=(0,react_1.useState)(0),[x,te]=(0,react_1.useState)(""),[p,oe]=(0,react_1.useState)(""),[ae,re]=(0,react_1.useState)(0),A=(0,react_1.useRef)(new react_native_1.Animated.Value(0)).current,k=(0,react_1.useRef)(new react_native_1.Animated.Value(1)).current,h=(0,react_1.useMemo)(()=>{if(!_||_.trim().length===0)return{isValid:!0,error:null,regex:null};try{return{isValid:!0,error:null,regex:new RegExp(_.trim(),"i")}}catch(e){return{isValid:!1,error:e?.message||"Invalid pattern",regex:null}}},[_]),I=(0,react_1.useMemo)(()=>({includeStackTrace:P,includeArguments:O,includeCaller:M,includeTimestamps:W,includeAppInfo:N,includeDuplicates:!1,ignorePattern:s==="custom"&&h.isValid?_.trim():void 0}),[P,O,M,W,N,s,h.isValid,_]);(0,react_1.useEffect)(()=>{if(T==="progress"){const e=react_native_1.Animated.loop(react_native_1.Animated.sequence([react_native_1.Animated.timing(k,{toValue:1.05,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0}),react_native_1.Animated.timing(k,{toValue:1,duration:600,easing:react_native_1.Easing.inOut(react_native_1.Easing.ease),useNativeDriver:!0})]));return e.start(),()=>e.stop()}},[T,k]),(0,react_1.useEffect)(()=>{i&&(B("config"),L("all"),G("info"),J("txt"),U("50"),K(""),X(!1),Z(!1),Q(!1),Y(!1),ee(!1),j(0),$(0),te(""),oe(""),re(0),A.setValue(0))},[i,A]);const b=(0,react_1.useMemo)(()=>y==="filtered"?a:l,[y,a,l]),F=(0,react_1.useMemo)(()=>v==="all"?b:b.filter(e=>v==="info"?e.type==="info"||e.sourceMethod==="log"||e.sourceMethod==="info":v==="warn"?e.type==="warn":v==="error"?e.type==="error":!0),[b,v]),R=(0,react_1.useMemo)(()=>{let e=0,o=0,C=0;return b.forEach(w=>{w.type==="error"?C++:w.type==="warn"?o++:e++}),{all:b.length,info:e,warn:o,error:C}},[b]),{selectedLogs:n,ignoredCount:z}=(0,react_1.useMemo)(()=>{if(F.length===0)return{selectedLogs:[],ignoredCount:0};let o=F,C=0;if(s==="custom"&&h.regex){const m=h.regex,H=o.length;o=o.filter(S=>{const ge=S.message||"",ue=S.rawArgs?JSON.stringify(S.rawArgs):"",fe=S.caller||"";return!m.test(ge)&&!m.test(ue)&&!m.test(fe)}),C=H-o.length}let w=o.length;if(s==="all")w=o.length;else if(s==="custom"){const m=parseInt(E,10);w=isNaN(m)||m<=0?o.length:Math.min(m,o.length)}return{selectedLogs:o.slice(-w),ignoredCount:C}},[F,s,E,h.regex]),D=(0,react_1.useMemo)(()=>(0,shareFormatter_1.estimateConsoleLogsExportSize)(n,c,I),[n,c,I]),V=e=>e<=0?"0 KB":e<1024?`${(e/1024).toFixed(2)} KB`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:`${(e/(1024*1024)).toFixed(2)} MB`,ne=(0,react_1.useCallback)(()=>{if(n.length===0){(0,helpers_1.showToast)(t("console.noLogsToExport","No logs available to export"));return}(0,NativeInspector_1.triggerNativeHaptic)("medium"),B("progress"),j(0),$(0),A.setValue(0);const e=n.length,o=Math.max(1,Math.floor(e/10));let C=0;const w=setInterval(()=>{C=Math.min(C+o,e);const m=C/e;j(Math.round(m*100)),$(C),react_native_1.Animated.timing(A,{toValue:m,duration:120,easing:react_native_1.Easing.linear,useNativeDriver:!1}).start(),C>=e&&(clearInterval(w),setTimeout(()=>{const H=(0,shareFormatter_1.formatConsoleLogsExport)(n,c,I),S=(0,shareFormatter_1.generateConsoleLogsFilename)(c);te(H),oe(S),re(H.length),B("complete"),(0,NativeInspector_1.triggerNativeHaptic)("heavy")},180))},45)},[n,c,I,A,t]),se=(0,react_1.useCallback)(async()=>{if(x){(0,NativeInspector_1.triggerNativeHaptic)("light");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(p,x);if(e&&await(0,NativeInspector_1.shareNativeFile)(e,"text/plain",p))return;await react_native_1.Share.share({title:p,message:x,url:e||void 0},{dialogTitle:`Share ${p}`,subject:p})}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Failed to open share sheet")}}},[x,p,c]),ce=(0,react_1.useCallback)(async()=>{if(x){(0,NativeInspector_1.triggerNativeHaptic)("medium");try{const e=await(0,NativeInspector_1.writeNativeExportFile)(p,x);if(e&&await(0,NativeInspector_1.shareNativeFile)(e,"text/plain",`Save ${p}`)){(0,helpers_1.showToast)(t("console.savePromptOpened","Opened save to disk dialog"));return}await react_native_1.Share.share({title:`Save ${p}`,message:x,url:e||void 0},{dialogTitle:`Save to Disk (${p})`,subject:p}),(0,helpers_1.showToast)(t("console.savePromptOpened","Opened save to disk dialog"))}catch(e){e?.message!=="User did not share"&&(0,helpers_1.showToast)(e?.message||"Save error")}}},[x,p,c,t]),pe=(0,react_1.useCallback)(()=>{x&&((0,NativeInspector_1.triggerNativeHaptic)("light"),(0,helpers_1.copyToClipboard)(x,"Console Logs"),(0,helpers_1.showToast)(t("console.copiedLogs","Logs copied to clipboard!")))},[x,t]),de=a.length!==l.length;return<react_native_1.Modal visible={i}transparent animationType="slide"onRequestClose={r}>
       <react_native_1.View style={styles.overlay}>
         <react_native_1.Pressable style={styles.backdrop}onPress={r}/>
 
@@ -19,7 +19,7 @@
                   {t("console.exportTitle","Export Console Logs")}
                 </react_native_1.Text>
                 <react_native_1.Text style={styles.subtitle}>
-                  {A==="config"?`${a.length} logs ready for export`:A==="progress"?"Preparing exported file...":"Export complete"}
+                  {T==="config"?`${n.length} logs ready for export`:T==="progress"?"Preparing exported file...":"Export complete"}
                 </react_native_1.Text>
               </react_native_1.View>
             </react_native_1.View>
@@ -29,25 +29,25 @@
           </react_native_1.View>
 
           
-          {A==="config"&&<>
+          {T==="config"&&<>
               <react_native_1.ScrollView showsVerticalScrollIndicator={!1}contentContainerStyle={styles.configContainer}>
                 
-                {ue&&<react_native_1.View style={styles.section}>
+                {de&&<react_native_1.View style={styles.section}>
                     <react_native_1.Text style={styles.sectionLabel}>
                       {t("console.exportScope","LOG SOURCE SCOPE")}
                     </react_native_1.Text>
                     <react_native_1.View style={styles.segmentedRow}>
-                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),U("filtered")}}style={[styles.segmentBtn,T==="filtered"&&styles.segmentBtnActive]}>
-                        <NetworkIcons_1.FilterIcon size={13}color={T==="filtered"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
-                        <react_native_1.Text style={[styles.segmentBtnText,T==="filtered"&&styles.segmentBtnTextActive]}>
+                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),q("filtered")}}style={[styles.segmentBtn,y==="filtered"&&styles.segmentBtnActive]}>
+                        <NetworkIcons_1.FilterIcon size={13}color={y==="filtered"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
+                        <react_native_1.Text style={[styles.segmentBtnText,y==="filtered"&&styles.segmentBtnTextActive]}>
                           {t("console.filteredView","Active Filter")} (
-                          {n.length})
+                          {a.length})
                         </react_native_1.Text>
                       </TouchableScale_1.default>
 
-                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),U("all")}}style={[styles.segmentBtn,T==="all"&&styles.segmentBtnActive]}>
-                        <NetworkIcons_1.LayersIcon size={13}color={T==="all"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
-                        <react_native_1.Text style={[styles.segmentBtnText,T==="all"&&styles.segmentBtnTextActive]}>
+                      <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),q("all")}}style={[styles.segmentBtn,y==="all"&&styles.segmentBtnActive]}>
+                        <NetworkIcons_1.LayersIcon size={13}color={y==="all"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}/>
+                        <react_native_1.Text style={[styles.segmentBtnText,y==="all"&&styles.segmentBtnTextActive]}>
                           {t("console.allLogsScope","All Logs")} ({l.length})
                         </react_native_1.Text>
                       </TouchableScale_1.default>
@@ -58,7 +58,7 @@
                 <react_native_1.View style={styles.section}>
                   <react_native_1.Text style={styles.sectionLabel}>LOG LEVEL FILTER</react_native_1.Text>
                   <react_native_1.View style={styles.levelRow}>
-                    {[{id:"all",label:"All",count:D.all,color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:"info",label:"Info / Log",count:D.info,color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:"warn",label:"Warn",count:D.warn,color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:"error",label:"Error",count:D.error,color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon}].map(e=>{const o=b===e.id,C=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),K(e.id)}}style={[styles.levelChip,o&&{backgroundColor:`${e.color}15`,borderColor:e.color}]}>
+                    {[{id:"all",label:"All",count:R.all,color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:"info",label:"Info / Log",count:R.info,color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:"warn",label:"Warn",count:R.warn,color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:"error",label:"Error",count:R.error,color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon}].map(e=>{const o=v===e.id,C=e.Icon;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),G(e.id)}}style={[styles.levelChip,o&&{backgroundColor:`${e.color}15`,borderColor:e.color}]}>
                           <C size={11}color={o?e.color:AppColors_1.AppColors.grayTextWeak}/>
                           <react_native_1.Text style={[styles.levelChipText,o&&{color:e.color,fontFamily:AppFonts_1.AppFonts.interBold}]}>
                             {e.label}
@@ -78,21 +78,21 @@
                     <react_native_1.Text style={styles.sectionLabel}>LOGS COUNT RANGE</react_native_1.Text>
                     <react_native_1.View style={styles.countPill}>
                       <react_native_1.Text style={styles.countPillText}>
-                        Matched: {B.length}
+                        Matched: {F.length}
                       </react_native_1.Text>
                     </react_native_1.View>
                   </react_native_1.View>
 
                   
                   <react_native_1.View style={styles.segmentedRow}>
-                    <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P("all")}}style={[styles.segmentBtn,s==="all"&&styles.segmentBtnActive]}>
+                    <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),L("all")}}style={[styles.segmentBtn,s==="all"&&styles.segmentBtnActive]}>
                       <NetworkIcons_1.ZapIcon size={13}color={s==="all"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}/>
                       <react_native_1.Text style={[styles.segmentBtnText,s==="all"&&styles.segmentBtnTextActive]}>
-                        All ({B.length})
+                        All ({F.length})
                       </react_native_1.Text>
                     </TouchableScale_1.default>
 
-                    <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),P("custom")}}style={[styles.segmentBtn,s==="custom"&&styles.segmentBtnActive]}>
+                    <TouchableScale_1.default onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),L("custom")}}style={[styles.segmentBtn,s==="custom"&&styles.segmentBtnActive]}>
                       <NetworkIcons_1.PenIcon size={12}color={s==="custom"?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextStrong}/>
                       <react_native_1.Text style={[styles.segmentBtnText,s==="custom"&&styles.segmentBtnTextActive]}>
                         Custom
@@ -107,7 +107,7 @@
                         <react_native_1.Text style={styles.customFieldLabel}>
                           {t("console.enterCount","Enter number of logs:")}
                         </react_native_1.Text>
-                        <react_native_1.TextInput keyboardType="number-pad"value={O}onChangeText={J}style={styles.customCountInput}placeholder="e.g. 50"placeholderTextColor={AppColors_1.AppColors.slate400}/>
+                        <react_native_1.TextInput keyboardType="number-pad"value={E}onChangeText={U}style={styles.customCountInput}placeholder="e.g. 50"placeholderTextColor={AppColors_1.AppColors.slate400}/>
                       </react_native_1.View>
 
                       
@@ -116,16 +116,16 @@
                           <react_native_1.Text style={styles.customFieldLabel}>
                             {t("console.ignorePatterns","Ignore Patterns (Regex):")}
                           </react_native_1.Text>
-                          {w.isValid&&H>0&&<react_native_1.View style={styles.regexExclusionBadge}>
+                          {h.isValid&&z>0&&<react_native_1.View style={styles.regexExclusionBadge}>
                               <react_native_1.Text style={styles.regexExclusionBadgeText}>
-                                -{H} excluded
+                                -{z} excluded
                               </react_native_1.Text>
                             </react_native_1.View>}
                         </react_native_1.View>
 
-                        <react_native_1.TextInput autoCapitalize="none"autoCorrect={!1}value={v}onChangeText={X}style={[styles.regexInput,!w.isValid&&styles.regexInputError]}placeholder="e.g. ^\[DEBUG\]|analytics|token=.*"placeholderTextColor={AppColors_1.AppColors.slate400}/>
+                        <react_native_1.TextInput autoCapitalize="none"autoCorrect={!1}value={_}onChangeText={K}style={[styles.regexInput,!h.isValid&&styles.regexInputError]}placeholder="e.g. ^\[DEBUG\]|analytics|token=.*"placeholderTextColor={AppColors_1.AppColors.slate400}/>
 
-                        {w.isValid?<react_native_1.Text style={styles.regexHelpText}>
+                        {h.isValid?<react_native_1.Text style={styles.regexHelpText}>
                             {t("console.ignorePatternsDesc","Logs matching this regex will be excluded from export.")}
                           </react_native_1.Text>:<react_native_1.Text style={styles.regexErrorText}>
                             ⚠️{" "}
@@ -139,7 +139,7 @@
                 <react_native_1.View style={styles.section}>
                   <react_native_1.Text style={styles.sectionLabel}>EXPORT FORMAT</react_native_1.Text>
                   <react_native_1.View style={styles.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(e=>{const o=x===e.id;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),Z(e.id)}}style={[styles.formatCardInline,o&&styles.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(e=>{const o=c===e.id;return<TouchableScale_1.default key={e.id}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),J(e.id)}}style={[styles.formatCardInline,o&&styles.formatCardInlineActive]}>
                           <react_native_1.View style={styles.formatCardInlineHeader}>
                             <react_native_1.View style={[styles.radioCircle,o&&styles.radioCircleActive]}>
                               {o&&<react_native_1.View style={styles.radioDot}/>}
@@ -157,7 +157,7 @@
                 <react_native_1.View style={styles.section}>
                   <react_native_1.Text style={styles.sectionLabel}>CONTENT OPTIONS</react_native_1.Text>
                   <react_native_1.View style={styles.optionsGrid}>
-                    {[{key:"stack",label:"Stack Trace & Frames",value:M,toggle:()=>Q(e=>!e)},{key:"args",label:"Arguments & Payloads",value:W,toggle:()=>Y(e=>!e)},{key:"caller",label:"Caller & File Origin",value:j,toggle:()=>ee(e=>!e)},{key:"timestamps",label:"Exact Timestamps",value:N,toggle:()=>te(e=>!e)},{key:"appinfo",label:"System Header Banner",value:$,toggle:()=>oe(e=>!e)}].map(e=><TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.toggle()}}style={[styles.optionRow,e.value&&styles.optionRowActive]}>
+                    {[{key:"stack",label:"Stack Trace & Frames",value:P,toggle:()=>X(e=>!e)},{key:"args",label:"Arguments & Payloads",value:O,toggle:()=>Z(e=>!e)},{key:"caller",label:"Caller & File Origin",value:M,toggle:()=>Q(e=>!e)},{key:"timestamps",label:"Exact Timestamps",value:W,toggle:()=>Y(e=>!e)},{key:"appinfo",label:"System Header Banner",value:N,toggle:()=>ee(e=>!e)}].map(e=><TouchableScale_1.default key={e.key}onPress={()=>{(0,NativeInspector_1.triggerNativeHaptic)("light"),e.toggle()}}style={[styles.optionRow,e.value&&styles.optionRowActive]}>
                         <react_native_1.View style={[styles.checkbox,e.value&&styles.checkboxActive]}>
                           {e.value&&<NetworkIcons_1.CheckIcon size={10}color={AppColors_1.AppColors.white}/>}
                         </react_native_1.View>
@@ -175,37 +175,37 @@
                   <react_native_1.View style={styles.footerSummaryLeft}>
                     <react_native_1.View style={styles.footerSummaryDot}/>
                     <react_native_1.Text style={styles.footerSummaryCountText}>
-                      {a.length} logs
+                      {n.length} logs
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.footerSummaryDivider}>•</react_native_1.Text>
                     <react_native_1.Text style={styles.footerSummarySizeText}>
-                      ~{k(L)}
+                      ~{V(D)}
                     </react_native_1.Text>
                     <react_native_1.Text style={styles.footerSummaryDivider}>•</react_native_1.Text>
                     <react_native_1.Text style={styles.footerSummaryFormatText}>
-                      .{x.toUpperCase()}
+                      .{c.toUpperCase()}
                     </react_native_1.Text>
                   </react_native_1.View>
 
-                  {H>0&&<react_native_1.View style={styles.footerIgnoredPill}>
+                  {z>0&&<react_native_1.View style={styles.footerIgnoredPill}>
                       <react_native_1.Text style={styles.footerIgnoredPillText}>
-                        -{H} ignored
+                        -{z} ignored
                       </react_native_1.Text>
                     </react_native_1.View>}
                 </react_native_1.View>
 
-                <TouchableScale_1.default onPress={ce}disabled={a.length===0}style={[styles.exportActionBtn,a.length===0&&styles.exportActionBtnDisabled]}>
+                <TouchableScale_1.default onPress={ne}disabled={n.length===0}style={[styles.exportActionBtn,n.length===0&&styles.exportActionBtnDisabled]}>
                   <NetworkIcons_1.ExportIcon size={17}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.exportActionBtnText}>
-                    {t("console.exportLogsAction",{count:a.length,size:k(L),defaultValue:`Export ${a.length} Logs (${k(L)})`})}
+                    {t("console.exportLogsAction",{count:n.length,size:V(D),defaultValue:`Export ${n.length} Logs (${V(D)})`})}
                   </react_native_1.Text>
                 </TouchableScale_1.default>
               </react_native_1.View>
             </>}
 
           
-          {A==="progress"&&<react_native_1.View style={styles.progressContainer}>
-              <react_native_1.Animated.View style={[styles.progressIconBadge,{transform:[{scale:R}]}]}>
+          {T==="progress"&&<react_native_1.View style={styles.progressContainer}>
+              <react_native_1.Animated.View style={[styles.progressIconBadge,{transform:[{scale:k}]}]}>
                 <NetworkIcons_1.ExportIcon size={30}color={AppColors_1.AppColors.purple}/>
               </react_native_1.Animated.View>
 
@@ -213,24 +213,24 @@
                 {t("console.exportingLogs","Exporting Console Logs...")}
               </react_native_1.Text>
               <react_native_1.Text style={styles.progressSub}>
-                {t("console.processingItem","Processing")} {ae} /{" "}
-                {a.length} {t("console.records","records")} (
-                {ne}%)
+                {t("console.processingItem","Processing")} {le} /{" "}
+                {n.length} {t("console.records","records")} (
+                {ie}%)
               </react_native_1.Text>
 
               
               <react_native_1.View style={styles.progressTrack}>
-                <react_native_1.Animated.View style={[styles.progressBar,{width:S.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
+                <react_native_1.Animated.View style={[styles.progressBar,{width:A.interpolate({inputRange:[0,1],outputRange:["0%","100%"]})}]}/>
               </react_native_1.View>
 
               <react_native_1.Text style={styles.progressFootnote}>
-                Formatting .{x.toUpperCase()} payload with separators •{" "}
-                {k(L)}
+                Formatting .{c.toUpperCase()} payload with separators •{" "}
+                {V(D)}
               </react_native_1.Text>
             </react_native_1.View>}
 
           
-          {A==="complete"&&<react_native_1.View style={styles.completeContainer}>
+          {T==="complete"&&<react_native_1.View style={styles.completeContainer}>
               <react_native_1.View style={styles.completeSuccessBadge}>
                 <NetworkIcons_1.CircleCheckIcon size={34}color={AppColors_1.AppColors.emerald500}/>
               </react_native_1.View>
@@ -245,27 +245,27 @@
               
               <react_native_1.View style={styles.fileDetailsCard}>
                 <react_native_1.View style={styles.fileDetailsRow}>
-                  <react_native_1.Text style={styles.fileDetailLabel}>📁 File:</react_native_1.Text>
+                  <react_native_1.Text style={styles.fileDetailLabel}>📁 {t("console.exportFileLabel","File:")}</react_native_1.Text>
                   <react_native_1.Text style={styles.fileDetailValue}numberOfLines={1}>
-                    {h}
+                    {p}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={styles.fileDetailsRow}>
-                  <react_native_1.Text style={styles.fileDetailLabel}>📊 Log Count:</react_native_1.Text>
+                  <react_native_1.Text style={styles.fileDetailLabel}>📊 {t("console.exportLogCountLabel","Log Count:")}</react_native_1.Text>
                   <react_native_1.Text style={styles.fileDetailValue}>
-                    {a.length} logs
+                    {n.length} logs
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={styles.fileDetailsRow}>
-                  <react_native_1.Text style={styles.fileDetailLabel}>💾 Final Size:</react_native_1.Text>
+                  <react_native_1.Text style={styles.fileDetailLabel}>💾 {t("console.exportFinalSizeLabel","Final Size:")}</react_native_1.Text>
                   <react_native_1.Text style={[styles.fileDetailValue,{color:AppColors_1.AppColors.emerald500,fontFamily:AppFonts_1.AppFonts.interBold}]}>
-                    {k(se)}
+                    {V(ae)}
                   </react_native_1.Text>
                 </react_native_1.View>
                 <react_native_1.View style={styles.fileDetailsRow}>
-                  <react_native_1.Text style={styles.fileDetailLabel}>⚙️ Format:</react_native_1.Text>
+                  <react_native_1.Text style={styles.fileDetailLabel}>⚙️ {t("console.exportFormatLabel","Format:")}</react_native_1.Text>
                   <react_native_1.Text style={styles.fileDetailValue}>
-                    .{x.toUpperCase()}
+                    .{c.toUpperCase()}
                   </react_native_1.Text>
                 </react_native_1.View>
               </react_native_1.View>
@@ -273,7 +273,7 @@
               
               <react_native_1.View style={styles.actionButtonGroup}>
                 
-                <TouchableScale_1.default onPress={pe}style={[styles.primaryActionBtn,styles.shareBtn]}>
+                <TouchableScale_1.default onPress={se}style={[styles.primaryActionBtn,styles.shareBtn]}>
                   <NetworkIcons_1.ShareIcon size={15}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.primaryActionBtnText}>
                     {t("console.shareReport","Share Logs")}
@@ -281,7 +281,7 @@
                 </TouchableScale_1.default>
 
                 
-                <TouchableScale_1.default onPress={de}style={[styles.primaryActionBtn,styles.saveDiskBtn]}>
+                <TouchableScale_1.default onPress={ce}style={[styles.primaryActionBtn,styles.saveDiskBtn]}>
                   <NetworkIcons_1.SaveIcon size={15}color={AppColors_1.AppColors.white}/>
                   <react_native_1.Text style={styles.primaryActionBtnText}>
                     {t("console.saveToDisk","Save to Disk")}
@@ -289,7 +289,7 @@
                 </TouchableScale_1.default>
 
                 
-                <TouchableScale_1.default onPress={ge}style={styles.secondaryActionBtn}>
+                <TouchableScale_1.default onPress={pe}style={styles.secondaryActionBtn}>
                   <NetworkIcons_1.CopyIcon size={14}color={AppColors_1.AppColors.purple}/>
                   <react_native_1.Text style={styles.secondaryActionBtnText}>
                     {t("console.copyToClipboard","Copy Content")}
@@ -299,7 +299,7 @@
 
               
               <react_native_1.View style={styles.bottomFooterRow}>
-                <TouchableScale_1.default onPress={()=>I("config")}style={styles.textBtn}>
+                <TouchableScale_1.default onPress={()=>B("config")}style={styles.textBtn}>
                   <react_native_1.Text style={styles.textBtnText}>
                     {t("console.exportAnother","\u2190 Export Another")}
                   </react_native_1.Text>

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

@@ -1,6 +1,6 @@
-"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),ConsoleExportModal_1=__importDefault(require("./ConsoleExportModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:E,logFilters:i,setLogFilters:S,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:A,maxConsoleLogs:b,setSelectedLog:I}=(0,InspectorContext_1.useInspector)(),z=b||100,T=(0,react_1.useRef)(null),[x,v]=react_1.default.useState(z),[P,L]=react_1.default.useState(!1);react_1.default.useEffect(()=>{v(b||100),T.current?.scrollToOffset({offset:0,animated:!1})},[o,i,b]);const w=(0,react_1.useMemo)(()=>c.slice(0,x),[c,x]),V=(0,react_1.useCallback)(e=>{I(e)},[I]),B=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
-        <ConsoleLogCard_1.ConsoleLogCard testID={`inspector.console.item.${r}`}item={e}searchStr={o}onPress={V}/>
-      </AnimatedEntrance_1.default>,[o,V]),O=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),M=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),D=(0,react_1.useMemo)(()=>{const e=A.length,r=c.length;if(i.has("all")||!Array.from(i).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
+"use strict";var __createBinding=this&&this.__createBinding||(Object.create?(function(t,o,l,n){n===void 0&&(n=l);var a=Object.getOwnPropertyDescriptor(o,l);(!a||("get"in a?!o.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return o[l]}}),Object.defineProperty(t,n,a)}):(function(t,o,l,n){n===void 0&&(n=l),t[n]=o[l]})),__setModuleDefault=this&&this.__setModuleDefault||(Object.create?(function(t,o){Object.defineProperty(t,"default",{enumerable:!0,value:o})}):function(t,o){t.default=o}),__importStar=this&&this.__importStar||(function(){var t=function(o){return t=Object.getOwnPropertyNames||function(l){var n=[];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(n[n.length]=a);return n},t(o)};return function(o){if(o&&o.__esModule)return o;var l={};if(o!=null)for(var n=t(o),a=0;a<n.length;a++)n[a]!=="default"&&__createBinding(l,o,n[a]);return __setModuleDefault(l,o),l}})(),__importDefault=this&&this.__importDefault||function(t){return t&&t.__esModule?t:{default:t}};Object.defineProperty(exports,"__esModule",{value:!0});const react_1=__importStar(require("react")),react_native_1=require("react-native"),InspectorContext_1=require("./InspectorContext"),i18n_1=require("../../i18n"),TouchableScale_1=__importDefault(require("../TouchableScale")),AnimatedEntrance_1=__importDefault(require("../AnimatedEntrance")),ConsoleLogCard_1=require("../ConsoleLogCard"),EmptyState_1=__importDefault(require("../EmptyState")),EndOfListFooter_1=__importDefault(require("../EndOfListFooter")),ConsoleExportModal_1=__importDefault(require("./ConsoleExportModal")),styles_1=__importDefault(require("../../styles")),AppColors_1=require("../../styles/AppColors"),AppFonts_1=require("../../styles/AppFonts"),types_1=require("../../types"),NetworkIcons_1=require("../NetworkIcons"),LOAD_MORE_STEP=10,ConsoleTab=react_1.default.memo(()=>{const{t}=(0,i18n_1.useTranslation)(),{logSearch:o,setLogSearch:l,logSortOrder:n,setLogSortOrder:a,handleDelete:B,logFilters:i,setLogFilters:A,logCounts:_,filteredConsoleLogs:c,visibleConsoleLogs:b,maxConsoleLogs:w,setSelectedLog:I,selectedConsoleLogs:S,toggleSelectConsoleLog:x}=(0,InspectorContext_1.useInspector)(),P=w||100,v=(0,react_1.useRef)(null),[L,V]=react_1.default.useState(P),[O,F]=react_1.default.useState(!1);react_1.default.useEffect(()=>{V(w||100),v.current?.scrollToOffset({offset:0,animated:!1})},[o,i,w]);const m=(0,react_1.useMemo)(()=>c.slice(0,L),[c,L]),E=(0,react_1.useCallback)(e=>{I(e)},[I]),M=(0,react_1.useCallback)(({item:e,index:r})=><AnimatedEntrance_1.default index={r}distance={8}>
+        <ConsoleLogCard_1.ConsoleLogCard testID={`inspector.console.item.${r}`}item={e}searchStr={o}onPress={E}isSelected={S.has(e.id)}onToggleSelect={x}/>
+      </AnimatedEntrance_1.default>,[o,E,S,x]),D=(0,react_1.useCallback)((e,r)=>({length:148,offset:148*r,index:r}),[]),H=(0,react_1.useCallback)((e,r)=>e?.id?.toString()??r.toString(),[]),$=(0,react_1.useMemo)(()=>{const e=b.length,r=c.length;if(i.has("all")||!Array.from(i).some(h=>h!=="all"))return<react_native_1.View style={{paddingHorizontal:8,paddingTop:8,paddingBottom:3}}>
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
             {r===e?`Showing ${e} logs`:`Showing ${r} of ${e} logs`}
           </react_native_1.Text>
@@ -8,12 +8,12 @@
           <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interMedium,fontSize:11,color:AppColors_1.AppColors.grayTextWeak,letterSpacing:.2}}>
             Filtered by {h.join(", ")} ({r} of {e} logs)
           </react_native_1.Text>
-        </react_native_1.View>}},[A.length,c.length,i]),[m,F]=react_1.default.useState(!1),H=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),$=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:t("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:t("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:t("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:t("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:t("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:t("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,t]);return<react_native_1.View style={{flex:1}}>
+        </react_native_1.View>}},[b.length,c.length,i]),[T,z]=react_1.default.useState(!1),R=(0,react_1.useMemo)(()=>["[AXIOS]","[API]","[GRAPHQL]","[REDUX]","[ANALYTICS]","[AUTH]","[NAV]","[STORAGE]","[PERF]","[WS]","[PUSH]","[PAYMENT]","[SYNC]","[BLE]","[LOCATION]","[TEST]","[DEBUG]"],[]),k=(0,react_1.useMemo)(()=>[{id:types_1.LogFilter.All,label:t("common.all","All"),count:_.all?.split("/")?.[0]??"0",color:AppColors_1.AppColors.purple,Icon:NetworkIcons_1.LayersIcon},{id:types_1.LogFilter.UserLog,label:t("console.log","Log"),count:_["user-log"]?.split("/")?.[0]??"0",color:AppColors_1.AppColors.teal600,Icon:NetworkIcons_1.UserIcon},{id:types_1.LogFilter.Info,label:t("console.info","Info"),count:_.info?.split("/")?.[0]??"0",color:AppColors_1.AppColors.sky600,Icon:NetworkIcons_1.InfoCircleIcon},{id:types_1.LogFilter.Warn,label:t("console.warning","Warn"),count:_.warn?.split("/")?.[0]??"0",color:AppColors_1.AppColors.amber600,Icon:NetworkIcons_1.WarningTriangleIcon},{id:types_1.LogFilter.Error,label:t("console.error","Error"),count:_.error?.split("/")?.[0]??"0",color:AppColors_1.AppColors.errorColor,Icon:NetworkIcons_1.ErrorCircleIcon},{id:types_1.LogFilter.Analytics,label:t("console.analytics","Analytics"),count:_.analytics?.split("/")?.[0]??"0",color:AppColors_1.AppColors.violet600,Icon:NetworkIcons_1.AnalyticsIcon}],[_,t]);return<react_native_1.View style={{flex:1}}>
       <react_native_1.View style={{backgroundColor:AppColors_1.AppColors.white,borderBottomWidth:1,borderBottomColor:AppColors_1.AppColors.dividerColor,paddingBottom:6}}>
         <react_native_1.View style={[styles_1.default.toolbarRow,{marginTop:12,marginBottom:8}]}>
-          <react_native_1.View style={[styles_1.default.searchContainer,m&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
-            <NetworkIcons_1.SearchIcon color={m?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
-            <react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>F(!0)}onBlur={()=>F(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
+          <react_native_1.View style={[styles_1.default.searchContainer,T&&{borderColor:AppColors_1.AppColors.purple,borderWidth:1.5}]}>
+            <NetworkIcons_1.SearchIcon color={T?AppColors_1.AppColors.purple:AppColors_1.AppColors.grayTextWeak}size={16}/>
+            <react_native_1.TextInput placeholder={t("console.searchPlaceholder")}placeholderTextColor={AppColors_1.AppColors.grayTextWeak}value={o}onChangeText={l}onFocus={()=>z(!0)}onBlur={()=>z(!1)}style={styles_1.default.searchInput}autoCorrect={!1}autoCapitalize="none"/>
             {o.length>0&&<react_native_1.View style={{flexDirection:"row",alignItems:"center",gap:4}}>
                 <react_native_1.View style={{backgroundColor:`${AppColors_1.AppColors.purple}20`,borderRadius:10,paddingHorizontal:6,paddingVertical:2}}>
                   <react_native_1.Text style={{color:AppColors_1.AppColors.purple,fontSize:10,fontFamily:AppFonts_1.AppFonts.interBold}}>
@@ -27,21 +27,26 @@
           </react_native_1.View>
 
           <react_native_1.View style={styles_1.default.toolbarRight}>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>L(!0)}hitSlop={6}testID="inspector.console.exportBtn">
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.purple}38`,backgroundColor:`${AppColors_1.AppColors.purple}0F`}]}onPress={()=>F(!0)}hitSlop={6}testID="inspector.console.exportBtn">
               <NetworkIcons_1.ExportIcon color={AppColors_1.AppColors.purple}size={15}/>
             </TouchableScale_1.default>
             <TouchableScale_1.default style={styles_1.default.toolbarBtn}onPress={()=>a(e=>e==="newest"?"oldest":"newest")}hitSlop={10}>
               <NetworkIcons_1.SortArrowIcon color={AppColors_1.AppColors.grayTextStrong}size={18}direction={n==="newest"?"down":"up"}/>
             </TouchableScale_1.default>
-            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={E}hitSlop={6}>
+            <TouchableScale_1.default style={[styles_1.default.toolbarBtn,{borderColor:`${AppColors_1.AppColors.errorColor}38`,backgroundColor:`${AppColors_1.AppColors.errorColor}0F`}]}onPress={B}hitSlop={6}>
               <NetworkIcons_1.TrashIcon color={AppColors_1.AppColors.errorColor}size={15}/>
+              {S.size>0&&<react_native_1.View style={styles_1.default.trashBadge}>
+                  <react_native_1.Text style={styles_1.default.trashBadgeText}>
+                    {S.size}
+                  </react_native_1.Text>
+                </react_native_1.View>}
             </TouchableScale_1.default>
           </react_native_1.View>
         </react_native_1.View>
 
         
-        {(m||o.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
-            {H.map(e=>{const r=o.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?s=>s.replace(e,"").trim():s=>s?`${s} ${e}`.trim():e)}}>
+        {(T||o.length>0)&&<react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{marginBottom:6,maxHeight:30}}contentContainerStyle={{paddingHorizontal:8,flexDirection:"row",alignItems:"center",gap:6}}>
+            {R.map(e=>{const r=o.includes(e);return<TouchableScale_1.default key={e}onPress={()=>{l(r?s=>s.replace(e,"").trim():s=>s?`${s} ${e}`.trim():e)}}>
                   <react_native_1.View style={{paddingHorizontal:8,paddingVertical:3,borderRadius:6,backgroundColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}14`,borderWidth:1,borderColor:r?AppColors_1.AppColors.purple:`${AppColors_1.AppColors.purple}30`}}>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.purple}}>
                       {e}
@@ -53,7 +58,7 @@
         
         <react_native_1.View style={{flexDirection:"row",alignItems:"center",marginBottom:8,paddingHorizontal:8,gap:6}}>
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={!1}style={{flex:1}}contentContainerStyle={{flexDirection:"row",alignItems:"center",gap:6,paddingRight:6}}>
-            {$.map(e=>{const r=e.id==="all"?i.has("all"):i.has(e.id)&&!i.has("all"),s=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:s,C=e.Icon;return<TouchableScale_1.default testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?S(new Set(["all"])):S(R=>{const y=new Set(R);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
+            {k.map(e=>{const r=e.id==="all"?i.has("all"):i.has(e.id)&&!i.has("all"),s=e.color||AppColors_1.AppColors.purple,h=r?AppColors_1.AppColors.white:s,C=e.Icon;return<TouchableScale_1.default testID={`inspector.console.filter.${e.id}`}key={e.id}onPress={()=>{e.id==="all"?A(new Set(["all"])):A(q=>{const y=new Set(q);return y.delete("all"),y.has(e.id)?y.delete(e.id):y.add(e.id),y.size===0&&y.add("all"),y})}}>
                   <react_native_1.View style={{flexDirection:"row",alignItems:"center",paddingHorizontal:9,paddingVertical:4.5,borderRadius:8,backgroundColor:r?s:`${s}12`,borderWidth:1,borderColor:r?s:`${s}30`,gap:5}}>
                     <C size={11}color={h}/>
                     <react_native_1.Text style={{fontFamily:AppFonts_1.AppFonts.interBold,fontSize:10.5,color:r?AppColors_1.AppColors.white:AppColors_1.AppColors.primaryBlack}}>
@@ -70,7 +75,7 @@
         </react_native_1.View>
       </react_native_1.View>
 
-      <react_native_1.FlatList ref={T}data={w}keyExtractor={M}ListHeaderComponent={D}renderItem={B}getItemLayout={O}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||!i.has("all")}searchQuery={o}customTitle={o.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),S(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={w.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={w.length<c.length}onLoadMore={()=>v(e=>e+LOAD_MORE_STEP)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
+      <react_native_1.FlatList ref={v}data={m}keyExtractor={H}ListHeaderComponent={$}renderItem={M}getItemLayout={D}initialNumToRender={10}maxToRenderPerBatch={8}windowSize={5}updateCellsBatchingPeriod={40}removeClippedSubviews={!0}renderToHardwareTextureAndroid={!0}showsVerticalScrollIndicator={!1}nestedScrollEnabled={!0}ListEmptyComponent={<EmptyState_1.default isSearch={o.length>0||!i.has("all")}searchQuery={o}customTitle={o.length>0?"No matching console logs":"No console logs"}onClearSearch={()=>{l(""),A(new Set(["all"]))}}/>}ListFooterComponent={c.length>0?<EndOfListFooter_1.default count={m.length}totalCount={c.length}label="logs"loadMoreStep={LOAD_MORE_STEP}hasMore={m.length<c.length}onLoadMore={()=>V(e=>e+LOAD_MORE_STEP)}/>:null}style={{flex:1}}contentContainerStyle={[styles_1.default.listContent,{flexGrow:1}]}keyboardShouldPersistTaps="handled"/>
 
-      <ConsoleExportModal_1.default visible={P}onClose={()=>L(!1)}filteredLogs={c}allLogs={A}/>
+      <ConsoleExportModal_1.default visible={O}onClose={()=>F(!1)}filteredLogs={c}allLogs={b}/>
     </react_native_1.View>});exports.default=ConsoleTab;