react-native-inapp-inspector 2.3.14 → 2.3.16

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

@@ -45,7 +45,6 @@ const AnimatedEntrance_1 = __importDefault(require("../AnimatedEntrance"));
 const EndOfListFooter_1 = __importDefault(require("../EndOfListFooter"));
 const FeatureUnderDevNotice_1 = __importDefault(require("./FeatureUnderDevNotice"));
 const HighlightText_1 = __importDefault(require("../HighlightText"));
-const styles_1 = __importDefault(require("../../styles"));
 const AppColors_1 = require("../../styles/AppColors");
 const AppFonts_1 = require("../../styles/AppFonts");
 const crashHandler_1 = require("../../customHooks/crashHandler");
@@ -425,13 +424,27 @@ const CrashTab = react_1.default.memo(() => {
           <react_native_1.View style={localStyles.emptyIconCircle}>
             <NetworkIcons_1.ShieldAlertIcon size={38} color={AppColors_1.AppColors.greenColor}/>
           </react_native_1.View>
-          <react_native_1.Text style={localStyles.emptyTitle}>{t('crash.emptyTitle')}</react_native_1.Text>
+          <react_native_1.Text style={localStyles.emptyTitle}>
+            {searchQuery.length > 0
+                ? 'No matching crash entries'
+                : filterType !== 'all' || !(0, CrashFilterModal_1.isCrashFiltersDefault)(crashFilters)
+                    ? 'No crashes match filters'
+                    : t('crash.emptyTitle')}
+          </react_native_1.Text>
           <react_native_1.Text style={localStyles.emptySub}>
             {searchQuery
-                ? t('crash.emptySearchSubtitle')
-                : t('crash.emptySubtitle')}
+                ? `No crash entries matched "${searchQuery}"`
+                : filterType !== 'all' || !(0, CrashFilterModal_1.isCrashFiltersDefault)(crashFilters)
+                    ? 'Try adjusting your filters or search keywords.'
+                    : t('crash.emptySubtitle')}
           </react_native_1.Text>
-          {searchQuery.length > 0 && (<TouchableScale_1.default onPress={() => setSearchQuery('')} style={{
+          {(searchQuery.length > 0 ||
+                filterType !== 'all' ||
+                !(0, CrashFilterModal_1.isCrashFiltersDefault)(crashFilters)) && (<TouchableScale_1.default onPress={() => {
+                    setSearchQuery('');
+                    setFilterType('all');
+                    setCrashFilters(CrashFilterModal_1.DEFAULT_CRASH_FILTERS);
+                }} style={{
                     marginTop: 10,
                     paddingHorizontal: 14,
                     paddingVertical: 7,
@@ -443,33 +456,11 @@ const CrashTab = react_1.default.memo(() => {
                     fontSize: 11.5,
                     color: AppColors_1.AppColors.white,
                 }}>
-                Clear Search
+                Clear Search & Filters
               </react_native_1.Text>
             </TouchableScale_1.default>)}
         </react_native_1.ScrollView>) : (<>
           <react_native_1.FlatList ref={listRef} data={filteredList} keyExtractor={item => item.id} renderItem={renderCard} initialNumToRender={12} maxToRenderPerBatch={8} windowSize={5} removeClippedSubviews={true} renderToHardwareTextureAndroid={true} contentContainerStyle={localStyles.listContent} showsVerticalScrollIndicator={false} ListFooterComponent={<EndOfListFooter_1.default />}/>
-
-          <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>
         </>)}
 
       

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

@@ -377,19 +377,119 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         (0, helpers_1.copyToClipboard)(md, 'Device Markdown Report');
         (0, toast_1.showToast)('Copied Markdown Report to Clipboard!');
     };
-    const isMatch = (text) => {
+    const isMatch = (0, react_1.useCallback)((label, value, subtext) => {
         if (!search.trim())
             return true;
-        return text.toLowerCase().includes(search.toLowerCase().trim());
-    };
+        const query = search.toLowerCase().trim();
+        const strVal = value != null
+            ? typeof value === 'object'
+                ? JSON.stringify(value)
+                : String(value)
+            : '';
+        const strSub = subtext != null ? String(subtext) : '';
+        return (label.toLowerCase().includes(query) ||
+            strVal.toLowerCase().includes(query) ||
+            strSub.toLowerCase().includes(query));
+    }, [search]);
+    const hasHeroMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('Model', deviceMetrics?.deviceModel || react_native_1.Platform.constants?.Model) ||
+            isMatch('OS', react_native_1.Platform.OS) ||
+            isMatch('IP Address', ipAddress) ||
+            isMatch('RAM', `${usedRamMb}/${totalRamMb}`) ||
+            isMatch('Uptime', deviceUptime));
+    }, [search, isMatch, deviceMetrics, ipAddress, usedRamMb, totalRamMb, deviceUptime]);
+    const hasOverviewMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('Device Model', fullDeviceData.hardware.model) ||
+            isMatch('Manufacturer', fullDeviceData.hardware.brand) ||
+            isMatch('Operating System', fullDeviceData.hardware.osVersion) ||
+            isMatch('IP Address', ipAddress) ||
+            isMatch('RAM Memory', `${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`, `Free Memory: ${freeRamMb} MB`) ||
+            isMatch('Storage Capacity', `${freeStorageGb} GB Free / ${totalStorageGb} GB Total`) ||
+            isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) ||
+            isMatch('JavaScript Engine', isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)') ||
+            isMatch('UDID Identifier', pseudoUDID));
+    }, [search, isMatch, fullDeviceData, ipAddress, usedRamMb, totalRamMb, ramUsagePct, freeRamMb, freeStorageGb, totalStorageGb, isHermes, pseudoUDID]);
+    const hasHardwareMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('CPU Architecture', fullDeviceData.hardware.cpuAbi) ||
+            isMatch('Total RAM', `${totalRamMb} MB`) ||
+            isMatch('Free RAM', `${freeRamMb} MB`) ||
+            isMatch('Storage Capacity', `${totalStorageGb} GB`) ||
+            isMatch('Available Storage', `${freeStorageGb} GB`) ||
+            isMatch('Battery', `${deviceMetrics?.batteryPercent ?? 100}%`) ||
+            isMatch('API Level', `API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version}`) ||
+            isMatch('Thermal State', 'Nominal (Cool)'));
+    }, [search, isMatch, fullDeviceData, totalRamMb, freeRamMb, totalStorageGb, freeStorageGb, deviceMetrics]);
+    const hasNetworkMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('IP Address', ipAddress) ||
+            isMatch('Internet Reachability', 'Connected') ||
+            isMatch('Connection Type', 'Wi-Fi / Local Area Network') ||
+            isMatch('Metro Dev Server', react_native_1.NativeModules?.PlatformConstants?.serverHost || react_native_1.NativeModules?.AndroidConstants?.serverHost || 'localhost:8081') ||
+            isMatch('WebSocket Protocol', 'Active & Enabled') ||
+            isMatch('Network Inspector Interceptor', 'Intercepting XHR & Fetch'));
+    }, [search, isMatch, ipAddress]);
+    const hasDisplayMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('Window Resolution', `${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`) ||
+            isMatch('Screen Physical Size', `${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`) ||
+            isMatch('Pixel Density', `@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`) ||
+            isMatch('Font Scale', `${fontScale}x`) ||
+            isMatch('Form Factor', isTablet ? 'Tablet' : 'Smartphone') ||
+            isMatch('Orientation', isLandscape ? 'Landscape' : 'Portrait') ||
+            isMatch('Status Bar Height', `${statusBarHeight} pt`));
+    }, [search, isMatch, windowDims, screenDims, pixelRatio, fontScale, isTablet, isLandscape, statusBarHeight]);
+    const hasRuntimeMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('App Name', fullDeviceData.runtime.appName) ||
+            isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) ||
+            isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) ||
+            isMatch('React Native', `v${reactNativeVersion}`) ||
+            isMatch('In-App Inspector Version', `v${constants_1.LIB_VERSION}`) ||
+            isMatch('Hermes Engine', isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)') ||
+            isMatch('New Architecture', isTurboModule ? 'Enabled' : 'Legacy Bridge') ||
+            isMatch('Build Type', __DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production') ||
+            isMatch('Timezone', fullDeviceData.runtime.timezone) ||
+            isMatch('Locale', fullDeviceData.runtime.locale) ||
+            isMatch('Session Uptime', deviceUptime));
+    }, [search, isMatch, fullDeviceData, reactNativeVersion, isHermes, isTurboModule, deviceUptime]);
+    const hasSecurityMatch = (0, react_1.useMemo)(() => {
+        if (!search.trim())
+            return true;
+        return (isMatch('Pseudo-UDID', pseudoUDID) ||
+            isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) ||
+            isMatch('Root / Jailbreak', 'Clean (Standard Sandbox)') ||
+            isMatch('Simulator / Emulator', react_native_1.Platform.constants?.Model?.includes?.('sdk') || react_native_1.Platform.constants?.Model?.includes?.('Emulator') || react_native_1.Platform.constants?.Model?.includes?.('Simulator') ? 'Virtual Simulator' : 'Physical Device') ||
+            isMatch('Sandbox Integrity', 'Enforced by OS Kernel'));
+    }, [search, isMatch, pseudoUDID, fullDeviceData]);
     const hasAnyMatch = (0, react_1.useMemo)(() => {
         if (!search.trim())
             return true;
-        const query = search.toLowerCase().trim();
-        return (JSON.stringify(fullDeviceData).toLowerCase().includes(query) ||
-            ipAddress.toLowerCase().includes(query) ||
-            pseudoUDID.toLowerCase().includes(query));
-    }, [search, fullDeviceData, ipAddress, pseudoUDID]);
+        return (hasHeroMatch ||
+            hasOverviewMatch ||
+            hasHardwareMatch ||
+            hasNetworkMatch ||
+            hasDisplayMatch ||
+            hasRuntimeMatch ||
+            hasSecurityMatch);
+    }, [
+        search,
+        hasHeroMatch,
+        hasOverviewMatch,
+        hasHardwareMatch,
+        hasNetworkMatch,
+        hasDisplayMatch,
+        hasRuntimeMatch,
+        hasSecurityMatch,
+    ]);
     return (<react_native_1.View style={styles.container}>
       
       <react_native_1.View style={styles.subTabsWrapper}>
@@ -434,154 +534,154 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
       
       <react_native_1.ScrollView style={styles.scrollArea} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
         
-        <react_native_1.View style={styles.heroCard}>
-          <react_native_1.View style={styles.heroHeader}>
-            <react_native_1.View style={styles.heroIconWrap}>
-              {react_native_1.Platform.OS === 'ios' ? (<NetworkIcons_1.AppleIcon size={20} color={AppColors_1.AppColors.white}/>) : (<NetworkIcons_1.AndroidIcon size={20} color={AppColors_1.AppColors.white}/>)}
-            </react_native_1.View>
-            <react_native_1.View style={{ flex: 1, minWidth: 0 }}>
-              <react_native_1.Text style={styles.heroTitle} numberOfLines={1} ellipsizeMode="tail">
-                {deviceMetrics?.deviceModel || react_native_1.Platform.constants?.Model || (react_native_1.Platform.OS === 'ios' ? 'Apple iPhone' : 'Android Device')}
-              </react_native_1.Text>
-              <react_native_1.Text style={styles.heroSubtitle} numberOfLines={1} ellipsizeMode="tail">
-                {react_native_1.Platform.OS === 'ios' ? `iOS ${react_native_1.Platform.Version}` : `Android ${react_native_1.Platform.Version} (API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version})`}
-              </react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.View style={styles.heroBadge}>
-              <react_native_1.View style={styles.pulseDot}/>
-              <react_native_1.Text style={styles.heroBadgeText}>LIVE</react_native_1.Text>
+        {(!search.trim() || hasHeroMatch) && (<react_native_1.View style={styles.heroCard}>
+            <react_native_1.View style={styles.heroHeader}>
+              <react_native_1.View style={styles.heroIconWrap}>
+                {react_native_1.Platform.OS === 'ios' ? (<NetworkIcons_1.AppleIcon size={20} color={AppColors_1.AppColors.white}/>) : (<NetworkIcons_1.AndroidIcon size={20} color={AppColors_1.AppColors.white}/>)}
+              </react_native_1.View>
+              <react_native_1.View style={{ flex: 1, minWidth: 0 }}>
+                <react_native_1.Text style={styles.heroTitle} numberOfLines={1} ellipsizeMode="tail">
+                  {deviceMetrics?.deviceModel || react_native_1.Platform.constants?.Model || (react_native_1.Platform.OS === 'ios' ? 'Apple iPhone' : 'Android Device')}
+                </react_native_1.Text>
+                <react_native_1.Text style={styles.heroSubtitle} numberOfLines={1} ellipsizeMode="tail">
+                  {react_native_1.Platform.OS === 'ios' ? `iOS ${react_native_1.Platform.Version}` : `Android ${react_native_1.Platform.Version} (API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version})`}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.View style={styles.heroBadge}>
+                <react_native_1.View style={styles.pulseDot}/>
+                <react_native_1.Text style={styles.heroBadgeText}>LIVE</react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
-          </react_native_1.View>
 
-          
-          <react_native_1.View style={styles.heroMetricsStrip}>
-            <react_native_1.View style={styles.heroMetricItem}>
-              <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">IP ADDRESS</react_native_1.Text>
-              <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
-                {ipAddress}
-              </react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.View style={styles.heroMetricDivider}/>
-            <react_native_1.View style={styles.heroMetricItem}>
-              <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">RAM (USED/TOTAL)</react_native_1.Text>
-              <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
-                {usedRamMb}/{totalRamMb} MB
-              </react_native_1.Text>
-            </react_native_1.View>
-            <react_native_1.View style={styles.heroMetricDivider}/>
-            <react_native_1.View style={styles.heroMetricItem}>
-              <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">UPTIME</react_native_1.Text>
-              <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">{deviceUptime}</react_native_1.Text>
+            
+            <react_native_1.View style={styles.heroMetricsStrip}>
+              <react_native_1.View style={styles.heroMetricItem}>
+                <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">IP ADDRESS</react_native_1.Text>
+                <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
+                  {ipAddress}
+                </react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.View style={styles.heroMetricDivider}/>
+              <react_native_1.View style={styles.heroMetricItem}>
+                <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">RAM (USED/TOTAL)</react_native_1.Text>
+                <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">
+                  {usedRamMb}/{totalRamMb} MB
+                </react_native_1.Text>
+              </react_native_1.View>
+              <react_native_1.View style={styles.heroMetricDivider}/>
+              <react_native_1.View style={styles.heroMetricItem}>
+                <react_native_1.Text style={styles.heroMetricLabel} numberOfLines={1} ellipsizeMode="tail">UPTIME</react_native_1.Text>
+                <react_native_1.Text style={styles.heroMetricValue} numberOfLines={1} ellipsizeMode="tail">{deviceUptime}</react_native_1.Text>
+              </react_native_1.View>
             </react_native_1.View>
-          </react_native_1.View>
-        </react_native_1.View>
+          </react_native_1.View>)}
 
         
-        {(activeSubTab === 'overview' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'overview' || search.length > 0) && hasOverviewMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>DEVICE OVERVIEW</react_native_1.Text>
-            {isMatch('Device Model') && (<InfoRow label="Device Model" value={fullDeviceData.hardware.model}/>)}
-            {isMatch('Manufacturer') && (<InfoRow label="Manufacturer / Brand" value={fullDeviceData.hardware.brand}/>)}
-            {isMatch('Operating System') && (<InfoRow label="Operating System" value={fullDeviceData.hardware.osVersion} badge={{ text: react_native_1.Platform.OS.toUpperCase(), color: AppColors_1.AppColors.blue500, bg: `${AppColors_1.AppColors.blue500}18` }}/>)}
-            {isMatch('IP Address') && (<InfoRow label="Local IP Address" value={ipAddress} badge={{ text: 'ONLINE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
-            {isMatch('RAM Memory') && (<InfoRow label="RAM Memory" value={`${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`} subtext={`Free Memory: ${freeRamMb} MB`}/>)}
-            {isMatch('Storage Capacity') && (<InfoRow label="Internal Storage" value={`${freeStorageGb} GB Free / ${totalStorageGb} GB Total`}/>)}
-            {isMatch('App Version') && (<InfoRow label="Host App Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
-            {isMatch('JavaScript Engine') && (<InfoRow label="JS Runtime Engine" value={isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)'} badge={isHermes
+            {isMatch('Device Model', fullDeviceData.hardware.model) && (<InfoRow label="Device Model" value={fullDeviceData.hardware.model}/>)}
+            {isMatch('Manufacturer', fullDeviceData.hardware.brand) && (<InfoRow label="Manufacturer / Brand" value={fullDeviceData.hardware.brand}/>)}
+            {isMatch('Operating System', fullDeviceData.hardware.osVersion) && (<InfoRow label="Operating System" value={fullDeviceData.hardware.osVersion} badge={{ text: react_native_1.Platform.OS.toUpperCase(), color: AppColors_1.AppColors.blue500, bg: `${AppColors_1.AppColors.blue500}18` }}/>)}
+            {isMatch('IP Address', ipAddress) && (<InfoRow label="Local IP Address" value={ipAddress} badge={{ text: 'ONLINE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
+            {isMatch('RAM Memory', `${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`, `Free Memory: ${freeRamMb} MB`) && (<InfoRow label="RAM Memory" value={`${usedRamMb} MB / ${totalRamMb} MB (${ramUsagePct}%)`} subtext={`Free Memory: ${freeRamMb} MB`}/>)}
+            {isMatch('Storage Capacity', `${freeStorageGb} GB Free / ${totalStorageGb} GB Total`) && (<InfoRow label="Internal Storage" value={`${freeStorageGb} GB Free / ${totalStorageGb} GB Total`}/>)}
+            {isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) && (<InfoRow label="Host App Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
+            {isMatch('JavaScript Engine', isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)') && (<InfoRow label="JS Runtime Engine" value={isHermes ? 'Hermes Bytecode Engine' : 'JavaScriptCore (JSC)'} badge={isHermes
                     ? { text: 'HERMES', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }
                     : { text: 'JSC', color: AppColors_1.AppColors.sky500, bg: `${AppColors_1.AppColors.sky500}18` }}/>)}
-            {isMatch('UDID Identifier') && (<InfoRow label="Pseudo-UDID" value={pseudoUDID} isLast/>)}
+            {isMatch('UDID Identifier', pseudoUDID) && (<InfoRow label="Pseudo-UDID" value={pseudoUDID} isLast/>)}
           </react_native_1.View>)}
 
         
-        {(activeSubTab === 'hardware' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'hardware' || search.length > 0) && hasHardwareMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>HARDWARE & SYSTEM SPECIFICATIONS</react_native_1.Text>
-            {isMatch('CPU Architecture') && (<InfoRow label="CPU Architecture / ABI" value={fullDeviceData.hardware.cpuAbi} badge={{ text: '64-BIT', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
-            {isMatch('Total RAM') && (<InfoRow label="Total Physical RAM" value={`${totalRamMb} MB`}/>)}
-            {isMatch('Free RAM') && (<InfoRow label="Available Free RAM" value={`${freeRamMb} MB`} badge={{
+            {isMatch('CPU Architecture', fullDeviceData.hardware.cpuAbi) && (<InfoRow label="CPU Architecture / ABI" value={fullDeviceData.hardware.cpuAbi} badge={{ text: '64-BIT', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
+            {isMatch('Total RAM', `${totalRamMb} MB`) && (<InfoRow label="Total Physical RAM" value={`${totalRamMb} MB`}/>)}
+            {isMatch('Free RAM', `${freeRamMb} MB`) && (<InfoRow label="Available Free RAM" value={`${freeRamMb} MB`} badge={{
                     text: freeRamMb < 500 ? 'LOW' : 'HEALTHY',
                     color: freeRamMb < 500 ? AppColors_1.AppColors.errorColor : AppColors_1.AppColors.emerald500,
                     bg: freeRamMb < 500 ? `${AppColors_1.AppColors.errorColor}18` : `${AppColors_1.AppColors.emerald500}18`,
                 }}/>)}
-            {isMatch('Storage Capacity') && (<InfoRow label="Disk Storage Total" value={`${totalStorageGb} GB`}/>)}
-            {isMatch('Available Storage') && (<InfoRow label="Disk Storage Available" value={`${freeStorageGb} GB`}/>)}
-            {isMatch('Battery') && (<InfoRow label="Battery Level" value={`${deviceMetrics?.batteryPercent ?? 100}%`} badge={{
+            {isMatch('Storage Capacity', `${totalStorageGb} GB`) && (<InfoRow label="Disk Storage Total" value={`${totalStorageGb} GB`}/>)}
+            {isMatch('Available Storage', `${freeStorageGb} GB`) && (<InfoRow label="Disk Storage Available" value={`${freeStorageGb} GB`}/>)}
+            {isMatch('Battery', `${deviceMetrics?.batteryPercent ?? 100}%`) && (<InfoRow label="Battery Level" value={`${deviceMetrics?.batteryPercent ?? 100}%`} badge={{
                     text: deviceMetrics?.isCharging ? 'CHARGING' : 'DISCHARGING',
                     color: deviceMetrics?.isCharging ? AppColors_1.AppColors.emerald500 : AppColors_1.AppColors.grayText,
                     bg: deviceMetrics?.isCharging ? `${AppColors_1.AppColors.emerald500}18` : `${AppColors_1.AppColors.grayText}18`,
                 }}/>)}
-            {isMatch('API Level') && react_native_1.Platform.OS === 'android' && (<InfoRow label="Android API SDK Level" value={`API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version}`}/>)}
-            {isMatch('Thermal State') && (<InfoRow label="Thermal State" value="Nominal (Cool)" badge={{ text: 'OPTIMAL', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }} isLast/>)}
+            {isMatch('API Level', `API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version}`) && react_native_1.Platform.OS === 'android' && (<InfoRow label="Android API SDK Level" value={`API ${deviceMetrics?.apiLevel || react_native_1.Platform.Version}`}/>)}
+            {isMatch('Thermal State', 'Nominal (Cool)') && (<InfoRow label="Thermal State" value="Nominal (Cool)" badge={{ text: 'OPTIMAL', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }} isLast/>)}
           </react_native_1.View>)}
 
         
-        {(activeSubTab === 'network' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'network' || search.length > 0) && hasNetworkMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>NETWORK & CONNECTIVITY</react_native_1.Text>
-            {isMatch('IP Address') && (<InfoRow label="Local Device IP" value={ipAddress} badge={{ text: 'IPV4', color: AppColors_1.AppColors.blue500, bg: `${AppColors_1.AppColors.blue500}18` }}/>)}
-            {isMatch('Internet Reachability') && (<InfoRow label="Internet Reachability" value="Connected" badge={{ text: 'ONLINE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
-            {isMatch('Connection Type') && (<InfoRow label="Active Connection Type" value="Wi-Fi / Local Area Network"/>)}
-            {isMatch('Metro Dev Server') && (<InfoRow label="Metro Packager Host" value={react_native_1.NativeModules?.PlatformConstants?.serverHost ||
+            {isMatch('IP Address', ipAddress) && (<InfoRow label="Local Device IP" value={ipAddress} badge={{ text: 'IPV4', color: AppColors_1.AppColors.blue500, bg: `${AppColors_1.AppColors.blue500}18` }}/>)}
+            {isMatch('Internet Reachability', 'Connected') && (<InfoRow label="Internet Reachability" value="Connected" badge={{ text: 'ONLINE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
+            {isMatch('Connection Type', 'Wi-Fi / Local Area Network') && (<InfoRow label="Active Connection Type" value="Wi-Fi / Local Area Network"/>)}
+            {isMatch('Metro Dev Server', react_native_1.NativeModules?.PlatformConstants?.serverHost || react_native_1.NativeModules?.AndroidConstants?.serverHost || 'localhost:8081') && (<InfoRow label="Metro Packager Host" value={react_native_1.NativeModules?.PlatformConstants?.serverHost ||
                     react_native_1.NativeModules?.AndroidConstants?.serverHost ||
                     'localhost:8081'}/>)}
-            {isMatch('WebSocket Protocol') && (<InfoRow label="WebSocket (WSS) Support" value="Active & Enabled"/>)}
-            {isMatch('Network Inspector Interceptor') && (<InfoRow label="Network Interceptor Status" value="Intercepting XHR & Fetch" badge={{ text: 'MONITORING', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }} isLast/>)}
+            {isMatch('WebSocket Protocol', 'Active & Enabled') && (<InfoRow label="WebSocket (WSS) Support" value="Active & Enabled"/>)}
+            {isMatch('Network Inspector Interceptor', 'Intercepting XHR & Fetch') && (<InfoRow label="Network Interceptor Status" value="Intercepting XHR & Fetch" badge={{ text: 'MONITORING', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }} isLast/>)}
           </react_native_1.View>)}
 
         
-        {(activeSubTab === 'display' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'display' || search.length > 0) && hasDisplayMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>DISPLAY & SCREEN GEOMETRY</react_native_1.Text>
-            {isMatch('Window Resolution') && (<InfoRow label="Window Logical Size" value={`${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`}/>)}
-            {isMatch('Screen Physical Size') && (<InfoRow label="Physical Screen Size" value={`${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`}/>)}
-            {isMatch('Pixel Density') && (<InfoRow label="Pixel Ratio (DPI Scale)" value={`@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`} badge={{ text: `@${pixelRatio}x`, color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
-            {isMatch('Font Scale') && (<InfoRow label="User Font Scale" value={`${fontScale}x (${fontScale === 1 ? 'Default' : fontScale > 1 ? 'Enlarged' : 'Compact'})`}/>)}
-            {isMatch('Form Factor') && (<InfoRow label="Device Form Factor" value={isTablet ? 'Tablet' : 'Smartphone'} badge={{
+            {isMatch('Window Resolution', `${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`) && (<InfoRow label="Window Logical Size" value={`${windowDims.width.toFixed(0)} × ${windowDims.height.toFixed(0)} pt`}/>)}
+            {isMatch('Screen Physical Size', `${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`) && (<InfoRow label="Physical Screen Size" value={`${(screenDims.width * pixelRatio).toFixed(0)} × ${(screenDims.height * pixelRatio).toFixed(0)} px`}/>)}
+            {isMatch('Pixel Density', `@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`) && (<InfoRow label="Pixel Ratio (DPI Scale)" value={`@${pixelRatio}x (${Math.round(pixelRatio * 160)} dpi)`} badge={{ text: `@${pixelRatio}x`, color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
+            {isMatch('Font Scale', `${fontScale}x`) && (<InfoRow label="User Font Scale" value={`${fontScale}x (${fontScale === 1 ? 'Default' : fontScale > 1 ? 'Enlarged' : 'Compact'})`}/>)}
+            {isMatch('Form Factor', isTablet ? 'Tablet' : 'Smartphone') && (<InfoRow label="Device Form Factor" value={isTablet ? 'Tablet' : 'Smartphone'} badge={{
                     text: isTablet ? 'TABLET' : 'PHONE',
                     color: isTablet ? AppColors_1.AppColors.blue500 : AppColors_1.AppColors.purple,
                     bg: isTablet ? `${AppColors_1.AppColors.blue500}18` : `${AppColors_1.AppColors.purple}18`,
                 }}/>)}
-            {isMatch('Orientation') && (<InfoRow label="Screen Orientation" value={isLandscape ? 'Landscape' : 'Portrait'}/>)}
-            {isMatch('Status Bar Height') && (<InfoRow label="Status Bar Inset" value={`${statusBarHeight} pt`} isLast/>)}
+            {isMatch('Orientation', isLandscape ? 'Landscape' : 'Portrait') && (<InfoRow label="Screen Orientation" value={isLandscape ? 'Landscape' : 'Portrait'}/>)}
+            {isMatch('Status Bar Height', `${statusBarHeight} pt`) && (<InfoRow label="Status Bar Inset" value={`${statusBarHeight} pt`} isLast/>)}
           </react_native_1.View>)}
 
         
-        {(activeSubTab === 'runtime' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'runtime' || search.length > 0) && hasRuntimeMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>RUNTIME & APPLICATION</react_native_1.Text>
-            {isMatch('App Name') && (<InfoRow label="Application Name" value={fullDeviceData.runtime.appName}/>)}
-            {isMatch('Bundle ID') && (<InfoRow label="Bundle Identifier / Package" value={fullDeviceData.identifiers.bundleId}/>)}
-            {isMatch('App Version') && (<InfoRow label="Application Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
-            {isMatch('React Native') && (<InfoRow label="React Native Framework" value={`v${reactNativeVersion}`} badge={{ text: 'RN', color: AppColors_1.AppColors.sky500, bg: `${AppColors_1.AppColors.sky500}18` }}/>)}
-            {isMatch('In-App Inspector Version') && (<InfoRow label="In-App Inspector Library" value={`v${constants_1.LIB_VERSION}`} badge={{ text: 'LATEST', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
-            {isMatch('Hermes Engine') && (<InfoRow label="Hermes JavaScript Engine" value={isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)'} badge={{
+            {isMatch('App Name', fullDeviceData.runtime.appName) && (<InfoRow label="Application Name" value={fullDeviceData.runtime.appName}/>)}
+            {isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) && (<InfoRow label="Bundle Identifier / Package" value={fullDeviceData.identifiers.bundleId}/>)}
+            {isMatch('App Version', `v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`) && (<InfoRow label="Application Version" value={`v${fullDeviceData.runtime.appVersion} (${fullDeviceData.runtime.appBuild})`}/>)}
+            {isMatch('React Native', `v${reactNativeVersion}`) && (<InfoRow label="React Native Framework" value={`v${reactNativeVersion}`} badge={{ text: 'RN', color: AppColors_1.AppColors.sky500, bg: `${AppColors_1.AppColors.sky500}18` }}/>)}
+            {isMatch('In-App Inspector Version', `v${constants_1.LIB_VERSION}`) && (<InfoRow label="In-App Inspector Library" value={`v${constants_1.LIB_VERSION}`} badge={{ text: 'LATEST', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
+            {isMatch('Hermes Engine', isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)') && (<InfoRow label="Hermes JavaScript Engine" value={isHermes ? 'Enabled (AOT Bytecode)' : 'Disabled (JSC)'} badge={{
                     text: isHermes ? 'HERMES' : 'JSC',
                     color: isHermes ? AppColors_1.AppColors.purple : AppColors_1.AppColors.grayText,
                     bg: isHermes ? `${AppColors_1.AppColors.purple}18` : `${AppColors_1.AppColors.grayText}18`,
                 }}/>)}
-            {isMatch('New Architecture') && (<InfoRow label="Bridgeless TurboModules (New Arch)" value={isTurboModule ? 'Enabled' : 'Legacy Bridge'} badge={{
+            {isMatch('New Architecture', isTurboModule ? 'Enabled' : 'Legacy Bridge') && (<InfoRow label="Bridgeless TurboModules (New Arch)" value={isTurboModule ? 'Enabled' : 'Legacy Bridge'} badge={{
                     text: isTurboModule ? 'NEW ARCH' : 'LEGACY',
                     color: isTurboModule ? AppColors_1.AppColors.emerald500 : AppColors_1.AppColors.blue500,
                     bg: isTurboModule ? `${AppColors_1.AppColors.emerald500}18` : `${AppColors_1.AppColors.blue500}18`,
                 }}/>)}
-            {isMatch('Build Type') && (<InfoRow label="Build Configuration" value={__DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production'} badge={{
+            {isMatch('Build Type', __DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production') && (<InfoRow label="Build Configuration" value={__DEV__ ? 'Debug (__DEV__ = true)' : 'Release / Production'} badge={{
                     text: __DEV__ ? 'DEBUG' : 'RELEASE',
                     color: __DEV__ ? AppColors_1.AppColors.warningIconGold : AppColors_1.AppColors.emerald500,
                     bg: __DEV__ ? `${AppColors_1.AppColors.warningIconGold}18` : `${AppColors_1.AppColors.emerald500}18`,
                 }}/>)}
-            {isMatch('Timezone') && (<InfoRow label="System Timezone" value={fullDeviceData.runtime.timezone}/>)}
-            {isMatch('Locale') && (<InfoRow label="System Language & Locale" value={fullDeviceData.runtime.locale}/>)}
-            {isMatch('Session Uptime') && (<InfoRow label="Inspector Session Uptime" value={deviceUptime} isLast/>)}
+            {isMatch('Timezone', fullDeviceData.runtime.timezone) && (<InfoRow label="System Timezone" value={fullDeviceData.runtime.timezone}/>)}
+            {isMatch('Locale', fullDeviceData.runtime.locale) && (<InfoRow label="System Language & Locale" value={fullDeviceData.runtime.locale}/>)}
+            {isMatch('Session Uptime', deviceUptime) && (<InfoRow label="Inspector Session Uptime" value={deviceUptime} isLast/>)}
           </react_native_1.View>)}
 
         
-        {(activeSubTab === 'security' || search.length > 0) && (<react_native_1.View style={styles.sectionCard}>
+        {(activeSubTab === 'security' || search.length > 0) && hasSecurityMatch && (<react_native_1.View style={styles.sectionCard}>
             <react_native_1.Text style={styles.sectionTitle}>DEVICE IDENTIFIERS & SECURITY</react_native_1.Text>
-            {isMatch('Pseudo-UDID') && (<InfoRow label="Deterministic Pseudo-UDID" value={pseudoUDID} subtext="Stable hardware signature hash for testing & diagnostics" badge={{ text: 'PERSISTENT', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
-            {isMatch('Bundle ID') && (<InfoRow label="Application Bundle ID" value={fullDeviceData.identifiers.bundleId}/>)}
-            {isMatch('Root / Jailbreak') && (<InfoRow label="Root / Jailbreak Heuristic" value="Clean (Standard Sandbox)" badge={{ text: 'SECURE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
-            {isMatch('Simulator / Emulator') && (<InfoRow label="Emulator / Physical Device" value={react_native_1.Platform.constants?.Model?.includes?.('sdk') ||
+            {isMatch('Pseudo-UDID', pseudoUDID) && (<InfoRow label="Deterministic Pseudo-UDID" value={pseudoUDID} subtext="Stable hardware signature hash for testing & diagnostics" badge={{ text: 'PERSISTENT', color: AppColors_1.AppColors.purple, bg: `${AppColors_1.AppColors.purple}18` }}/>)}
+            {isMatch('Bundle ID', fullDeviceData.identifiers.bundleId) && (<InfoRow label="Application Bundle ID" value={fullDeviceData.identifiers.bundleId}/>)}
+            {isMatch('Root / Jailbreak', 'Clean (Standard Sandbox)') && (<InfoRow label="Root / Jailbreak Heuristic" value="Clean (Standard Sandbox)" badge={{ text: 'SECURE', color: AppColors_1.AppColors.emerald500, bg: `${AppColors_1.AppColors.emerald500}18` }}/>)}
+            {isMatch('Simulator / Emulator', react_native_1.Platform.constants?.Model?.includes?.('sdk') || react_native_1.Platform.constants?.Model?.includes?.('Emulator') || react_native_1.Platform.constants?.Model?.includes?.('Simulator') ? 'Virtual Simulator' : 'Physical Device') && (<InfoRow label="Emulator / Physical Device" value={react_native_1.Platform.constants?.Model?.includes?.('sdk') ||
                     react_native_1.Platform.constants?.Model?.includes?.('Emulator') ||
                     react_native_1.Platform.constants?.Model?.includes?.('Simulator')
                     ? 'Virtual Simulator'
                     : 'Physical Device'}/>)}
-            {isMatch('Sandbox Integrity') && (<InfoRow label="App Sandbox File Isolation" value="Enforced by OS Kernel" isLast/>)}
+            {isMatch('Sandbox Integrity', 'Enforced by OS Kernel') && (<InfoRow label="App Sandbox File Isolation" value="Enforced by OS Kernel" isLast/>)}
           </react_native_1.View>)}
 
         

package/dist/commonjs/components/Inspector/FeedbackModal.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface FeedbackModalProps {
+    visible?: boolean;
+    onClose: () => void;
+}
+export declare const FeedbackModal: React.FC<FeedbackModalProps>;
+export default FeedbackModal;