react-native-inapp-inspector 2.3.19 → 2.3.21

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

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