react-native-inapp-inspector 2.3.14 → 2.3.16

package/README.md

@@ -11,6 +11,7 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/v/react-native-inapp-inspector?color=6366f1&label=npm" alt="npm version" /></a>
   <a href="https://www.npmjs.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/npm/dm/react-native-inapp-inspector?color=3b82f6&label=downloads" alt="npm downloads" /></a>
+  <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/github/stars/vengatmacuser/react-native-inapp-inspector?color=f59e0b&label=stars&logo=github" alt="GitHub stars" /></a>
   <a href="https://bundlephobia.com/package/react-native-inapp-inspector"><img src="https://img.shields.io/bundlephobia/minzip/react-native-inapp-inspector?color=10b981&label=minzipped" alt="bundle size" /></a>
   <a href="https://github.com/vengatmacuser/react-native-inapp-inspector/blob/main/LICENSE"><img src="https://img.shields.io/badge/license-MIT-green" alt="license" /></a>
   <a href="https://github.com/vengatmacuser/react-native-inapp-inspector"><img src="https://img.shields.io/badge/platform-iOS%20%7C%20Android%20%7C%20Expo-blue" alt="platform" /></a>

package/dist/commonjs/components/AnimatedEntrance.js

@@ -40,15 +40,15 @@ const AnimatedEntrance = react_1.default.memo(function AnimatedEntrance({ childr
         return <react_native_1.View style={style}>{children}</react_native_1.View>;
     }
     const progress = (0, react_1.useRef)(new react_native_1.Animated.Value(0)).current;
+    const initialIndex = (0, react_1.useRef)(index).current;
     (0, react_1.useEffect)(() => {
-        progress.setValue(0);
         react_native_1.Animated.timing(progress, {
             toValue: 1,
             duration,
-            delay: delay + Math.min(index, 12) * 18,
+            delay: delay + Math.min(initialIndex, 8) * 12,
             useNativeDriver: true,
         }).start();
-    }, [delay, duration, index, progress]);
+    }, []);
     return (<react_native_1.Animated.View style={[
             style,
             {

package/dist/commonjs/components/ConsoleLogCard.js

@@ -1,10 +1,43 @@
 "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 });
 exports.ConsoleLogCard = void 0;
-const react_1 = __importDefault(require("react"));
+const react_1 = __importStar(require("react"));
 const i18n_1 = require("../i18n");
 const react_native_1 = require("react-native");
 const AppColors_1 = require("../styles/AppColors");
@@ -68,8 +101,8 @@ const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle,
                 return (<react_native_1.View key={i} style={[
                         styles.prefixTag,
                         {
-                            backgroundColor: `${dec.color}15`,
-                            borderColor: `${dec.color}35`,
+                            backgroundColor: `${dec.color}14`,
+                            borderColor: `${dec.color}33`,
                         },
                     ]}>
                 <IconComp color={dec.color} size={10}/>
@@ -87,6 +120,7 @@ const getLogMessageWithBadges = (message, searchStr, textStyle, highlightStyle,
 exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, searchStr = '', }) {
     const { setSelectedLog } = (0, InspectorContext_1.useInspector)();
     const { t } = (0, i18n_1.useTranslation)();
+    const [isExpanded, setIsExpanded] = (0, react_1.useState)(false);
     const jsonContent = (0, helpers_1.getJsonContent)(item.message);
     const isAnalyticsError = item.message
         .toLowerCase()
@@ -101,61 +135,61 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
         if (isAnalyticsError || type === 'error' || method === 'error') {
             return {
                 border: AppColors_1.AppColors.errorColor,
-                badgeBg: AppColors_1.AppColors.errorCardBg,
-                badgeText: AppColors_1.AppColors.rose600,
+                badgeBg: `${AppColors_1.AppColors.errorColor}18`,
+                badgeText: AppColors_1.AppColors.errorColor,
                 label: 'ERROR',
-                cardBg: AppColors_1.AppColors.errorCardBg,
-                methodBorder: AppColors_1.AppColors.errorBorder,
-                methodBg: AppColors_1.AppColors.errorCardBg,
-                methodText: AppColors_1.AppColors.rose600,
+                cardBg: '#FFF8F8',
+                methodBorder: `${AppColors_1.AppColors.errorColor}30`,
+                methodBg: `${AppColors_1.AppColors.errorColor}12`,
+                methodText: AppColors_1.AppColors.errorColor,
                 textColor: AppColors_1.AppColors.redErrorText,
             };
         }
         if (type === 'warn' || method === 'warn') {
             return {
                 border: AppColors_1.AppColors.amber600,
-                badgeBg: AppColors_1.AppColors.amberBg,
-                badgeText: AppColors_1.AppColors.amber700,
+                badgeBg: `${AppColors_1.AppColors.amber600}18`,
+                badgeText: AppColors_1.AppColors.amber800,
                 label: 'WARN',
-                cardBg: AppColors_1.AppColors.amberWarmBg,
-                methodBorder: AppColors_1.AppColors.amberWarmBorder,
-                methodBg: AppColors_1.AppColors.amberBg,
-                methodText: AppColors_1.AppColors.amber700,
-                textColor: AppColors_1.AppColors.amberWarmText,
+                cardBg: '#FFFDF5',
+                methodBorder: `${AppColors_1.AppColors.amber600}33`,
+                methodBg: `${AppColors_1.AppColors.amber600}14`,
+                methodText: AppColors_1.AppColors.amber800,
+                textColor: AppColors_1.AppColors.amber800,
             };
         }
         if (type === 'debug' || method === 'debug') {
             return {
                 border: AppColors_1.AppColors.purple500,
-                badgeBg: AppColors_1.AppColors.violetSoftBg,
-                badgeText: AppColors_1.AppColors.violetSoftText,
+                badgeBg: `${AppColors_1.AppColors.purple500}18`,
+                badgeText: AppColors_1.AppColors.purple,
                 label: 'DEBUG',
-                cardBg: AppColors_1.AppColors.purpleShade50,
-                methodBorder: AppColors_1.AppColors.violetSoftBorder,
-                methodBg: AppColors_1.AppColors.violetSoftBg,
-                methodText: AppColors_1.AppColors.violetSoftText,
+                cardBg: '#FAF8FD',
+                methodBorder: `${AppColors_1.AppColors.purple500}33`,
+                methodBg: `${AppColors_1.AppColors.purple500}12`,
+                methodText: AppColors_1.AppColors.purple,
                 textColor: AppColors_1.AppColors.purpleText,
             };
         }
         if (type === 'info' || method === 'info') {
             return {
                 border: AppColors_1.AppColors.sky500,
-                badgeBg: AppColors_1.AppColors.skySoftBg,
-                badgeText: AppColors_1.AppColors.skySoftText,
+                badgeBg: `${AppColors_1.AppColors.sky500}18`,
+                badgeText: AppColors_1.AppColors.sky600,
                 label: 'INFO',
-                cardBg: AppColors_1.AppColors.blueBg,
-                methodBorder: AppColors_1.AppColors.skySoftBorder,
-                methodBg: AppColors_1.AppColors.skySoftBg,
-                methodText: AppColors_1.AppColors.skySoftText,
+                cardBg: '#F8FAFC',
+                methodBorder: `${AppColors_1.AppColors.sky500}33`,
+                methodBg: `${AppColors_1.AppColors.sky500}12`,
+                methodText: AppColors_1.AppColors.sky600,
                 textColor: AppColors_1.AppColors.blue800,
             };
         }
         return {
             border: AppColors_1.AppColors.indigo500,
-            badgeBg: AppColors_1.AppColors.indigo50,
+            badgeBg: `${AppColors_1.AppColors.indigo500}15`,
             badgeText: AppColors_1.AppColors.indigo600Alt,
             label: 'LOG',
-            cardBg: AppColors_1.AppColors.primaryLight,
+            cardBg: AppColors_1.AppColors.white,
             methodBorder: AppColors_1.AppColors.dividerColor,
             methodBg: AppColors_1.AppColors.indigo50,
             methodText: AppColors_1.AppColors.indigo600Alt,
@@ -169,6 +203,10 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
     const openDetail = () => {
         setSelectedLog(item);
     };
+    const toggleExpand = (e) => {
+        e?.stopPropagation?.();
+        setIsExpanded(prev => !prev);
+    };
     return (<react_native_1.View style={styles.container}>
       <react_native_1.Pressable onPress={openDetail} style={({ pressed }) => [
             styles.card,
@@ -179,6 +217,7 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
             },
             pressed && styles.cardPressed,
         ]}>
+        
         <react_native_1.View style={styles.cardHeader}>
           <react_native_1.View style={styles.headerLeft}>
             <react_native_1.View style={[styles.typeChip, { backgroundColor: colors.badgeBg }]}>
@@ -204,11 +243,11 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
             {jsonContent && (<react_native_1.View style={[
                 styles.metaChip,
                 {
-                    backgroundColor: AppColors_1.AppColors.mintGreenBg,
-                    borderColor: AppColors_1.AppColors.mintGreenBorder,
+                    backgroundColor: `${AppColors_1.AppColors.teal600}14`,
+                    borderColor: `${AppColors_1.AppColors.teal600}33`,
                 },
             ]}>
-                <react_native_1.Text style={[styles.metaChipText, { color: AppColors_1.AppColors.mintGreenText, fontFamily: AppFonts_1.AppFonts.interBold }]}>
+                <react_native_1.Text style={[styles.metaChipText, { color: AppColors_1.AppColors.teal600, fontFamily: AppFonts_1.AppFonts.interBold }]}>
                   {Array.isArray(jsonContent.data)
                 ? `Array[${jsonContent.data.length}]`
                 : `Object{${Object.keys(jsonContent.data).length}}`}
@@ -235,23 +274,31 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
           </react_native_1.View>
         </react_native_1.View>
 
+        
         <react_native_1.View style={styles.cardBody}>
           {jsonContent ? (<>
-              {jsonContent.header ? (getLogMessageWithBadges(jsonContent.header, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, 2)) : null}
+              {jsonContent.header ? (getLogMessageWithBadges(jsonContent.header, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, isExpanded ? undefined : 2)) : null}
               {jsonPreview && (<react_native_1.View style={styles.jsonPreviewContainer}>
                   <LogSyntaxHighlighter_1.default text={jsonPreview.text} search={searchStr} style={[
                     styles.jsonPreviewText,
                     { color: AppColors_1.AppColors.primaryBlack },
-                ]} detectLinks={false} numberOfLines={5}/>
+                ]} detectLinks={false} numberOfLines={isExpanded ? undefined : 4}/>
+                  {jsonPreview.text.split('\n').length > 4 && (<react_native_1.Pressable onPress={toggleExpand} hitSlop={6} style={styles.expandToggle}>
+                      <react_native_1.Text style={styles.expandToggleText}>
+                        {isExpanded ? 'Show less' : 'Show full preview'}
+                      </react_native_1.Text>
+                      <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.purple} size={11} direction={isExpanded ? 'up' : 'down'}/>
+                    </react_native_1.Pressable>)}
                 </react_native_1.View>)}
-            </>) : (getLogMessageWithBadges(item.message, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, 3))}
+            </>) : (getLogMessageWithBadges(item.message, searchStr, [styles.messageText, { color: AppColors_1.AppColors.primaryBlack }], styles.highlight, isExpanded ? undefined : 4))}
         </react_native_1.View>
 
+        
         <react_native_1.View style={styles.cardFooter}>
           <react_native_1.View style={styles.footerLeft}>
-            <react_native_1.Text style={styles.footerText}>#{item.id + 1}</react_native_1.Text>
+            <react_native_1.Text style={styles.footerId}>#{item.id + 1}</react_native_1.Text>
             <react_native_1.View style={styles.footerDot}/>
-            <react_native_1.Text style={styles.footerText}>{(0, helpers_1.formatTime)(item.timestamp)}</react_native_1.Text>
+            <react_native_1.Text style={styles.footerTime}>{(0, helpers_1.formatTime)(item.timestamp)}</react_native_1.Text>
             {parsedCaller && (<>
                 <react_native_1.View style={styles.footerDot}/>
                 <react_native_1.Pressable onPress={e => {
@@ -259,44 +306,27 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
                 (0, helpers_1.openInVSCode)(parsedCaller.rawFilePath ||
                     parsedCaller.fullPath ||
                     parsedCaller.fileName, parsedCaller.lineNumber, parsedCaller.columnNumber);
-            }} hitSlop={8} style={{
-                flexDirection: 'row',
-                alignItems: 'center',
-                gap: 4,
-                maxWidth: 185,
-                backgroundColor: `${AppColors_1.AppColors.sky600}10`,
-                borderColor: `${AppColors_1.AppColors.sky600}2B`,
-                borderWidth: 1,
-                borderRadius: 5,
-                paddingHorizontal: 5,
-                paddingVertical: 1.5,
-            }}>
-                  {parsedCaller.fileExt && parsedCaller.fileExt !== 'other' && (<react_native_1.View style={{
-                    backgroundColor: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
-                        ? `${AppColors_1.AppColors.brandPurple}22`
-                        : `${AppColors_1.AppColors.teal600}22`,
-                    borderRadius: 3,
-                    paddingHorizontal: 3.5,
-                    paddingVertical: 0.5,
-                }}>
-                      <react_native_1.Text style={{
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    fontSize: 8,
-                    color: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
-                        ? AppColors_1.AppColors.brandPurple
-                        : AppColors_1.AppColors.teal600,
-                }}>
+            }} hitSlop={8} style={styles.callerPill}>
+                  {parsedCaller.fileExt && parsedCaller.fileExt !== 'other' && (<react_native_1.View style={[
+                    styles.extBadge,
+                    {
+                        backgroundColor: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
+                            ? `${AppColors_1.AppColors.brandPurple}22`
+                            : `${AppColors_1.AppColors.teal600}22`,
+                    },
+                ]}>
+                      <react_native_1.Text style={[
+                    styles.extBadgeText,
+                    {
+                        color: parsedCaller.fileExt === 'tsx' || parsedCaller.fileExt === 'ts'
+                            ? AppColors_1.AppColors.brandPurple
+                            : AppColors_1.AppColors.teal600,
+                    },
+                ]}>
                         {parsedCaller.fileExt.toUpperCase()}
                       </react_native_1.Text>
                     </react_native_1.View>)}
-                  <react_native_1.Text style={[
-                styles.footerText,
-                {
-                    fontFamily: AppFonts_1.AppFonts.interBold,
-                    color: AppColors_1.AppColors.sky600,
-                    fontSize: 9.5,
-                },
-            ]} numberOfLines={1} ellipsizeMode="middle">
+                  <react_native_1.Text style={styles.callerFileName} numberOfLines={1} ellipsizeMode="middle">
                     {parsedCaller.fileName}
                     {parsedCaller.lineNumber ? `:${parsedCaller.lineNumber}` : ''}
                   </react_native_1.Text>
@@ -335,32 +365,34 @@ exports.ConsoleLogCard = react_1.default.memo(function ConsoleLogCard({ item, se
 });
 const styles = react_native_1.StyleSheet.create({
     container: {
-        paddingHorizontal: 12,
-        paddingVertical: 4,
+        paddingHorizontal: 10,
+        paddingVertical: 3.5,
     },
     card: {
         alignSelf: 'stretch',
-        borderRadius: 12,
+        borderRadius: 11,
         borderWidth: 1,
         borderColor: AppColors_1.AppColors.grayBorderSecondary,
         borderLeftWidth: 3.5,
-        padding: 12,
-        backgroundColor: AppColors_1.AppColors.primaryLight,
+        paddingHorizontal: 12,
+        paddingTop: 10,
+        paddingBottom: 9,
+        backgroundColor: AppColors_1.AppColors.white,
         shadowColor: AppColors_1.AppColors.black,
-        shadowOpacity: 0.05,
-        shadowRadius: 4,
-        shadowOffset: { width: 0, height: 2 },
-        elevation: 2,
+        shadowOpacity: 0.04,
+        shadowRadius: 3,
+        shadowOffset: { width: 0, height: 1.5 },
+        elevation: 1.5,
     },
     cardPressed: {
-        opacity: 0.85,
-        transform: [{ scale: 0.99 }],
+        opacity: 0.88,
+        transform: [{ scale: 0.995 }],
     },
     cardHeader: {
         flexDirection: 'row',
         justifyContent: 'space-between',
         alignItems: 'center',
-        marginBottom: 8,
+        marginBottom: 6,
         gap: 8,
     },
     headerLeft: {
@@ -373,7 +405,7 @@ const styles = react_native_1.StyleSheet.create({
     headerRight: {
         flexDirection: 'row',
         alignItems: 'center',
-        gap: 4,
+        gap: 6,
     },
     typeChip: {
         flexDirection: 'row',
@@ -395,7 +427,7 @@ const styles = react_native_1.StyleSheet.create({
     },
     metaChip: {
         paddingHorizontal: 6,
-        paddingVertical: 2.5,
+        paddingVertical: 2,
         borderRadius: 6,
         borderWidth: 1,
     },
@@ -405,12 +437,7 @@ const styles = react_native_1.StyleSheet.create({
         letterSpacing: 0.2,
     },
     cardBody: {
-        backgroundColor: AppColors_1.AppColors.primaryLight,
-        paddingHorizontal: 10,
-        paddingVertical: 8,
-        borderRadius: 9,
-        borderWidth: 1,
-        borderColor: AppColors_1.AppColors.grayBorderSecondary,
+        paddingVertical: 2,
     },
     messageText: {
         fontFamily: AppFonts_1.AppFonts.interMedium,
@@ -426,10 +453,11 @@ const styles = react_native_1.StyleSheet.create({
     jsonPreviewContainer: {
         marginTop: 6,
         backgroundColor: AppColors_1.AppColors.grayBackground,
-        borderRadius: 7,
+        borderRadius: 8,
         borderWidth: 1,
         borderColor: AppColors_1.AppColors.grayBorderSecondary,
-        padding: 8,
+        paddingHorizontal: 9,
+        paddingVertical: 7,
     },
     jsonPreviewText: {
         fontFamily: AppFonts_1.AppFonts.interRegular,
@@ -437,11 +465,29 @@ const styles = react_native_1.StyleSheet.create({
         color: AppColors_1.AppColors.primaryBlack,
         lineHeight: 16,
     },
+    expandToggle: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        justifyContent: 'center',
+        gap: 4,
+        marginTop: 5,
+        paddingVertical: 2,
+        borderTopWidth: 1,
+        borderTopColor: AppColors_1.AppColors.dividerColor,
+    },
+    expandToggleText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 10,
+        color: AppColors_1.AppColors.purple,
+    },
     cardFooter: {
         flexDirection: 'row',
         alignItems: 'center',
         justifyContent: 'space-between',
-        marginTop: 8,
+        marginTop: 7,
+        paddingTop: 6,
+        borderTopWidth: 1,
+        borderTopColor: `${AppColors_1.AppColors.dividerColor}88`,
         gap: 6,
     },
     footerLeft: {
@@ -463,14 +509,42 @@ const styles = react_native_1.StyleSheet.create({
         backgroundColor: AppColors_1.AppColors.grayTextWeak,
         opacity: 0.6,
     },
-    footerText: {
-        fontFamily: AppFonts_1.AppFonts.interRegular,
+    footerId: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 10,
+        color: AppColors_1.AppColors.grayTextWeak,
+    },
+    footerTime: {
+        fontFamily: AppFonts_1.AppFonts.interMedium,
         fontSize: 10,
         color: AppColors_1.AppColors.grayTextWeak,
         letterSpacing: 0.1,
     },
-    footerCaller: {
-        flexShrink: 1,
+    callerPill: {
+        flexDirection: 'row',
+        alignItems: 'center',
+        gap: 4,
+        maxWidth: 185,
+        backgroundColor: `${AppColors_1.AppColors.sky600}10`,
+        borderColor: `${AppColors_1.AppColors.sky600}2B`,
+        borderWidth: 1,
+        borderRadius: 5,
+        paddingHorizontal: 5,
+        paddingVertical: 1.5,
+    },
+    extBadge: {
+        borderRadius: 3,
+        paddingHorizontal: 3.5,
+        paddingVertical: 0.5,
+    },
+    extBadgeText: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        fontSize: 8,
+    },
+    callerFileName: {
+        fontFamily: AppFonts_1.AppFonts.interBold,
+        color: AppColors_1.AppColors.sky600,
+        fontSize: 9.5,
     },
     footerBadge: {
         paddingHorizontal: 6,

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

@@ -972,28 +972,6 @@ const AnalyticsTab = react_1.default.memo(() => {
                     flexGrow: 1,
                 },
             ]} keyboardShouldPersistTaps="handled"/>
-
-            <TouchableScale_1.default onPress={() => {
-                try {
-                    listRef.current?.scrollToOffset({
-                        offset: 0,
-                        animated: true,
-                    });
-                }
-                catch {
-                    try {
-                        listRef.current?.scrollToIndex({
-                            index: 0,
-                            animated: true,
-                        });
-                    }
-                    catch { }
-                }
-            }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
-              <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
-                <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
-              </react_native_1.View>
-            </TouchableScale_1.default>
           </>) : null}
       </react_native_1.View>
     </>);

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

@@ -63,31 +63,40 @@ const ConsoleTab = react_1.default.memo(() => {
         const isAllSelected = logFilters.has('all') ||
             !Array.from(logFilters).some(f => f !== 'all');
         if (isAllSelected) {
-            return (<react_native_1.Text style={[
-                    styles_1.default.resultCount,
-                    { marginBottom: 4, marginTop: 12 },
-                ]}>
-          Showing ({filtered}/{total}) logs showing
-        </react_native_1.Text>);
+            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`}
+          </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 'User Log';
+                    return 'Log';
                 if (f === 'analytics')
                     return 'Analytics';
                 return (f.charAt(0).toUpperCase() +
                     f.slice(1));
             });
-            return (<react_native_1.Text style={[
-                    styles_1.default.resultCount,
-                    { marginBottom: 4, marginTop: 12 },
-                ]}>
-          Filtering with {activeFilterNames.join(', ')} (
-          {filtered}/{total}) logs is showing
-        </react_native_1.Text>);
+            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.Text>
+        </react_native_1.View>);
         }
     }, [visibleConsoleLogs.length, filteredConsoleLogs.length, logFilters]);
     const [isSearchFocused, setIsSearchFocused] = react_1.default.useState(false);
@@ -519,37 +528,15 @@ const ConsoleTab = react_1.default.memo(() => {
         </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={true} renderToHardwareTextureAndroid={true} ListEmptyComponent={<EmptyState_1.default isSearch={logSearch.length > 0 || logFilters.size > 0} searchQuery={logSearch} customTitle={logSearch.length > 0
+      <react_native_1.FlatList ref={listRef} data={filteredConsoleLogs} keyExtractor={keyExtractor} ListHeaderComponent={listHeader} renderItem={renderItem} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} 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());
+                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"/>
-
-      <TouchableScale_1.default onPress={() => {
-            try {
-                listRef.current?.scrollToOffset({
-                    offset: 0,
-                    animated: true,
-                });
-            }
-            catch {
-                try {
-                    listRef.current?.scrollToIndex({
-                        index: 0,
-                        animated: true,
-                    });
-                }
-                catch { }
-            }
-        }} hitSlop={12} style={styles_1.default.scrollTopBtn}>
-        <react_native_1.View style={{ transform: [{ rotate: '180deg' }] }}>
-          <NetworkIcons_1.ChevronIcon color={AppColors_1.AppColors.white} size={18}/>
-        </react_native_1.View>
-      </TouchableScale_1.default>
     </react_native_1.View>);
 });
 exports.default = ConsoleTab;