react-native-inapp-inspector 2.3.5 → 2.3.6

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

@@ -69,8 +69,6 @@ const CrashDetail = react_1.default.memo(() => {
         }
         return [];
     }, [selectedCrash]);
-    // Strip keys holding explicit undefined values (e.g. componentStack) so the
-    // Raw JSON tab never renders a literal "undefined".
     const rawCrashData = (0, react_1.useMemo)(() => {
         try {
             return JSON.parse(JSON.stringify(selectedCrash));
@@ -126,12 +124,12 @@ const CrashDetail = react_1.default.memo(() => {
         },
     ];
     return (<react_native_1.View style={{ flex: 1, backgroundColor: AppColors_1.AppColors.grayBackground }}>
-      {/* ─── Top Info Bar (Similar to NetworkDetail / LogDetail) ─── */}
+      
       <react_native_1.View style={{ paddingHorizontal: 8, paddingTop: 6 }}>
         <react_native_1.View style={localStyles.infoBar}>
-          {/* Top Status Badges Row */}
+          
           <react_native_1.View style={localStyles.badgeRow}>
-            {/* Fatal / Non-fatal Pill */}
+            
             <react_native_1.View style={[
             localStyles.pillBadge,
             {
@@ -163,7 +161,7 @@ const CrashDetail = react_1.default.memo(() => {
               </react_native_1.Text>
             </react_native_1.View>
 
-            {/* Type Pill */}
+            
             <react_native_1.View style={[
             localStyles.pillBadge,
             {
@@ -178,7 +176,7 @@ const CrashDetail = react_1.default.memo(() => {
 
             <react_native_1.View style={{ flex: 1 }}/>
 
-            {/* Copy Report Action */}
+            
             <TouchableScale_1.default onPress={handleCopyReport} hitSlop={10} style={[
             localStyles.actionButton,
             copiedSuccess && { backgroundColor: AppColors_1.AppColors.mintGreenBg, borderColor: AppColors_1.AppColors.mintGreenBorder },
@@ -193,12 +191,12 @@ const CrashDetail = react_1.default.memo(() => {
             </TouchableScale_1.default>
           </react_native_1.View>
 
-          {/* Crash Title / Message */}
+          
           <react_native_1.Text style={localStyles.titleText}>
             {selectedCrash.message}
           </react_native_1.Text>
 
-          {/* Metadata Row */}
+          
           <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={localStyles.metaRow}>
             {originFrame && (<react_native_1.View style={localStyles.metaChip}>
                 <NetworkIcons_1.TerminalIcon color={AppColors_1.AppColors.grayText} size={11}/>
@@ -224,12 +222,12 @@ const CrashDetail = react_1.default.memo(() => {
         </react_native_1.View>
       </react_native_1.View>
 
-      {/* ─── Segmented Sub Tabs ─── */}
+      
       <react_native_1.View style={{ paddingHorizontal: 8, paddingTop: 6, paddingBottom: 4 }}>
         <SegmentedTabs_1.default tabs={tabsConfig} activeKey={activeSubTab} onChange={tab => setActiveSubTab(tab)}/>
       </react_native_1.View>
 
-      {/* ─── Search Bar (for Stack & Raw tabs) ─── */}
+      
       {(activeSubTab === 'stack' || activeSubTab === 'raw') && (<react_native_1.View style={{ paddingHorizontal: 12, paddingBottom: 6 }}>
           <react_native_1.View style={localStyles.searchContainer}>
             <NetworkIcons_1.SearchIcon color={AppColors_1.AppColors.grayText} size={14}/>
@@ -240,11 +238,11 @@ const CrashDetail = react_1.default.memo(() => {
           </react_native_1.View>
         </react_native_1.View>)}
 
-      {/* ─── Tab Content ScrollView ─── */}
+      
       <react_native_1.ScrollView style={{ flex: 1 }} contentContainerStyle={{ padding: 12, paddingBottom: 40, gap: 12 }}>
-        {/* 1. STACK TRACE TAB */}
+        
         {activeSubTab === 'stack' && (<react_native_1.View style={{ gap: 10 }}>
-            {/* Filter Chips (App Code vs All Frames) */}
+            
             <react_native_1.View style={localStyles.filterChipsRow}>
               <TouchableScale_1.default onPress={() => setStackFilter('app')} style={[
                 localStyles.filterChip,
@@ -277,7 +275,7 @@ const CrashDetail = react_1.default.memo(() => {
               </TouchableScale_1.default>
             </react_native_1.View>
 
-            {/* Frames List */}
+            
             {displayedFrames.length > 0 ? (displayedFrames
                 .filter(frame => {
                 if (!searchQuery.trim())
@@ -363,9 +361,9 @@ const CrashDetail = react_1.default.memo(() => {
               </react_native_1.View>)}
           </react_native_1.View>)}
 
-        {/* 2. DIAGNOSTICS TAB */}
+        
         {activeSubTab === 'diagnostics' && (<react_native_1.View style={{ gap: 12 }}>
-            {/* Device & OS Diagnostics Card */}
+            
             <react_native_1.View style={localStyles.sectionCard}>
               <react_native_1.View style={[
                 localStyles.sectionCardHeader,
@@ -428,7 +426,7 @@ const CrashDetail = react_1.default.memo(() => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Memory Metrics Card */}
+            
             {selectedCrash.memoryInfo && (<react_native_1.View style={localStyles.sectionCard}>
                 <react_native_1.View style={[
                     localStyles.sectionCardHeader,
@@ -461,7 +459,7 @@ const CrashDetail = react_1.default.memo(() => {
               </react_native_1.View>)}
           </react_native_1.View>)}
 
-        {/* 3. BREADCRUMBS TAB */}
+        
         {activeSubTab === 'breadcrumbs' && (<react_native_1.View style={{ gap: 10 }}>
             {selectedCrash.breadcrumbs && selectedCrash.breadcrumbs.length > 0 && (<react_native_1.View style={{
                     flexDirection: 'row',
@@ -499,7 +497,7 @@ const CrashDetail = react_1.default.memo(() => {
               </react_native_1.View>)}
           </react_native_1.View>)}
 
-        {/* 4. RAW JSON TAB */}
+        
         {activeSubTab === 'raw' && (<react_native_1.View style={localStyles.rawContainer}>
             <JsonViewer_1.default data={rawCrashData} search={searchQuery} wrap/>
           </react_native_1.View>)}

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

@@ -72,7 +72,6 @@ const CrashFilterModal = ({ visible, onClose, filters, onApply, searchQuery = ''
                 types: new Set(filters.types),
             });
         }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [visible]);
     const toggleType = (key) => {
         setDraft(prev => {

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

@@ -72,7 +72,6 @@ const CrashTab = react_1.default.memo(() => {
     const [crashFilters, setCrashFilters] = (0, react_1.useState)(CrashFilterModal_1.DEFAULT_CRASH_FILTERS);
     const [isFilterModalOpen, setIsFilterModalOpen] = (0, react_1.useState)(false);
     const [detailSubTab, setDetailSubTab] = (0, react_1.useState)('stack');
-    // Calculate statistics
     const stats = (0, react_1.useMemo)(() => {
         const total = crashRecords.length;
         let fatalCount = 0;
@@ -94,10 +93,8 @@ const CrashTab = react_1.default.memo(() => {
         });
         return { total, fatalCount, jsCount, promiseCount, renderCount, nativeCount };
     }, [crashRecords]);
-    // Filtered crash list
     const filteredList = (0, react_1.useMemo)(() => {
         let list = crashRecords.filter(item => {
-            // Type filter
             if (filterType === 'fatal' && !item.isFatal)
                 return false;
             if (filterType === 'js' && item.type !== 'js')
@@ -108,7 +105,6 @@ const CrashTab = react_1.default.memo(() => {
                 return false;
             if (filterType === 'native' && item.type !== 'native')
                 return false;
-            // Modal filters: crash types
             if (crashFilters.types.size > 0 && !crashFilters.types.has('all')) {
                 const matches = (crashFilters.types.has('fatal') && item.isFatal) ||
                     (crashFilters.types.has('js') && item.type === 'js') ||
@@ -118,7 +114,6 @@ const CrashTab = react_1.default.memo(() => {
                 if (!matches)
                     return false;
             }
-            // Modal filters: time window
             if (crashFilters.timeWindow !== 'all') {
                 const now = Date.now();
                 const cutoff = crashFilters.timeWindow === '15m'
@@ -131,13 +126,11 @@ const CrashTab = react_1.default.memo(() => {
                 if (item.timestamp < cutoff)
                     return false;
             }
-            // Modal filters: platform
             if (crashFilters.platform !== 'all') {
                 const platform = (item.deviceInfo?.platform || '').toLowerCase();
                 if (platform !== crashFilters.platform)
                     return false;
             }
-            // Modal filters: engine
             if (crashFilters.engine !== 'all') {
                 const isHermes = item.deviceInfo?.isHermes;
                 if (crashFilters.engine === 'hermes' && isHermes !== true)
@@ -145,7 +138,6 @@ const CrashTab = react_1.default.memo(() => {
                 if (crashFilters.engine === 'jsc' && (isHermes === true))
                     return false;
             }
-            // Search filter
             if (searchQuery.trim().length > 0) {
                 const queryTokens = searchQuery.trim().toLowerCase().split(/\s+/).filter(Boolean);
                 const searchTarget = [
@@ -160,7 +152,6 @@ const CrashTab = react_1.default.memo(() => {
             }
             return true;
         });
-        // Modal filters: sort order
         if (crashFilters.sortBy === 'time_asc') {
             list = [...list].sort((a, b) => a.timestamp - b.timestamp);
         }
@@ -201,7 +192,7 @@ const CrashTab = react_1.default.memo(() => {
                 localStyles.cardContainer,
                 isFatal && localStyles.fatalCardBorder,
             ]}>
-            {/* Header: #S.No, Badges & Timestamp */}
+            
             <react_native_1.View style={localStyles.cardHeader}>
               <react_native_1.View style={localStyles.badgeRow}>
                 <react_native_1.View style={localStyles.sNoBadge}>
@@ -239,12 +230,12 @@ const CrashTab = react_1.default.memo(() => {
               </react_native_1.View>
             </react_native_1.View>
 
-            {/* Error Message */}
+            
             <react_native_1.View style={{ marginVertical: 6 }}>
               <HighlightText_1.default text={item.message || t('crash.unknownException')} highlight={searchQuery} numberOfLines={3} style={localStyles.errorMessageText}/>
             </react_native_1.View>
 
-            {/* Top stack frame location if available */}
+            
             {topFrame && (<react_native_1.View style={localStyles.locationRow}>
                 <NetworkIcons_1.TerminalIcon size={12} color={AppColors_1.AppColors.grayTextWeak}/>
                 <react_native_1.Text numberOfLines={1} ellipsizeMode="middle" style={localStyles.locationText}>
@@ -255,7 +246,7 @@ const CrashTab = react_1.default.memo(() => {
                 </react_native_1.Text>
               </react_native_1.View>)}
 
-            {/* Footer row: Actions */}
+            
             <react_native_1.View style={localStyles.cardFooter}>
               <react_native_1.View style={{ flexDirection: 'row', alignItems: 'center', gap: 6, flexWrap: 'wrap' }}>
                 {item.deviceInfo && (<react_native_1.View style={localStyles.metaPill}>
@@ -294,7 +285,7 @@ const CrashTab = react_1.default.memo(() => {
     }, [searchQuery, setSelectedCrash]);
     return (<react_native_1.View style={localStyles.container}>
       {crashRecords.length > 0 && (<>
-          {/* ─── Top Stats Bar ─── */}
+          
           <react_native_1.View style={localStyles.statsBar}>
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={localStyles.statsScrollContent}>
               <react_native_1.View style={[localStyles.statChip, localStyles.statChipActive]}>
@@ -339,7 +330,7 @@ const CrashTab = react_1.default.memo(() => {
             </react_native_1.ScrollView>
           </react_native_1.View>
 
-          {/* ─── Search & Controls ─── */}
+          
           <react_native_1.View style={localStyles.controlsContainer}>
             <react_native_1.View style={localStyles.searchRow}>
               <react_native_1.View style={localStyles.searchInputWrapper}>
@@ -366,7 +357,7 @@ const CrashTab = react_1.default.memo(() => {
                   </react_native_1.View>)}
               </react_native_1.View>
 
-              {/* Crash Filters */}
+              
               <TouchableScale_1.default onPress={() => setIsFilterModalOpen(true)} style={[
                 localStyles.filterButton,
                 !(0, CrashFilterModal_1.isCrashFiltersDefault)(crashFilters) && {
@@ -390,13 +381,13 @@ const CrashTab = react_1.default.memo(() => {
                 }}/>)}
               </TouchableScale_1.default>
 
-              {/* Clear Crashes */}
+              
               <TouchableScale_1.default onPress={handleClearAll} style={localStyles.clearButton}>
                 <NetworkIcons_1.TrashIcon size={14} color={AppColors_1.AppColors.errorColor}/>
               </TouchableScale_1.default>
             </react_native_1.View>
 
-            {/* ─── Filter Chips ─── */}
+            
             <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={localStyles.filterScrollContent}>
               {[
                 { key: 'all', label: t('crash.filterAll'), Icon: NetworkIcons_1.LayersIcon },
@@ -424,7 +415,7 @@ const CrashTab = react_1.default.memo(() => {
           </react_native_1.View>
         </>)}
 
-      {/* ─── Crash List or Empty State ─── */}
+      
       {filteredList.length === 0 ? (<react_native_1.ScrollView contentContainerStyle={localStyles.emptyContainer} showsVerticalScrollIndicator={false}>
           <react_native_1.View style={localStyles.emptyIconCircle}>
             <NetworkIcons_1.ShieldAlertIcon size={38} color={AppColors_1.AppColors.greenColor}/>
@@ -452,7 +443,7 @@ const CrashTab = react_1.default.memo(() => {
             </TouchableScale_1.default>)}
         </react_native_1.ScrollView>) : (<react_native_1.FlatList 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 />}/>)}
 
-      {/* Filter Modal */}
+      
       <CrashFilterModal_1.default visible={isFilterModalOpen} onClose={() => setIsFilterModalOpen(false)} filters={crashFilters} onApply={setCrashFilters} searchQuery={searchQuery}/>
     </react_native_1.View>);
 });

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

@@ -109,7 +109,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
     const [ipAddress, setIpAddress] = (0, react_1.useState)('Detecting...');
     const [deviceUptime, setDeviceUptime] = (0, react_1.useState)('0s');
     const startTimeRef = react_1.default.useRef(Date.now());
-    // Load hardware metrics and IP
     const fetchMetrics = (0, react_1.useCallback)(async () => {
         try {
             const [devMetrics, sysMetrics] = await Promise.all([
@@ -120,7 +119,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             setSystemMetrics(sysMetrics);
         }
         catch {
-            // Fallback
         }
         finally {
             setIsLoading(false);
@@ -131,11 +129,9 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         const interval = setInterval(fetchMetrics, 3000);
         return () => clearInterval(interval);
     }, [fetchMetrics]);
-    // Probe local IP address
     (0, react_1.useEffect)(() => {
         let isMounted = true;
         const probeIp = async () => {
-            // 1. Try NativeModules or PlatformConstants
             try {
                 const serverHost = react_native_1.NativeModules?.PlatformConstants?.serverHost ||
                     react_native_1.NativeModules?.AndroidConstants?.serverHost ||
@@ -150,7 +146,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
                 }
             }
             catch { }
-            // 2. Query dynamic candidate ip endpoints
             try {
                 const controller = new AbortController();
                 const timer = setTimeout(() => controller.abort(), 1200);
@@ -176,7 +171,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             isMounted = false;
         };
     }, []);
-    // Calculate Uptime
     (0, react_1.useEffect)(() => {
         const updateUptime = () => {
             const diffSec = Math.floor((Date.now() - startTimeRef.current) / 1000);
@@ -197,7 +191,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         updateUptime();
         return () => clearInterval(timer);
     }, []);
-    // Screen Geometry
     const windowDims = react_native_1.Dimensions.get('window');
     const screenDims = react_native_1.Dimensions.get('screen');
     const pixelRatio = react_native_1.PixelRatio.get();
@@ -207,7 +200,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
     const statusBarHeight = react_native_1.Platform.OS === 'android'
         ? react_native_1.StatusBar.currentHeight || 24
         : (windowDims.height >= 812 ? 44 : 20);
-    // Pseudo-UDID deterministic identifier
     const pseudoUDID = (0, react_1.useMemo)(() => {
         const raw = `${react_native_1.Platform.OS}-${react_native_1.Platform.Version}-${screenDims.width}x${screenDims.height}-${pixelRatio}-${react_native_1.Platform.constants?.Brand || 'generic'}`;
         let hash = 0;
@@ -218,7 +210,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         const hex = Math.abs(hash).toString(16).padStart(8, '0');
         return `UDID-${react_native_1.Platform.OS.toUpperCase()}-${hex.slice(0, 4)}-${hex.slice(4, 8)}-${Date.now().toString(16).slice(-4)}`.toUpperCase();
     }, [screenDims.width, screenDims.height, pixelRatio]);
-    // Hermes & TurboModule engine status
     const isHermes = Boolean(global?.HermesInternal);
     const isTurboModule = Boolean(globalThis?.__turboModuleProxy);
     const reactNativeVersion = (0, react_1.useMemo)(() => {
@@ -242,7 +233,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
     const freeStorageGb = deviceMetrics?.freeStorage
         ? (deviceMetrics.freeStorage / (1024 * 1024 * 1024)).toFixed(1)
         : '64.2';
-    // Sub-Tab Definitions
     const subTabs = (0, react_1.useMemo)(() => [
         {
             key: 'overview',
@@ -275,7 +265,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             icon: (c) => <NetworkIcons_1.KeyIcon size={12} color={c}/>,
         },
     ], []);
-    // Full device JSON export
     const fullDeviceData = (0, react_1.useMemo)(() => ({
         identifiers: {
             pseudoUDID,
@@ -388,7 +377,6 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         (0, helpers_1.copyToClipboard)(md, 'Device Markdown Report');
         (0, toast_1.showToast)('Copied Markdown Report to Clipboard!');
     };
-    // Filter items matching search
     const isMatch = (text) => {
         if (!search.trim())
             return true;
@@ -403,7 +391,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             pseudoUDID.toLowerCase().includes(query));
     }, [search, fullDeviceData, ipAddress, pseudoUDID]);
     return (<react_native_1.View style={styles.container}>
-      {/* ─── Top Sub-Tabs Navigation Bar ─── */}
+      
       <react_native_1.View style={styles.subTabsWrapper}>
         <react_native_1.ScrollView horizontal showsHorizontalScrollIndicator={false} contentContainerStyle={styles.subTabsContainer}>
           {subTabs.map(tab => {
@@ -422,7 +410,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         </react_native_1.ScrollView>
       </react_native_1.View>
 
-      {/* ─── Search & Export Action Bar ─── */}
+      
       <react_native_1.View style={styles.actionBar}>
         <react_native_1.View style={styles.searchBar}>
           <NetworkIcons_1.SearchIcon size={14} color={AppColors_1.AppColors.grayTextWeak}/>
@@ -443,9 +431,9 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
         </TouchableScale_1.default>
       </react_native_1.View>
 
-      {/* ─── Main Content Scroll View ─── */}
+      
       <react_native_1.ScrollView style={styles.scrollArea} contentContainerStyle={styles.scrollContent} showsVerticalScrollIndicator={false}>
-        {/* Hero Card */}
+        
         <react_native_1.View style={styles.heroCard}>
           <react_native_1.View style={styles.heroHeader}>
             <react_native_1.View style={styles.heroIconWrap}>
@@ -465,7 +453,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             </react_native_1.View>
           </react_native_1.View>
 
-          {/* Quick Metrics Strip */}
+          
           <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>
@@ -488,7 +476,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
           </react_native_1.View>
         </react_native_1.View>
 
-        {/* ── SUB-TAB 1: OVERVIEW ── */}
+        
         {(activeSubTab === 'overview' || search.length > 0) && (<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}/>)}
@@ -504,7 +492,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {isMatch('UDID Identifier') && (<InfoRow label="Pseudo-UDID" value={pseudoUDID} isLast/>)}
           </react_native_1.View>)}
 
-        {/* ── SUB-TAB 2: HARDWARE & SYSTEM ── */}
+        
         {(activeSubTab === 'hardware' || search.length > 0) && (<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` }}/>)}
@@ -525,7 +513,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {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/>)}
           </react_native_1.View>)}
 
-        {/* ── SUB-TAB 3: NETWORK & CONNECTIVITY ── */}
+        
         {(activeSubTab === 'network' || search.length > 0) && (<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` }}/>)}
@@ -538,7 +526,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {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/>)}
           </react_native_1.View>)}
 
-        {/* ── SUB-TAB 4: DISPLAY & SCREEN GEOMETRY ── */}
+        
         {(activeSubTab === 'display' || search.length > 0) && (<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`}/>)}
@@ -554,7 +542,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {isMatch('Status Bar Height') && (<InfoRow label="Status Bar Inset" value={`${statusBarHeight} pt`} isLast/>)}
           </react_native_1.View>)}
 
-        {/* ── SUB-TAB 5: RUNTIME & APPLICATION ── */}
+        
         {(activeSubTab === 'runtime' || search.length > 0) && (<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}/>)}
@@ -582,7 +570,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {isMatch('Session Uptime') && (<InfoRow label="Inspector Session Uptime" value={deviceUptime} isLast/>)}
           </react_native_1.View>)}
 
-        {/* ── SUB-TAB 6: SECURITY & IDENTIFIERS ── */}
+        
         {(activeSubTab === 'security' || search.length > 0) && (<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` }}/>)}
@@ -596,7 +584,7 @@ exports.DeviceInfoTab = react_1.default.memo(() => {
             {isMatch('Sandbox Integrity') && (<InfoRow label="App Sandbox File Isolation" value="Enforced by OS Kernel" isLast/>)}
           </react_native_1.View>)}
 
-        {/* Empty search results state */}
+        
         {search.trim().length > 0 && !hasAnyMatch && (<react_native_1.View style={styles.emptySearchCard}>
             <NetworkIcons_1.SearchIcon size={26} color={AppColors_1.AppColors.grayTextWeak}/>
             <react_native_1.Text style={styles.emptySearchTitle}>No matching device specifications</react_native_1.Text>

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

@@ -21,7 +21,7 @@ const FabLauncher = () => {
         }} hitSlop={10}>
         <react_native_1.Animated.View style={[styles_1.default.fabPulseRing, { transform: [{ scale: pulseAnim }] }]}/>
         <BrandCircleIcon_1.default size={62}/>
-        {/* #4 — shining sweep, clipped inside the circular launcher */}
+        
         <react_native_1.View pointerEvents="none" style={styles_1.default.fabShineClip}>
           <react_native_1.Animated.View style={[
             styles_1.default.fabShineStreak,

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

@@ -17,7 +17,5 @@ const useInspector = () => {
 };
 exports.useInspector = useInspector;
 const animateNextLayout = () => {
-    // Disabled LayoutAnimation to prevent iOS NSRangeException crashes under Fabric
-    // and Android rendering performance freezes.
 };
 exports.animateNextLayout = animateNextLayout;

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

@@ -74,7 +74,7 @@ const InspectorHeader = react_1.default.memo(() => {
         if (clean === 'DEV' || clean.includes('DEV') || clean === 'LOCAL') {
             return {
                 label: rawEnv,
-                bg: `${AppColors_1.AppColors.emerald500}40`, // emerald
+                bg: `${AppColors_1.AppColors.emerald500}40`,
                 border: `${AppColors_1.AppColors.emerald400}8C`,
                 text: AppColors_1.AppColors.mintGreenBorder,
             };
@@ -82,7 +82,7 @@ const InspectorHeader = react_1.default.memo(() => {
         if (clean === 'UAT' || clean === 'QA' || clean === 'TEST') {
             return {
                 label: rawEnv,
-                bg: `${AppColors_1.AppColors.amber500}47`, // amber
+                bg: `${AppColors_1.AppColors.amber500}47`,
                 border: `${AppColors_1.AppColors.amber400}99`,
                 text: AppColors_1.AppColors.amberWarmBorder,
             };
@@ -90,15 +90,14 @@ const InspectorHeader = react_1.default.memo(() => {
         if (clean === 'PREPROD' || clean === 'STAGE' || clean === 'STAGING') {
             return {
                 label: rawEnv,
-                bg: `${AppColors_1.AppColors.purple500}47`, // purple
+                bg: `${AppColors_1.AppColors.purple500}47`,
                 border: `${AppColors_1.AppColors.purple400}99`,
                 text: AppColors_1.AppColors.violetSoftBorder,
             };
         }
-        // PROD / Live
         return {
             label: rawEnv,
-            bg: `${AppColors_1.AppColors.rose500}40`, // rose
+            bg: `${AppColors_1.AppColors.rose500}40`,
             border: `${AppColors_1.AppColors.roseBorder}8C`,
             text: AppColors_1.AppColors.errorBorder,
         };
@@ -177,7 +176,7 @@ const InspectorHeader = react_1.default.memo(() => {
             },
             !isAnySelected && { display: 'none' },
         ]}>
-              {/* Soft outer glow to fake a blurred circle */}
+              
               <react_native_1.View style={{
             position: 'absolute',
             width: 48,
@@ -292,7 +291,7 @@ const InspectorHeader = react_1.default.memo(() => {
                       </react_native_1.Pressable>)}
                   </react_native_1.View>
 
-                  {/* OS & NPM Version Representation */}
+                  
                   <react_native_1.View style={{
                 flexDirection: 'row',
                 alignItems: 'center',
@@ -701,7 +700,7 @@ const InspectorHeader = react_1.default.memo(() => {
       </react_native_1.View>
     </react_native_linear_gradient_1.default>
 
-    {/* Dedicated Update Available Details Modal */}
+    
     <UpdateAvailableModal_1.UpdateAvailableModal visible={showUpdateModal} latestVersion={latestNpmVersion} onClose={() => setShowUpdateModal(false)}/>
     </>);
 });